:where(.astro-vunbzlzk){margin:0;padding:0;box-sizing:border-box}body{font-family:var(--site-font-sans);background:var(--site-bg);color:var(--site-fg);line-height:1.6}.page:where(.astro-vunbzlzk){max-width:1100px;margin:0 auto;padding:2rem 1.5rem}h1:where(.astro-vunbzlzk){font-family:var(--site-font-mono);margin-bottom:.25rem}h2:where(.astro-vunbzlzk){margin-top:2.5rem;margin-bottom:1rem;border-bottom:1px solid var(--site-border);padding-bottom:.5rem}.subtitle:where(.astro-vunbzlzk){color:var(--site-dim);margin-bottom:2rem}nav:where(.astro-vunbzlzk).top{margin-bottom:2rem}nav:where(.astro-vunbzlzk).top a:where(.astro-vunbzlzk){color:var(--site-accent);text-decoration:none;margin-right:1rem}nav:where(.astro-vunbzlzk).top a:where(.astro-vunbzlzk):hover{text-decoration:underline}.swatch-grid:where(.astro-vunbzlzk){display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.swatch-column:where(.astro-vunbzlzk) h3:where(.astro-vunbzlzk){margin-bottom:.75rem;font-size:.9rem;text-transform:uppercase;letter-spacing:.05em;color:var(--site-dim)}.swatch-row:where(.astro-vunbzlzk){display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.swatch-chip:where(.astro-vunbzlzk){width:48px;height:48px;border-radius:var(--site-border-radius);border:1px solid var(--site-border);flex-shrink:0}.swatch-info:where(.astro-vunbzlzk){font-size:.8rem}.swatch-name:where(.astro-vunbzlzk){font-family:var(--site-font-mono);font-size:var(--site-code-size)}.swatch-meta:where(.astro-vunbzlzk){color:var(--site-dim);font-size:.75rem}.swatch-ratio:where(.astro-vunbzlzk){font-weight:600}.swatch-ratio:where(.astro-vunbzlzk).fail{color:#e53935}.swatch-ratio:where(.astro-vunbzlzk).pass{color:var(--site-cool)}.swatch-ratio:where(.astro-vunbzlzk).na{color:var(--site-dim)}.pairing-grid:where(.astro-vunbzlzk){display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}.pairing-card:where(.astro-vunbzlzk){border:1px solid var(--site-border);border-radius:var(--site-border-radius);overflow:hidden}.pairing-header:where(.astro-vunbzlzk){padding:.5rem .75rem;font-family:var(--site-font-mono);font-size:.8rem}.pairing-body:where(.astro-vunbzlzk){padding:.75rem;font-size:.85rem}.type-samples:where(.astro-vunbzlzk){display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.type-block:where(.astro-vunbzlzk){padding:1.25rem;border:1px solid var(--site-border);border-radius:var(--site-border-radius)}.type-block:where(.astro-vunbzlzk) h4:where(.astro-vunbzlzk){font-size:.75rem;text-transform:uppercase;color:var(--site-dim);margin-bottom:.75rem;letter-spacing:.05em}.mono-sample:where(.astro-vunbzlzk){font-family:var(--site-font-mono)}.sans-sample:where(.astro-vunbzlzk){font-family:var(--site-font-sans)}.type-line:where(.astro-vunbzlzk){margin-bottom:.35rem}.type-line:where(.astro-vunbzlzk).dim{color:var(--site-dim)}.type-line:where(.astro-vunbzlzk).accent{color:var(--site-accent)}.type-line:where(.astro-vunbzlzk) code:where(.astro-vunbzlzk){font-family:var(--site-font-mono);font-size:var(--site-code-size);background:var(--site-surface);padding:.1em .35em;border-radius:3px}.transition-demo:where(.astro-vunbzlzk){display:flex;gap:1.5rem;margin-top:.5rem}.transition-box-wrap:where(.astro-vunbzlzk){text-align:center}.transition-box:where(.astro-vunbzlzk){width:80px;height:80px;background:var(--site-surface);border:2px solid var(--site-border);border-radius:var(--site-border-radius);cursor:pointer;display:flex;align-items:center;justify-content:center;font-family:var(--site-font-mono);font-size:.7rem;color:var(--site-dim)}.transition-box:where(.astro-vunbzlzk).active{background:var(--site-accent);border-color:var(--site-accent);color:#fff;transform:scale(1.1)}.transition-box:where(.astro-vunbzlzk)[data-speed=fast]{transition:all var(--site-transition-fast) ease}.transition-box:where(.astro-vunbzlzk)[data-speed=normal]{transition:all var(--site-transition-normal) ease}.transition-box:where(.astro-vunbzlzk)[data-speed=slow]{transition:all var(--site-transition-slow) ease}.transition-label:where(.astro-vunbzlzk){font-size:.75rem;color:var(--site-dim);margin-top:.35rem;font-family:var(--site-font-mono)}.alias-table:where(.astro-vunbzlzk){width:100%;border-collapse:collapse;font-size:.8rem}.alias-table:where(.astro-vunbzlzk) th:where(.astro-vunbzlzk),.alias-table:where(.astro-vunbzlzk) td:where(.astro-vunbzlzk){text-align:left;padding:.5rem .6rem;border-bottom:1px solid var(--site-border)}.alias-table:where(.astro-vunbzlzk) th:where(.astro-vunbzlzk){font-weight:600;color:var(--site-dim);font-size:.75rem;text-transform:uppercase;letter-spacing:.03em}.alias-table:where(.astro-vunbzlzk) td:where(.astro-vunbzlzk){font-family:var(--site-font-mono);font-size:var(--site-code-size)}.alias-table:where(.astro-vunbzlzk) td:where(.astro-vunbzlzk):last-child{font-family:var(--site-font-sans);color:var(--site-dim)}@media(max-width:700px){.swatch-grid:where(.astro-vunbzlzk),.type-samples:where(.astro-vunbzlzk){grid-template-columns:1fr}.transition-demo:where(.astro-vunbzlzk){flex-direction:column;align-items:flex-start}}