.card[data-astro-cid-yk4hkwyg]{--lift:0px;--scale:1;gap:var(--space-4);padding:var(--space-5);border:1px solid var(--color-line);border-radius:var(--radius-lg);background:linear-gradient(180deg, var(--color-raised), var(--color-surface));box-shadow:var(--shadow-2);transform:perspective(900px) translateY(calc(-1 * var(--lift))) scale(var(--scale)) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform var(--dur-slow) var(--ease-out), border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);display:grid;position:relative}.card--featured[data-astro-cid-yk4hkwyg]{border-color:color-mix(in oklab, var(--color-accent), transparent 60%);background:linear-gradient(180deg, var(--color-accent-soft), var(--color-surface))}.card__media[data-astro-cid-yk4hkwyg]:empty{display:none}.card__body[data-astro-cid-yk4hkwyg]{gap:var(--space-3);align-content:start;display:grid}.card__title[data-astro-cid-yk4hkwyg]{font-size:var(--step-2);line-height:1.15}.card__title[data-astro-cid-yk4hkwyg] a[data-astro-cid-yk4hkwyg]{color:inherit;text-decoration:none}.card__title[data-astro-cid-yk4hkwyg] a[data-astro-cid-yk4hkwyg]:after{content:"";border-radius:inherit;position:absolute;inset:0}.card__title[data-astro-cid-yk4hkwyg] a[data-astro-cid-yk4hkwyg]:focus-visible{outline:none}.card[data-astro-cid-yk4hkwyg]:has(.card__title a:focus-visible){outline:3px solid var(--color-focus);outline-offset:4px}@media (hover:hover){.card[data-astro-cid-yk4hkwyg]:has(.card__title a:hover){--lift:4px;border-color:color-mix(in oklab, var(--color-accent), transparent 50%);box-shadow:var(--shadow-3)}.card[data-astro-cid-yk4hkwyg]:has(.card__title a:hover) .card__title[data-astro-cid-yk4hkwyg] a[data-astro-cid-yk4hkwyg]{text-underline-offset:.15em;text-decoration:underline .08em}}.card[data-astro-cid-yk4hkwyg][data-state=hover]{--lift:4px;box-shadow:var(--shadow-3)}.card[data-astro-cid-yk4hkwyg]:has(.card__title a:active),.card[data-astro-cid-yk4hkwyg][data-state=active]{--lift:0px;--scale:.985;box-shadow:var(--shadow-1);transition-duration:var(--dur-press);transition-timing-function:ease-out}.guide[data-astro-cid-pa355vqn]{padding-block:var(--space-8) var(--space-9)}.intro[data-astro-cid-pa355vqn]{padding-block-end:var(--space-7)}.toc[data-astro-cid-pa355vqn]{gap:var(--space-2) var(--space-5);flex-wrap:wrap;padding:0;font-weight:700;list-style:none;display:flex}.section[data-astro-cid-pa355vqn]{--flow-space:var(--space-4);padding-block:var(--space-7);border-block-start:2px solid var(--color-line)}.section[data-astro-cid-pa355vqn]>h3[data-astro-cid-pa355vqn]{--flow-space:var(--space-7)}.muted[data-astro-cid-pa355vqn]{color:var(--color-muted)}code[data-astro-cid-pa355vqn]{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.88em}.swatches[data-astro-cid-pa355vqn]{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(min(100%,13rem),1fr));padding:0;display:grid}.swatch[data-astro-cid-pa355vqn]{gap:var(--space-1);padding:var(--space-3);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-1);display:grid}.swatch__chips[data-astro-cid-pa355vqn]{height:3.5rem;border-radius:var(--radius-sm);outline:1px solid var(--color-line);margin-block-end:var(--space-2);display:grid;overflow:hidden}.swatch__name[data-astro-cid-pa355vqn]{font-weight:700}.swatch__values[data-astro-cid-pa355vqn]{justify-content:space-between;gap:var(--space-2);font-size:var(--step--1);color:var(--color-muted);display:flex}.table-scroll[data-astro-cid-pa355vqn]{overflow-x:auto}.contrast[data-astro-cid-pa355vqn]{border-collapse:collapse;width:100%;min-width:38rem;font-size:var(--step--1)}.contrast[data-astro-cid-pa355vqn] th[data-astro-cid-pa355vqn],.contrast[data-astro-cid-pa355vqn] td[data-astro-cid-pa355vqn]{padding:var(--space-2) var(--space-3);border-block-end:1px solid var(--color-line);text-align:start;vertical-align:middle}.contrast[data-astro-cid-pa355vqn] thead[data-astro-cid-pa355vqn] th[data-astro-cid-pa355vqn]{font-family:var(--font-display-stack)}.contrast[data-astro-cid-pa355vqn] td[data-astro-cid-pa355vqn]:nth-child(n+3){white-space:nowrap}.sample[data-astro-cid-pa355vqn]{width:2.2rem;height:2.2rem;border-radius:var(--radius-sm);outline:1px solid var(--color-line);font-family:var(--font-display-stack);place-items:center;margin-inline-end:var(--space-2);font-size:1rem;font-weight:700;display:inline-grid}.ratio[data-astro-cid-pa355vqn]{font-variant-numeric:tabular-nums;margin-inline-end:var(--space-2)}.verdict[data-astro-cid-pa355vqn]{color:var(--color-accent);font-weight:700}.verdict--fail[data-astro-cid-pa355vqn]{color:var(--color-pop-text)}.scale[data-astro-cid-pa355vqn]{padding:0;list-style:none}.scale__row[data-astro-cid-pa355vqn]{align-items:baseline;gap:var(--space-1) var(--space-4);padding-block:var(--space-3);border-block-end:1px solid var(--color-line);grid-template-columns:4.5rem 1fr;max-width:none;display:grid}.scale__sample[data-astro-cid-pa355vqn]{overflow-wrap:anywhere;min-width:0;line-height:1.15}.scale__sample--display[data-astro-cid-pa355vqn]{font-family:var(--font-display-stack);letter-spacing:-.02em;font-weight:700}.scale__name[data-astro-cid-pa355vqn],.scale__value[data-astro-cid-pa355vqn]{color:var(--color-muted);font-size:var(--step--1)}.scale__value[data-astro-cid-pa355vqn]{grid-column:2}.token-grid[data-astro-cid-pa355vqn]{gap:var(--space-6);display:grid}.spaces[data-astro-cid-pa355vqn]{gap:var(--space-2);padding:0;list-style:none;display:grid}.spaces[data-astro-cid-pa355vqn] li[data-astro-cid-pa355vqn]{align-items:center;gap:var(--space-3);display:flex}.space-bar[data-astro-cid-pa355vqn]{background:var(--color-pop);border-radius:2px;height:.9rem}.tiles[data-astro-cid-pa355vqn]{gap:var(--space-5);flex-wrap:wrap;padding:0;list-style:none;display:flex}.tile[data-astro-cid-pa355vqn]{place-content:center;gap:var(--space-1);width:8.5rem;height:6rem;padding:var(--space-3);background:var(--color-surface);outline:2px solid var(--color-line);font-size:var(--step--1);text-align:center;display:grid}.tile--shadow[data-astro-cid-pa355vqn]{border-radius:var(--radius-md);outline:0}.defs[data-astro-cid-pa355vqn]{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(min(100%,14rem),1fr));display:grid}.defs[data-astro-cid-pa355vqn] dt[data-astro-cid-pa355vqn]{font-weight:700}.defs[data-astro-cid-pa355vqn] dd[data-astro-cid-pa355vqn]{color:var(--color-muted);font-size:var(--step--1)}.try[data-astro-cid-pa355vqn]{padding-block-start:var(--space-3)}.states[data-astro-cid-pa355vqn]{gap:var(--space-5);display:grid}.state-row[data-astro-cid-pa355vqn]{align-items:start;gap:var(--space-4) var(--space-5);flex-wrap:wrap;display:flex}.state-row__label[data-astro-cid-pa355vqn]{text-transform:capitalize;flex-basis:100%;font-weight:700}.state-row[data-astro-cid-pa355vqn] figure[data-astro-cid-pa355vqn],.devices[data-astro-cid-pa355vqn] figure[data-astro-cid-pa355vqn]{justify-items:start;gap:var(--space-1);display:grid}.devices[data-astro-cid-pa355vqn] figure[data-astro-cid-pa355vqn]{justify-items:stretch}.state-row[data-astro-cid-pa355vqn] figcaption[data-astro-cid-pa355vqn]{color:var(--color-muted);font-size:var(--step--1)}.cards[data-astro-cid-pa355vqn]{gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(min(100%,16rem),1fr));display:grid}.tags[data-astro-cid-pa355vqn]{gap:var(--space-2);flex-wrap:wrap;padding:0;list-style:none;display:flex}.stage-demo[data-astro-cid-pa355vqn]{max-width:40rem;padding-block:var(--space-4)}.devices[data-astro-cid-pa355vqn]{align-items:start;gap:var(--space-6);grid-template-columns:minmax(0,2fr) minmax(0,1fr);display:grid}@media (width<=40rem){.devices[data-astro-cid-pa355vqn]{grid-template-columns:1fr}}.demo-screen[data-astro-cid-pa355vqn]{background:var(--color-surface);align-content:start;gap:.6rem;height:100%;padding:1rem;display:grid}.demo-screen[data-astro-cid-pa355vqn] span[data-astro-cid-pa355vqn]{border-radius:var(--radius-sm);background:var(--color-sunken);height:.9rem}.demo-screen[data-astro-cid-pa355vqn] span[data-astro-cid-pa355vqn]:nth-child(2){width:70%}.demo-screen[data-astro-cid-pa355vqn] .demo-screen__bar[data-astro-cid-pa355vqn]{background:var(--color-accent-soft);height:2.4rem}.rules[data-astro-cid-pa355vqn]{gap:var(--space-2);padding-inline-start:1.2em;display:grid}.code[data-astro-cid-pa355vqn]{padding:var(--space-4) var(--space-5);border-radius:var(--radius-md);background:var(--color-sunken);font-size:var(--step--1);line-height:1.6;overflow-x:auto}