.cc[data-astro-cid-kgr2ujsd]{gap:var(--space-xl);flex-direction:column;display:flex}.cc__top[data-astro-cid-kgr2ujsd]{gap:var(--space-xl);grid-template-columns:minmax(0,1fr) minmax(0,17rem);align-items:start;display:grid}.cc__controls[data-astro-cid-kgr2ujsd]{gap:var(--space-md);flex-direction:column;display:flex}.cc__entry[data-astro-cid-kgr2ujsd]{font-family:var(--font-mono);font-size:15px}.cc__buttons[data-astro-cid-kgr2ujsd]{flex-wrap:wrap;gap:14px;display:flex}.cc__radios[data-astro-cid-kgr2ujsd]{gap:var(--space-sm);flex-wrap:wrap;display:flex}.radio[data-astro-cid-kgr2ujsd]{align-items:center;gap:var(--space-xs);border:var(--border-chip) solid var(--ink);border-radius:var(--radius-tile);background:var(--surface);font-size:var(--text-ui);cursor:pointer;transition:background-color var(--motion-color);padding:8px 14px;display:inline-flex}.radio[data-astro-cid-kgr2ujsd]:has(input:checked){background:var(--lime-soft)}.radio[data-astro-cid-kgr2ujsd] input[data-astro-cid-kgr2ujsd]{width:16px;height:16px;accent-color:var(--violet);cursor:pointer;margin:0}.radio[data-astro-cid-kgr2ujsd] code[data-astro-cid-kgr2ujsd]{color:var(--text-body)}.cc__preview[data-astro-cid-kgr2ujsd]{gap:var(--space-sm);top:calc(var(--header-height) + var(--space-md));flex-direction:column;display:flex;position:sticky}.cc__swatch[data-astro-cid-kgr2ujsd]{border:var(--border-card) solid var(--ink);border-radius:var(--radius-card);box-shadow:5px 5px 0 var(--ink);background-color:#fff;background-image:linear-gradient(45deg,#e4e0d6 25%,#0000 25%),linear-gradient(-45deg,#e4e0d6 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#e4e0d6 75%),linear-gradient(-45deg,#0000 75%,#e4e0d6 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;overflow:hidden}.cc__swatch-fill[data-astro-cid-kgr2ujsd]{min-height:13rem;padding:var(--space-md);flex-direction:column;justify-content:flex-end;gap:2px;display:flex}.cc__swatch-hex[data-astro-cid-kgr2ujsd]{font-family:var(--font-mono);letter-spacing:-.01em;font-size:20px;font-weight:700}.cc__swatch-name[data-astro-cid-kgr2ujsd]{font-size:var(--text-sm);opacity:.75}.cc__note[data-astro-cid-kgr2ujsd]{font-size:var(--text-sm)}.cc__section[data-astro-cid-kgr2ujsd]{gap:var(--space-sm);flex-direction:column;display:flex}.cc__lede[data-astro-cid-kgr2ujsd]{color:var(--text-subtle);font-size:var(--text-card)}.formats[data-astro-cid-kgr2ujsd]{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.format[data-astro-cid-kgr2ujsd]{gap:var(--space-sm);border:var(--border-chip) solid var(--ink);border-radius:var(--radius-tile);background:var(--surface);grid-template-columns:9.5rem minmax(0,1fr) auto;align-items:center;padding:10px 12px;display:grid}.format__label[data-astro-cid-kgr2ujsd]{font-weight:700;font-size:var(--text-ui)}.format__label[data-astro-cid-kgr2ujsd] small[data-astro-cid-kgr2ujsd]{color:var(--text-subtle);font-weight:400;font-size:var(--text-sm);line-height:1.4;display:block}.format__value[data-astro-cid-kgr2ujsd]{font-size:var(--text-card);white-space:nowrap;padding-block-end:2px;overflow-x:auto}.format__copy[data-astro-cid-kgr2ujsd]{justify-self:end;min-width:5.2rem}@media (width<=34rem){.format[data-astro-cid-kgr2ujsd]{grid-template-columns:minmax(0,1fr) auto}.format__value[data-astro-cid-kgr2ujsd]{grid-column:1/-1}}.ramp[data-astro-cid-kgr2ujsd]{grid-template-columns:repeat(9,minmax(0,1fr));gap:6px;margin:0;padding:0;list-style:none;display:grid}.ramp__swatch[data-astro-cid-kgr2ujsd]{border:var(--border-chip) solid var(--ink);background:var(--surface);cursor:pointer;width:100%;height:3.25rem;transition:transform var(--motion-sticker);border-radius:10px;padding:0;display:block}.ramp__swatch[data-astro-cid-kgr2ujsd]:hover{transform:translateY(-3px)}@media (width<=34rem){.ramp[data-astro-cid-kgr2ujsd]{grid-template-columns:repeat(5,minmax(0,1fr))}}.contrast[data-astro-cid-kgr2ujsd]{gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));display:grid}.contrast__card[data-astro-cid-kgr2ujsd]{gap:var(--space-sm);padding:var(--space-md);border:var(--border-chip) solid var(--ink);border-radius:var(--radius-tile);background:var(--surface);flex-direction:column;display:flex}.contrast__sample[data-astro-cid-kgr2ujsd]{padding:var(--space-md);border:var(--border-chip) solid var(--ink);font-family:var(--font-display);text-align:center;border-radius:10px;place-items:center;font-size:20px;font-weight:800;display:grid}.contrast__sample--white[data-astro-cid-kgr2ujsd]{background:#fff}.contrast__sample--black[data-astro-cid-kgr2ujsd]{background:#000}.contrast__ratio[data-astro-cid-kgr2ujsd]{font-size:var(--text-card);color:var(--text-body)}.contrast__ratio[data-astro-cid-kgr2ujsd] strong[data-astro-cid-kgr2ujsd]{font-size:var(--text-h4);font-variant-numeric:tabular-nums}.grades[data-astro-cid-kgr2ujsd]{font-size:var(--text-sm);color:var(--text-body);flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.grades[data-astro-cid-kgr2ujsd] li[data-astro-cid-kgr2ujsd]{justify-content:space-between;align-items:center;gap:var(--space-xs);display:flex}.badge[data-astro-cid-kgr2ujsd]{border:var(--border-chip) solid var(--ink);border-radius:var(--radius-tag);background:var(--lime);color:var(--ink);font-weight:700;font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;align-items:center;padding:2px 9px;display:inline-flex}.badge--fail[data-astro-cid-kgr2ujsd]{background:var(--coral-soft)}@media (width<=46rem){.cc__top[data-astro-cid-kgr2ujsd]{grid-template-columns:minmax(0,1fr)}.cc__preview[data-astro-cid-kgr2ujsd]{position:static}}