.pal[data-astro-cid-t2dncdpg],.pairs[data-astro-cid-t2dncdpg]{margin:0;padding:4px 0;list-style:none}.pal[data-astro-cid-t2dncdpg] li[data-astro-cid-t2dncdpg]{border-bottom:1px solid var(--line);grid-template-columns:28px 74px minmax(0,1fr) 64px 70px 30px;align-items:center;gap:10px;padding:8px 16px;font-size:13px;display:grid}.pal[data-astro-cid-t2dncdpg] li[data-astro-cid-t2dncdpg]:last-child,.pairs[data-astro-cid-t2dncdpg] li[data-astro-cid-t2dncdpg]:last-child{border-bottom:0}.sw[data-astro-cid-t2dncdpg]{border:1px solid var(--line-strong);width:28px;height:28px}.hex[data-astro-cid-t2dncdpg]{letter-spacing:.04em;font-size:11px}.rgb[data-astro-cid-t2dncdpg]{letter-spacing:.04em;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:9.5px;overflow:hidden}.use[data-astro-cid-t2dncdpg]{color:var(--muted);font-size:12.5px}.bar-u[data-astro-cid-t2dncdpg]{background:color-mix(in srgb, var(--fg) 8%, transparent);height:6px}.bar-u[data-astro-cid-t2dncdpg] i[data-astro-cid-t2dncdpg]{background:var(--red);height:100%;display:block}.n[data-astro-cid-t2dncdpg]{text-align:right;color:var(--muted);font-size:10px}.pairs[data-astro-cid-t2dncdpg] li[data-astro-cid-t2dncdpg]{border-bottom:1px solid var(--line);grid-template-columns:44px minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:9px 16px;font-size:13px;display:grid}.pv[data-astro-cid-t2dncdpg]{border:1px solid var(--line-strong);place-items:center;width:44px;height:30px;font-weight:500;display:grid}.pc[data-astro-cid-t2dncdpg]{letter-spacing:.04em;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:9.5px;overflow:hidden}.pairs[data-astro-cid-t2dncdpg] b[data-astro-cid-t2dncdpg]{font-weight:500}.pairs[data-astro-cid-t2dncdpg] .tag[data-astro-cid-t2dncdpg]{padding:2px 5px;font-size:9px}@media (width<=520px){.pal[data-astro-cid-t2dncdpg] li[data-astro-cid-t2dncdpg]{grid-template-columns:28px 74px minmax(0,1fr) 30px}.pal[data-astro-cid-t2dncdpg] .rgb[data-astro-cid-t2dncdpg],.pal[data-astro-cid-t2dncdpg] .bar-u[data-astro-cid-t2dncdpg]{display:none}.pairs[data-astro-cid-t2dncdpg] li[data-astro-cid-t2dncdpg]{grid-template-columns:44px auto minmax(0,1fr)}.pairs[data-astro-cid-t2dncdpg] .pc[data-astro-cid-t2dncdpg]{display:none}.pairs[data-astro-cid-t2dncdpg] .tag[data-astro-cid-t2dncdpg]{justify-self:start}}.strip[data-astro-cid-t2dncdpg]{border:1px solid var(--line-strong);width:100%;max-width:260px;height:40px;display:flex}.strip[data-astro-cid-t2dncdpg] i[data-astro-cid-t2dncdpg]{display:block}.drop[data-astro-cid-t2dncdpg]{align-items:center;gap:14px;display:flex}.photo[data-astro-cid-t2dncdpg]{background:linear-gradient(135deg,#fdba74,#c2410c 55%,#7c2d12);width:84px;height:56px;position:relative}.dot[data-astro-cid-t2dncdpg]{border:2px solid #fff;border-radius:50%;width:12px;height:12px;position:absolute;top:22px;left:46px;box-shadow:0 0 0 1px #0b0b0b}.drop[data-astro-cid-t2dncdpg] .mono[data-astro-cid-t2dncdpg]{letter-spacing:.04em;font-size:11px}.after[data-astro-cid-t2dncdpg]{max-width:80ch;color:var(--muted);margin:24px 0 0}.why[data-astro-cid-t2dncdpg]{grid-template-columns:1fr 1fr;align-items:center;gap:56px;display:grid}.why[data-astro-cid-t2dncdpg]>[data-astro-cid-t2dncdpg]{min-width:0}.why[data-astro-cid-t2dncdpg] .lead[data-astro-cid-t2dncdpg]{max-width:52ch;margin:0}.why[data-astro-cid-t2dncdpg] .lead[data-astro-cid-t2dncdpg] a{color:var(--fg);text-underline-offset:3px;text-decoration:underline}.cmp[data-astro-cid-t2dncdpg]{gap:12px;margin:0;display:grid}.sample[data-astro-cid-t2dncdpg]{border:1px solid var(--line-strong);background:#fff;padding:22px 20px;position:relative}.sample[data-astro-cid-t2dncdpg] p[data-astro-cid-t2dncdpg]{margin:0;font-size:20px;font-weight:400}.sample[data-astro-cid-t2dncdpg] .tag[data-astro-cid-t2dncdpg]{background:#fff;position:absolute;top:-11px;right:12px}.code[data-astro-cid-t2dncdpg]{color:#f1f1ef;font-family:var(--font-mono);background:#0b0b0b;border:1px solid #ffffff1a;margin:0;padding:18px 20px;font-size:13px;line-height:1.8;overflow-x:auto}.code[data-astro-cid-t2dncdpg] .ln[data-astro-cid-t2dncdpg]{display:block}.code[data-astro-cid-t2dncdpg] .c[data-astro-cid-t2dncdpg]{color:#f1f1ef80}.code[data-astro-cid-t2dncdpg] .swatch[data-astro-cid-t2dncdpg]{vertical-align:-1px;width:11px;height:11px;margin-right:6px}code[data-astro-cid-t2dncdpg],.lead[data-astro-cid-t2dncdpg] code{font-family:var(--font-mono);border:1px solid var(--line-strong);padding:1px 4px;font-size:.88em}.when[data-astro-cid-t2dncdpg]{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--red);margin-top:6px;font-size:9.5px;display:block}@media (width<=900px){.why[data-astro-cid-t2dncdpg]{grid-template-columns:1fr;gap:32px}}