.page-header[data-astro-cid-xtt67e6j]{text-align:center;padding:2em 0 1em}.page-header[data-astro-cid-xtt67e6j] h1[data-astro-cid-xtt67e6j]{letter-spacing:-.03em;margin-bottom:.3em;font-size:2.8rem;font-weight:700}.page-header[data-astro-cid-xtt67e6j] .subtitle[data-astro-cid-xtt67e6j]{color:var(--text-secondary);max-width:720px;margin:0 auto;font-size:clamp(.95em,1.2vw,1.1em)}.bcd[data-astro-cid-xtt67e6j]{max-width:1100px;margin:0 auto;padding:0 1em 2em}.controls[data-astro-cid-xtt67e6j]{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-secondary);flex-wrap:wrap;align-items:flex-end;gap:1em;margin-bottom:1.5em;padding:1.25em 1.5em;display:flex}.field[data-astro-cid-xtt67e6j]{flex-direction:column;flex:200px;gap:.35em;min-width:0;display:flex}.field[data-astro-cid-xtt67e6j] label[data-astro-cid-xtt67e6j],.export-row[data-astro-cid-xtt67e6j] label[data-astro-cid-xtt67e6j]{color:var(--text-primary);font-size:.85em;font-weight:600}.controls[data-astro-cid-xtt67e6j] input[data-astro-cid-xtt67e6j][type=search],.controls[data-astro-cid-xtt67e6j] select[data-astro-cid-xtt67e6j],.export-row[data-astro-cid-xtt67e6j] select[data-astro-cid-xtt67e6j]{font:inherit;background:var(--bg-primary);max-width:100%;color:var(--text-primary);border:1px solid var(--border-light);border-radius:var(--radius-sm);padding:.55em .75em;font-size:.95em}.controls[data-astro-cid-xtt67e6j] input[data-astro-cid-xtt67e6j][type=search]:focus-visible,.controls[data-astro-cid-xtt67e6j] select[data-astro-cid-xtt67e6j]:focus-visible,.export-row[data-astro-cid-xtt67e6j] select[data-astro-cid-xtt67e6j]:focus-visible,.toggle[data-astro-cid-xtt67e6j] input[data-astro-cid-xtt67e6j]:focus-visible,button[data-astro-cid-xtt67e6j]:focus-visible{outline:2px solid var(--accent-light);outline-offset:2px}.toggle[data-astro-cid-xtt67e6j]{color:var(--text-primary);cursor:pointer;align-items:center;gap:.5em;font-size:.9em;display:flex}.toggle[data-astro-cid-xtt67e6j] input[data-astro-cid-xtt67e6j]{accent-color:#b8422e;width:1.1em;height:1.1em}.count[data-astro-cid-xtt67e6j]{color:var(--text-muted);flex-basis:100%;margin:0;font-size:.85em}.grid[data-astro-cid-xtt67e6j]{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.9em;margin:0 0 2.5em;padding:0;list-style:none;display:grid}.card[data-astro-cid-xtt67e6j]{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-secondary);min-width:0;overflow:hidden}.swatch[data-astro-cid-xtt67e6j]{box-sizing:border-box;align-items:flex-end;height:90px;padding:.5em .7em;display:flex}.swatch-label[data-astro-cid-xtt67e6j]{font-size:.8em;font-weight:700}.meta[data-astro-cid-xtt67e6j]{flex-direction:column;gap:.35em;padding:.75em .9em .9em;display:flex}.name[data-astro-cid-xtt67e6j]{color:var(--text-primary);overflow-wrap:anywhere;margin:0;font-size:1em;font-weight:600}.cat[data-astro-cid-xtt67e6j]{color:var(--text-muted);font-size:.78em}.values[data-astro-cid-xtt67e6j]{color:var(--text-secondary);overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.8em;line-height:1.5}.ratio[data-astro-cid-xtt67e6j]{color:var(--text-secondary);font-size:.8em}.pass[data-astro-cid-xtt67e6j]{color:#4ade80;font-weight:600}.fail[data-astro-cid-xtt67e6j]{color:#f87171;font-weight:600}.copy-hex[data-astro-cid-xtt67e6j]{color:var(--accent-light);border:1px solid var(--border-light);border-radius:var(--radius-sm);font:inherit;cursor:pointer;background:0 0;align-self:flex-start;margin-top:.3em;padding:.4em .8em;font-size:.8em}.copy-hex[data-astro-cid-xtt67e6j]:hover{border-color:var(--accent)}.empty[data-astro-cid-xtt67e6j]{color:var(--text-muted);text-align:center;grid-column:1/-1;padding:2em 0}.export[data-astro-cid-xtt67e6j]{border-top:1px solid var(--border);margin-bottom:2.5em;padding-top:1.5em}.export[data-astro-cid-xtt67e6j] h2[data-astro-cid-xtt67e6j]{margin:0 0 .3em;font-size:1.4em}.section-desc[data-astro-cid-xtt67e6j]{color:var(--text-secondary);margin:0 0 1em;font-size:.95em}.export-row[data-astro-cid-xtt67e6j]{flex-wrap:wrap;align-items:center;gap:.75em;margin-bottom:.9em;display:flex}.copy-btn[data-astro-cid-xtt67e6j]{background:var(--accent);color:#fff;border-radius:var(--radius-sm);font:inherit;cursor:pointer;border:none;padding:.55em 1.1em;font-weight:600}.copy-btn[data-astro-cid-xtt67e6j]:hover{background:var(--accent-dark)}.export[data-astro-cid-xtt67e6j] pre[data-astro-cid-xtt67e6j]{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);max-width:100%;margin:0;padding:1em;overflow-x:auto}.export[data-astro-cid-xtt67e6j] code[data-astro-cid-xtt67e6j]{white-space:pre;color:var(--text-primary);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.85em}.learn-section[data-astro-cid-xtt67e6j],.how-section[data-astro-cid-xtt67e6j]{max-width:1100px;margin:0 auto 2.5em;padding:0 1em}.learn-section[data-astro-cid-xtt67e6j] h2[data-astro-cid-xtt67e6j],.how-section[data-astro-cid-xtt67e6j] h2[data-astro-cid-xtt67e6j]{margin-bottom:.8em;font-size:1.6em}.learn-grid[data-astro-cid-xtt67e6j]{grid-template-columns:repeat(3,1fr);gap:1em;display:grid}.learn-card[data-astro-cid-xtt67e6j]{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-secondary);padding:1.25em}.learn-card[data-astro-cid-xtt67e6j] h3[data-astro-cid-xtt67e6j]{margin:0 0 .5em;font-size:1.05em}.learn-card[data-astro-cid-xtt67e6j] p[data-astro-cid-xtt67e6j],.how-body[data-astro-cid-xtt67e6j] p[data-astro-cid-xtt67e6j],.how-body[data-astro-cid-xtt67e6j] li[data-astro-cid-xtt67e6j]{color:var(--text-secondary);font-size:.95em;line-height:1.6}.how-body[data-astro-cid-xtt67e6j]{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-secondary);padding:1.25em 1.5em}@media (width<=760px){.page-header[data-astro-cid-xtt67e6j] h1[data-astro-cid-xtt67e6j]{font-size:2rem}.learn-grid[data-astro-cid-xtt67e6j]{grid-template-columns:1fr}.controls[data-astro-cid-xtt67e6j]{padding:1em}.grid[data-astro-cid-xtt67e6j]{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){[data-astro-cid-xtt67e6j]{transition:none!important;animation:none!important}}