.page-hero[data-astro-cid-wjspejo6]{padding:var(--spacing-xxl) 0 var(--spacing-xl);border-bottom:1px solid var(--color-hairline)}.breadcrumb-list[data-astro-cid-wjspejo6]{align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-lg);flex-wrap:wrap;display:flex}.breadcrumb-sep[data-astro-cid-wjspejo6]{color:var(--color-muted-soft)}.breadcrumb-current[data-astro-cid-wjspejo6]{color:var(--color-muted)}.page-hero-desc[data-astro-cid-wjspejo6]{max-width:640px;margin-top:var(--spacing-lg)}.tool-section[data-astro-cid-wjspejo6]{padding:var(--spacing-xl) 0 var(--spacing-section);border-bottom:1px solid var(--color-hairline)}.tool-layout[data-astro-cid-wjspejo6]{gap:var(--spacing-xl);grid-template-columns:1fr;align-items:start;display:grid}@media (width>=1024px){.tool-layout[data-astro-cid-wjspejo6]{grid-template-columns:300px 1fr}}.tool-controls[data-astro-cid-wjspejo6]{gap:var(--spacing-lg);background:var(--color-surface-card);border:1px solid var(--color-hairline);padding:var(--spacing-lg);flex-direction:column;display:flex}@media (width>=1024px){.tool-controls[data-astro-cid-wjspejo6]{position:sticky;top:72px}}.control-group[data-astro-cid-wjspejo6]{gap:var(--spacing-sm);flex-direction:column;display:flex}.color-row[data-astro-cid-wjspejo6]{align-items:center;gap:var(--spacing-sm);display:flex}.color-hex[data-astro-cid-wjspejo6]{font-family:var(--font-mono);text-transform:uppercase;flex:1;min-width:0}.preset-row[data-astro-cid-wjspejo6]{flex-wrap:wrap;gap:6px;display:flex}.tool-preview[data-astro-cid-wjspejo6]{gap:var(--spacing-lg);flex-direction:column;min-width:0;display:flex}.ratio-card[data-astro-cid-wjspejo6]{gap:var(--spacing-lg);padding:var(--spacing-xl);background:var(--color-surface-card);border:1px solid var(--color-hairline);flex-direction:column;display:flex}@media (width>=768px){.ratio-card[data-astro-cid-wjspejo6]{flex-direction:row;justify-content:space-between;align-items:center}}.ratio-main[data-astro-cid-wjspejo6]{align-items:baseline;gap:var(--spacing-sm);flex-wrap:wrap;min-width:0;display:flex}@media (width<=767px){.ratio-main[data-astro-cid-wjspejo6] .label-mono[data-astro-cid-wjspejo6]{flex-basis:100%}}.ratio-number[data-astro-cid-wjspejo6]{font-family:var(--font-display);letter-spacing:.02em;color:var(--color-ink);font-size:clamp(48px,8vw,80px);line-height:1}.ratio-of[data-astro-cid-wjspejo6]{font-family:var(--font-mono);color:var(--color-muted);font-size:18px}.ratio-flags[data-astro-cid-wjspejo6]{gap:var(--spacing-xs);flex-wrap:wrap;display:flex}.wcag-flag[data-astro-cid-wjspejo6]{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;border-radius:9999px;padding:5px 10px;font-size:10px}.wcag-flag[data-astro-cid-wjspejo6].pass{color:var(--color-success);background:#5fa6571a;border:1px solid #5fa6574d}.wcag-flag[data-astro-cid-wjspejo6].fail{color:var(--color-warning);background:#d4a0171a;border:1px solid #d4a0174d}.scale-table-wrap[data-astro-cid-wjspejo6]{border:1px solid var(--color-hairline);-webkit-overflow-scrolling:touch;overflow-x:auto}.threshold-table[data-astro-cid-wjspejo6]{border-collapse:collapse;width:100%;font-family:var(--font-mono);font-size:13px}.threshold-table[data-astro-cid-wjspejo6] th[data-astro-cid-wjspejo6],.threshold-table[data-astro-cid-wjspejo6] td[data-astro-cid-wjspejo6]{text-align:left;padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--color-hairline);white-space:nowrap}@media (width<=767px){.threshold-table[data-astro-cid-wjspejo6]{font-size:11px}.threshold-table[data-astro-cid-wjspejo6] th[data-astro-cid-wjspejo6],.threshold-table[data-astro-cid-wjspejo6] td[data-astro-cid-wjspejo6]{padding:8px 10px}}.threshold-table[data-astro-cid-wjspejo6] th[data-astro-cid-wjspejo6]{letter-spacing:.15em;text-transform:uppercase;color:var(--color-muted);background:var(--color-surface-soft);font-size:10px}.threshold-table[data-astro-cid-wjspejo6] tr[data-astro-cid-wjspejo6]:last-child td[data-astro-cid-wjspejo6]{border-bottom:none}.contrast-preview[data-astro-cid-wjspejo6]{padding:var(--spacing-xl);border:1px solid var(--color-hairline);gap:var(--spacing-md);flex-direction:column;display:flex}.contrast-h1[data-astro-cid-wjspejo6]{font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;margin:0;font-size:clamp(24px,4vw,40px);font-weight:400;line-height:1.15}.contrast-body[data-astro-cid-wjspejo6]{font-family:var(--font-ui);max-width:640px;margin:0;font-size:16px;line-height:1.6}.contrast-link[data-astro-cid-wjspejo6]{font-family:var(--font-ui);align-self:flex-start;font-size:16px;text-decoration:underline}.tool-notes[data-astro-cid-wjspejo6]{padding:var(--spacing-section) 0}.tool-notes[data-astro-cid-wjspejo6] .display-md[data-astro-cid-wjspejo6]{margin:var(--spacing-md) 0 var(--spacing-xxl)}.notes-grid[data-astro-cid-wjspejo6]{gap:var(--spacing-xl);grid-template-columns:1fr;display:grid}@media (width>=768px){.notes-grid[data-astro-cid-wjspejo6]{grid-template-columns:1fr 1fr 1fr}}.note[data-astro-cid-wjspejo6]{gap:var(--spacing-sm);padding-top:var(--spacing-md);border-top:1px solid var(--color-hairline);flex-direction:column;display:flex}.note[data-astro-cid-wjspejo6] h3[data-astro-cid-wjspejo6],.note[data-astro-cid-wjspejo6] p[data-astro-cid-wjspejo6]{margin:0}.note[data-astro-cid-wjspejo6] p[data-astro-cid-wjspejo6]{color:var(--color-muted)}