.section-tabs[data-astro-cid-zf6eie4s]{--reach:calc(var(--layout-nav-h) + var(--space-6));z-index:calc(var(--z-nav) - 1);align-items:center;gap:var(--space-4);margin-top:calc(var(--reach) * -1);margin-bottom:var(--space-block);padding-top:var(--reach);padding-left:var(--layout-margin);pointer-events:none;display:flex;position:sticky;top:0}.section-tabs[data-astro-cid-zf6eie4s]>[data-astro-cid-zf6eie4s]{pointer-events:auto}.section-tabs[data-astro-cid-zf6eie4s]:before{content:"";inset:0 0 calc(var(--space-7) * -1);z-index:-1;pointer-events:none;background:linear-gradient(to bottom, color-mix(in srgb, var(--color-bg) 90%, transparent) 0%, color-mix(in srgb, var(--color-bg) 82%, transparent) 62%, transparent 100%);-webkit-backdrop-filter:blur(22px)saturate(1.8)brightness(1.06);opacity:0;transition:opacity var(--duration-easy) var(--ease-steady);position:absolute;-webkit-mask-image:linear-gradient(#000 0% 62%,#0000 100%);mask-image:linear-gradient(#000 0% 62%,#0000 100%)}.section-tabs[data-astro-cid-zf6eie4s].is-stuck:before{opacity:1}.section-tabs__scroll[data-astro-cid-zf6eie4s]{scrollbar-width:none;flex:auto;min-width:0;position:relative;overflow-x:auto}.section-tabs__scroll[data-astro-cid-zf6eie4s]::-webkit-scrollbar{display:none}.section-tabs__list[data-astro-cid-zf6eie4s]{gap:var(--space-2);width:max-content;min-width:100%;margin:0;padding:0;list-style:none;display:flex}.section-tabs__trailing[data-astro-cid-zf6eie4s]{padding-right:var(--layout-margin);flex:none}.section-tabs__trailing[data-astro-cid-zf6eie4s]:empty{display:none}.section-tabs__tab[data-astro-cid-zf6eie4s]{min-height:44px;padding-inline:var(--space-4);color:var(--color-text-muted);font-size:var(--text-sm);white-space:nowrap;transition:color var(--duration-easy) var(--ease-steady);align-items:center;text-decoration:none;display:inline-flex}.section-tabs__tab[data-astro-cid-zf6eie4s]:hover{color:var(--color-text)}.section-tabs__tab[data-astro-cid-zf6eie4s][aria-selected=true]{color:var(--color-text);font-weight:var(--weight-medium)}.section-tabs__tab[data-astro-cid-zf6eie4s]:focus-visible{outline-offset:-3px;border-radius:var(--radius-xs)}.section-tabs__indicator[data-astro-cid-zf6eie4s]{background:var(--color-accent);width:0;height:2px;transition:translate var(--duration-easy) var(--ease-float), width var(--duration-easy) var(--ease-float);position:absolute;bottom:0;left:0}.section-tabs[data-astro-cid-zf6eie4s]:not(:has([aria-selected])) .section-tabs__indicator[data-astro-cid-zf6eie4s]{display:none}.view-toggle[data-astro-cid-ebthzc4n]{border:var(--border-hairline) solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface);flex:none;padding:3px;display:inline-flex;position:relative}.view-toggle__option[data-astro-cid-ebthzc4n]{z-index:1;min-width:44px;min-height:38px;padding-inline:var(--space-3);border-radius:var(--radius-pill);color:var(--color-text-muted);font-size:var(--text-xs);font-weight:var(--weight-medium);letter-spacing:var(--tracking-wide);text-transform:uppercase;white-space:nowrap;transition:color var(--duration-easy) var(--ease-steady);place-items:center;display:grid;position:relative}@media (any-hover:hover){.view-toggle__option[data-astro-cid-ebthzc4n][aria-checked=false]:hover{color:var(--color-text)}}.view-toggle__option[data-astro-cid-ebthzc4n][aria-checked=true]{color:var(--color-text-inverse)}.view-toggle__option[data-astro-cid-ebthzc4n]:focus-visible{outline-offset:2px;border-radius:var(--radius-pill)}.view-toggle__thumb[data-astro-cid-ebthzc4n]{z-index:0;border-radius:var(--radius-pill);background:var(--color-text);width:0;height:calc(100% - 6px);box-shadow:var(--elevation-1);transition:translate var(--duration-easy) var(--ease-pivot), width var(--duration-easy) var(--ease-pivot);position:absolute;top:3px;left:0}.code-block[data-astro-cid-c6nuo4je]{border:var(--border-hairline) solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-raised);overflow:hidden}.code-block__bar[data-astro-cid-c6nuo4je]{padding-inline:var(--space-4);border-bottom:var(--border-hairline) solid var(--color-border-subtle);background:var(--color-bg-subtle);justify-content:space-between;align-items:center;min-height:40px;display:flex}.code-block__copy[data-astro-cid-c6nuo4je]{min-height:32px;padding-inline:var(--space-3);color:var(--color-text-muted);font-size:var(--text-xs);font-weight:var(--weight-medium);border-radius:var(--radius-xs);transition:color var(--duration-easy) var(--ease-steady)}@media (any-hover:hover){.code-block__copy[data-astro-cid-c6nuo4je]:hover{color:var(--color-text)}}.code-block__copy[data-astro-cid-c6nuo4je] [data-astro-cid-c6nuo4je][data-copy-done]{color:var(--color-positive)}.code-block__pre[data-astro-cid-c6nuo4je]{padding:var(--space-5);max-height:32rem;margin:0;overflow:auto}.code-block__pre[data-astro-cid-c6nuo4je] code[data-astro-cid-c6nuo4je]{font-family:var(--font-mono);font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--color-text-muted);white-space:pre}.code-block__pre[data-astro-cid-c6nuo4je] .cb-k{color:var(--color-text)}.code-block__pre[data-astro-cid-c6nuo4je] .cb-s{color:var(--color-accent)}.code-block__pre[data-astro-cid-c6nuo4je] .cb-n{color:var(--color-positive)}.code-block__pre[data-astro-cid-c6nuo4je] .cb-b,.code-block__pre[data-astro-cid-c6nuo4je] .cb-z{color:var(--color-text-subtle);font-style:italic}.field[data-astro-cid-btwdofhb]{gap:var(--space-2);max-width:28rem;display:grid}.field__label[data-astro-cid-btwdofhb]{font-size:var(--text-sm);font-weight:var(--weight-medium)}.field__input[data-astro-cid-btwdofhb]{min-height:48px;padding:0 var(--space-4);background:var(--color-surface);border:var(--border-hairline) solid var(--color-border);border-radius:var(--radius-sm);transition:border-color var(--duration-easy) var(--ease-steady), box-shadow var(--duration-easy) var(--ease-steady)}.field__input[data-astro-cid-btwdofhb]::placeholder{color:var(--color-text-subtle)}@media (any-hover:hover){.field__input[data-astro-cid-btwdofhb]:hover{border-color:var(--color-text-muted)}}.field__input[data-astro-cid-btwdofhb]:focus-visible{border-color:var(--color-border-strong);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-focus) 35%, transparent);outline:none}.field__input[data-astro-cid-btwdofhb]:disabled{opacity:.5;cursor:not-allowed}.is-invalid[data-astro-cid-btwdofhb] .field__input[data-astro-cid-btwdofhb]{border-color:var(--color-danger)}.field__error[data-astro-cid-btwdofhb]{gap:var(--space-2);color:var(--color-danger);display:flex}.field__error[data-astro-cid-btwdofhb]:before{content:"!";background:var(--color-danger);width:1.25em;height:1.25em;color:var(--color-text-inverse);border-radius:50%;place-items:center;font-size:.8em;font-weight:700;display:grid}@media (forced-colors:active){.field__input[data-astro-cid-btwdofhb]:focus-visible{outline:2px solid highlight}}.figure[data-astro-cid-khyig4bw]{gap:var(--space-4);display:grid}.figure--inset[data-astro-cid-khyig4bw]{max-width:var(--measure-body)}.figure__frame[data-astro-cid-khyig4bw]{border-radius:var(--radius-lg);background:var(--color-bg-subtle);overflow:hidden}.figure__frame[data-astro-cid-khyig4bw] img{width:100%;height:100%}.figure--cover[data-astro-cid-khyig4bw] .figure__frame[data-astro-cid-khyig4bw] img{object-fit:cover}.figure__frame[data-astro-cid-khyig4bw] img[data-parallax]{--parallax:5%;scale:1.14}.figure--contain[data-astro-cid-khyig4bw] .figure__frame[data-astro-cid-khyig4bw] img{object-fit:contain}.figure__caption[data-astro-cid-khyig4bw]{max-width:60ch}.tiers__bar[data-astro-cid-ypeky2an]{gap:var(--space-4) var(--space-6);margin-bottom:var(--space-7);flex-wrap:wrap;align-items:center;display:flex}.tiers__note[data-astro-cid-ypeky2an]{flex:18rem;max-width:52ch}.tiers[data-astro-cid-ypeky2an][data-view=primitive] [data-astro-cid-ypeky2an][data-pane=semantic],.tiers[data-astro-cid-ypeky2an][data-view=primitive] [data-astro-cid-ypeky2an][data-note=semantic],.tiers[data-astro-cid-ypeky2an][data-view=semantic] [data-astro-cid-ypeky2an][data-pane=primitive],.tiers[data-astro-cid-ypeky2an][data-view=semantic] [data-astro-cid-ypeky2an][data-note=primitive]{display:none}.story[data-astro-cid-5cwmyc3s]{gap:var(--space-6);display:grid}.story[data-astro-cid-5cwmyc3s][hidden]{display:none}.story__head[data-astro-cid-5cwmyc3s]{gap:var(--space-2);max-width:60ch;display:grid}.story__canvas[data-astro-cid-5cwmyc3s]{min-height:14rem;padding:var(--space-7) var(--space-5);border:var(--border-hairline) solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-surface);place-items:center;display:grid;overflow:hidden}.story__stage[data-astro-cid-5cwmyc3s]{justify-items:center;width:100%;min-width:0;display:grid}.story__stage[data-astro-cid-5cwmyc3s]>[data-when]:not([hidden]){justify-items:center;width:100%;display:grid}.story__stage[data-astro-cid-5cwmyc3s]>[data-when][hidden]{display:none}[data-astro-cid-5cwmyc3s][data-story=nav] .story__stage[data-astro-cid-5cwmyc3s] .nav{width:100%;position:relative;translate:none!important}[data-astro-cid-5cwmyc3s][data-story=nav] .story__stage[data-astro-cid-5cwmyc3s] .nav:before{display:none}[data-astro-cid-5cwmyc3s][data-story=tabs] .story__stage[data-astro-cid-5cwmyc3s] .section-tabs{width:100%;margin:0;padding:0;position:static}[data-astro-cid-5cwmyc3s][data-story=tabs] .story__stage[data-astro-cid-5cwmyc3s] .section-tabs:before,[data-astro-cid-5cwmyc3s][data-story=tabs] .story__canvas[data-astro-cid-5cwmyc3s][data-trailing=false] .section-tabs__trailing{display:none}[data-astro-cid-5cwmyc3s][data-story=tile] .story__canvas[data-astro-cid-5cwmyc3s][data-size=default] .tile{max-width:26rem}[data-astro-cid-5cwmyc3s][data-story=card] .story__stage[data-astro-cid-5cwmyc3s]{max-width:24rem}[data-astro-cid-5cwmyc3s][data-story=figure] .story__canvas[data-astro-cid-5cwmyc3s] .figure__frame{aspect-ratio:16/9}[data-astro-cid-5cwmyc3s][data-story=figure] .story__canvas[data-astro-cid-5cwmyc3s][data-ratio="4-3"] .figure__frame{aspect-ratio:4/3}[data-astro-cid-5cwmyc3s][data-story=figure] .story__canvas[data-astro-cid-5cwmyc3s][data-ratio="1-1"] .figure__frame{aspect-ratio:1}[data-astro-cid-5cwmyc3s][data-story=figure] .story__canvas[data-astro-cid-5cwmyc3s][data-fit=contain] .figure__frame{background:var(--color-bg-subtle)}[data-astro-cid-5cwmyc3s][data-story=icons] .story__canvas[data-astro-cid-5cwmyc3s][data-color=muted]{color:var(--color-text-muted)}[data-astro-cid-5cwmyc3s][data-story=icons] .story__canvas[data-astro-cid-5cwmyc3s][data-color=accent]{color:var(--color-accent)}.story__panel[data-astro-cid-5cwmyc3s]{gap:var(--space-6) var(--layout-gutter);align-items:start;display:grid}@media (width>=900px){.story__panel[data-astro-cid-5cwmyc3s]{grid-template-columns:1fr 1fr}.story__panel[data-astro-cid-5cwmyc3s]:not(:has(.story__controls)){grid-template-columns:1fr}}.story__controls-head[data-astro-cid-5cwmyc3s]{justify-content:space-between;align-items:center;gap:var(--space-4);padding-bottom:var(--space-3);border-bottom:var(--border-hairline) solid var(--color-border);display:flex}.story__btn[data-astro-cid-5cwmyc3s]{padding:var(--space-1) var(--space-3);border:var(--border-hairline) solid var(--color-border);border-radius:var(--radius-pill);font-size:var(--text-xs);color:var(--color-text-muted);transition:color var(--duration-easy) var(--ease-steady), border-color var(--duration-easy) var(--ease-steady)}@media (any-hover:hover){.story__btn[data-astro-cid-5cwmyc3s]:hover{color:var(--color-text);border-color:var(--color-text-muted)}}.ctl[data-astro-cid-5cwmyc3s]{gap:var(--space-2) var(--space-5);padding-block:var(--space-3);border-bottom:var(--border-hairline) solid var(--color-border-subtle);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.ctl__name[data-astro-cid-5cwmyc3s]{font-size:var(--text-xs);font-weight:var(--weight-medium);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-text-muted)}.seg[data-astro-cid-5cwmyc3s]{border:var(--border-hairline) solid var(--color-border);border-radius:var(--radius-pill);flex-wrap:wrap;gap:2px;padding:2px;display:inline-flex}.seg[data-astro-cid-5cwmyc3s] button[data-astro-cid-5cwmyc3s]{min-height:32px;padding-inline:var(--space-3);border-radius:var(--radius-pill);font-size:var(--text-xs);color:var(--color-text-muted);transition:background-color var(--duration-easy) var(--ease-steady), color var(--duration-easy) var(--ease-steady)}.seg[data-astro-cid-5cwmyc3s] button[data-astro-cid-5cwmyc3s][aria-checked=true]{background:var(--color-text);color:var(--color-text-inverse)}@media (any-hover:hover){.seg[data-astro-cid-5cwmyc3s] button[data-astro-cid-5cwmyc3s][aria-checked=false]:hover{color:var(--color-text)}}.seg[data-astro-cid-5cwmyc3s] button[data-astro-cid-5cwmyc3s]:focus-visible{outline-offset:2px}.ctl__text[data-astro-cid-5cwmyc3s]{max-width:18rem;min-height:36px;padding:0 var(--space-3);background:var(--color-surface);border:var(--border-hairline) solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--text-sm);flex:12rem}.switch[data-astro-cid-5cwmyc3s]{appearance:none;border:var(--border-hairline) solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-bg-subtle);cursor:pointer;width:44px;height:26px;transition:background-color var(--duration-easy) var(--ease-steady), border-color var(--duration-easy) var(--ease-steady);flex:none;margin:0;position:relative}.switch[data-astro-cid-5cwmyc3s]:after{content:"";background:var(--color-text-muted);width:18px;height:18px;transition:translate var(--duration-easy) var(--ease-pivot), background-color var(--duration-easy) var(--ease-steady);border-radius:50%;position:absolute;top:3px;left:3px}.switch[data-astro-cid-5cwmyc3s]:checked{background:var(--color-accent);border-color:var(--color-accent)}.switch[data-astro-cid-5cwmyc3s]:checked:after{background:var(--color-accent-contrast);translate:18px}.switch[data-astro-cid-5cwmyc3s]:focus-visible{outline:var(--border-focus) solid var(--color-focus);outline-offset:2px}.story__code[data-astro-cid-5cwmyc3s]{margin:var(--space-3) 0 0;padding:var(--space-4);background:var(--color-bg-subtle);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-xs);line-height:var(--leading-normal);white-space:pre-wrap;overflow-wrap:anywhere;overflow-x:auto}.schematic[data-astro-cid-izha5bhz]{gap:var(--space-6);width:min(100%,44rem);padding:var(--space-6);border:var(--border-hairline) dashed var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-subtle);display:grid}.schematic__head[data-astro-cid-izha5bhz]{gap:var(--space-2);display:grid}.bar[data-astro-cid-izha5bhz]{background:var(--color-border);border-radius:2px;height:8px;display:block}.bar--label[data-astro-cid-izha5bhz]{background:var(--color-accent);width:5rem;height:6px}.bar--title[data-astro-cid-izha5bhz]{background:var(--color-text-muted);width:70%;height:22px}.bar--short[data-astro-cid-izha5bhz]{width:40%}.bar--text[data-astro-cid-izha5bhz]{width:90%}.bar--num[data-astro-cid-izha5bhz]{width:3.5rem;height:20px;margin-bottom:var(--space-2);background:var(--color-text-muted)}.bar--h2[data-astro-cid-izha5bhz]{width:auto;height:auto;margin-bottom:var(--space-2);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-muted);background:0 0}.schematic__links[data-astro-cid-izha5bhz]{gap:var(--space-2);margin-top:var(--space-2);display:flex}.pill[data-astro-cid-izha5bhz]{border:var(--border-hairline) solid var(--color-border);border-radius:var(--radius-pill);width:5rem;height:1.75rem}.schematic__cover[data-astro-cid-izha5bhz]{aspect-ratio:16/7;border-radius:var(--radius-lg);background:var(--color-bg-subtle);place-items:center;display:grid}.schematic__cover--visual[data-astro-cid-izha5bhz]{background:color-mix(in srgb, var(--color-accent) 10%, var(--color-bg-subtle))}.schematic__dots[data-astro-cid-izha5bhz]{gap:var(--space-3);display:flex}.schematic__dots[data-astro-cid-izha5bhz] span[data-astro-cid-izha5bhz]{border:var(--border-hairline) solid var(--color-accent);border-radius:var(--radius-pill);width:2.75rem;height:2.75rem}.schematic__metrics[data-astro-cid-izha5bhz]{gap:var(--space-5);padding-block:var(--space-4);border-block:var(--border-hairline) solid var(--color-border);grid-template-columns:repeat(3,1fr);display:grid}.schematic__body[data-astro-cid-izha5bhz]{gap:var(--space-6);grid-template-columns:8rem 1fr;display:grid}.schematic__toc[data-astro-cid-izha5bhz]{gap:var(--space-2);font-size:var(--text-xs);align-content:start;margin:0;padding:0;list-style:none;display:grid}.schematic__toc[data-astro-cid-izha5bhz] li[data-astro-cid-izha5bhz]{padding-left:var(--space-3);border-left:var(--border-hairline) solid var(--color-border)}.schematic__toc[data-astro-cid-izha5bhz] li[data-astro-cid-izha5bhz].on{border-left:var(--border-strong) solid var(--color-accent);color:var(--color-text)}.schematic__sections[data-astro-cid-izha5bhz]{gap:var(--space-5);display:grid}.schematic__sections[data-astro-cid-izha5bhz]>div[data-astro-cid-izha5bhz]{gap:var(--space-2);display:grid}@media (width<=600px){.schematic__body[data-astro-cid-izha5bhz]{grid-template-columns:1fr}.schematic__toc[data-astro-cid-izha5bhz]{display:none}}.role[data-astro-cid-vpjgsooz]{gap:var(--space-4) var(--space-6);padding-block:var(--space-5);border-bottom:var(--border-hairline) solid var(--color-border-subtle);align-items:center;display:grid}@media (width>=768px){.role[data-astro-cid-vpjgsooz]{grid-template-columns:minmax(14rem,.9fr) 1.4fr}}.role__meta[data-astro-cid-vpjgsooz]{gap:var(--space-1);display:grid}.role__name[data-astro-cid-vpjgsooz]{gap:var(--space-3);flex-wrap:wrap;align-items:baseline;display:flex}.role__tag[data-astro-cid-vpjgsooz],.role__spec[data-astro-cid-vpjgsooz]{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-subtle)}.role__demo[data-astro-cid-vpjgsooz]{min-width:0;overflow:hidden}.sys-head[data-astro-cid-orgf7zlg]{gap:var(--space-6);padding-top:clamp(var(--space-8), 10vw, var(--space-10));padding-bottom:var(--space-block);display:grid}.sys-head__intro[data-astro-cid-orgf7zlg]{max-width:54ch}#sys-body[data-astro-cid-orgf7zlg] .panel-json[data-astro-cid-orgf7zlg],#sys-body[data-astro-cid-orgf7zlg][data-view=json] .panel-visual[data-astro-cid-orgf7zlg]{display:none}#sys-body[data-astro-cid-orgf7zlg][data-view=json] .panel-json[data-astro-cid-orgf7zlg]{display:block}.swatches[data-astro-cid-orgf7zlg]{gap:var(--space-6) var(--layout-gutter);grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));display:grid}.swatch__chip[data-astro-cid-orgf7zlg]{aspect-ratio:3/2;border-radius:var(--radius-xs);border:var(--border-hairline) solid var(--color-border-subtle);transition:background-color var(--duration-unhurried) var(--ease-steady)}.swatch__name[data-astro-cid-orgf7zlg]{margin-top:var(--space-3);font-family:var(--font-mono);font-size:var(--text-xs)}.swatch__vals[data-astro-cid-orgf7zlg]{gap:var(--space-3);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted);display:flex}.swatch__refs[data-astro-cid-orgf7zlg]{gap:var(--space-3);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-subtle);display:flex}.swatch__vals[data-astro-cid-orgf7zlg] span[data-astro-cid-orgf7zlg],.swatch__refs[data-astro-cid-orgf7zlg] span[data-astro-cid-orgf7zlg]{flex:1 1 0}.group-label[data-astro-cid-orgf7zlg]{margin-top:var(--space-8);margin-bottom:var(--space-4)}.group-label[data-astro-cid-orgf7zlg]:first-child{margin-top:0}.ramps[data-astro-cid-orgf7zlg]{gap:var(--space-7);display:grid}.ramp[data-astro-cid-orgf7zlg]{gap:var(--space-3);display:grid}.ramp__steps[data-astro-cid-orgf7zlg]{gap:var(--space-4) var(--space-3);grid-template-columns:repeat(auto-fill,minmax(7rem,1fr));display:grid}.ramp__chip[data-astro-cid-orgf7zlg]{border-radius:var(--radius-xs);border:var(--border-hairline) solid var(--color-border-subtle);height:4.5rem}.ramp__name[data-astro-cid-orgf7zlg],.ramp__hex[data-astro-cid-orgf7zlg]{font-family:var(--font-mono);font-size:var(--text-xs)}.ramp__name[data-astro-cid-orgf7zlg]{margin-top:var(--space-2)}.ramp__hex[data-astro-cid-orgf7zlg]{color:var(--color-text-muted)}.roles[data-astro-cid-orgf7zlg]{border-top:var(--border-hairline) solid var(--color-border)}.role-text[data-astro-cid-orgf7zlg]{max-width:48ch;margin:0}.measure-demo[data-astro-cid-orgf7zlg]{padding-left:var(--space-3);border-left:var(--border-strong) solid var(--color-accent);font-size:var(--text-sm);color:var(--color-text-muted);margin:0}.space-demo[data-astro-cid-orgf7zlg]{background:var(--color-accent);border-radius:1px;display:block}.space-demo--w[data-astro-cid-orgf7zlg]{height:12px}.space-demo--h[data-astro-cid-orgf7zlg]{width:12px}.rs[data-astro-cid-orgf7zlg]{background:var(--color-surface-raised);border:var(--border-hairline) solid var(--color-border);width:9rem;height:3.5rem;display:block}.rs--media[data-astro-cid-orgf7zlg]{background:var(--color-bg-subtle);height:5.5rem}.rs--control[data-astro-cid-orgf7zlg]{width:10rem;height:2.75rem}.rs--inline[data-astro-cid-orgf7zlg]{width:3rem;height:1.25rem}.rs--divider[data-astro-cid-orgf7zlg]{border:0 solid var(--color-border-strong);border-top-width:var(--border-hairline);width:100%;height:0}.rs--focus-ring[data-astro-cid-orgf7zlg]{border-radius:var(--radius-sm);outline:var(--border-focus) solid var(--color-focus);outline-offset:3px;margin:4px}.rs--raised[data-astro-cid-orgf7zlg],.rs--floating[data-astro-cid-orgf7zlg],.rs--overlay[data-astro-cid-orgf7zlg]{border-color:var(--color-border-subtle);border-radius:var(--radius-sm)}.type-scale[data-astro-cid-orgf7zlg],.space-scale[data-astro-cid-orgf7zlg],.motion-list[data-astro-cid-orgf7zlg]{border-top:var(--border-hairline) solid var(--color-border)}.type-row__key[data-astro-cid-orgf7zlg]{gap:2px;display:grid}.type-row__val[data-astro-cid-orgf7zlg],.space-row__val[data-astro-cid-orgf7zlg],.motion-row__spec[data-astro-cid-orgf7zlg]{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-subtle)}.type-row__para[data-astro-cid-orgf7zlg]{max-width:30ch;font-size:var(--text-sm)}.type-row[data-astro-cid-orgf7zlg]{align-items:baseline;gap:var(--space-5);padding-block:var(--space-4);border-bottom:var(--border-hairline) solid var(--color-border-subtle);grid-template-columns:6rem 1fr;display:grid;overflow:hidden}.type-row__sample[data-astro-cid-orgf7zlg]{letter-spacing:var(--tracking-snug);white-space:nowrap;line-height:1.1}.space-row[data-astro-cid-orgf7zlg]{align-items:center;gap:var(--space-5);padding-block:var(--space-3);border-bottom:var(--border-hairline) solid var(--color-border-subtle);grid-template-columns:7rem 5rem 1fr;display:grid}.space-row__val[data-astro-cid-orgf7zlg]{order:2}.space-row__bar[data-astro-cid-orgf7zlg]{background:var(--color-accent);border-radius:1px;order:3;height:12px}.grid-demo[data-astro-cid-orgf7zlg]{margin-top:var(--space-7);padding:0}.grid-demo[data-astro-cid-orgf7zlg] span[data-astro-cid-orgf7zlg]{background:color-mix(in srgb, var(--color-accent) 12%, transparent);height:96px;font-size:var(--text-xs);color:var(--color-text-muted);place-items:center;display:grid}@media (width<=1023px){.grid-demo[data-astro-cid-orgf7zlg] span[data-astro-cid-orgf7zlg]:nth-child(n+9){display:none}}@media (width<=767px){.grid-demo[data-astro-cid-orgf7zlg] span[data-astro-cid-orgf7zlg]:nth-child(n+5){display:none}}.bps[data-astro-cid-orgf7zlg]{gap:var(--space-2) var(--space-6);margin-top:var(--space-5);font-family:var(--font-mono);font-size:var(--text-xs);flex-wrap:wrap;padding:0;list-style:none;display:flex}.bps__desc[data-astro-cid-orgf7zlg]{font-family:var(--font-sans);color:var(--color-text-subtle)}.shapes[data-astro-cid-orgf7zlg]{gap:var(--space-5);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.shape[data-astro-cid-orgf7zlg]{aspect-ratio:1;width:9rem;padding:var(--space-3);background:var(--color-bg-subtle);border:var(--border-hairline) solid var(--color-border);place-items:end start;display:grid}.shape--raised[data-astro-cid-orgf7zlg]{background:var(--color-surface-raised);border-color:var(--color-border-subtle);border-radius:var(--radius-sm)}.motion-row[data-astro-cid-orgf7zlg]{align-items:center;gap:var(--space-5);padding-block:var(--space-4);border-bottom:var(--border-hairline) solid var(--color-border-subtle);grid-template-columns:1fr 12rem;display:grid}.motion-row__meta[data-astro-cid-orgf7zlg]{gap:var(--space-1);display:grid}.motion-row__track[data-astro-cid-orgf7zlg]{height:12px;position:relative}.motion-row__dot[data-astro-cid-orgf7zlg]{background:var(--color-accent);width:12px;height:12px;transition:left var(--d,var(--duration-patient)) var(--e);border-radius:50%;position:absolute;top:0;left:0}.motion-row[data-astro-cid-orgf7zlg]:hover .motion-row__dot[data-astro-cid-orgf7zlg],.motion-row[data-astro-cid-orgf7zlg]:focus-within .motion-row__dot[data-astro-cid-orgf7zlg]{left:calc(100% - 12px)}@media (width<=600px){.motion-row[data-astro-cid-orgf7zlg]{gap:var(--space-3);grid-template-columns:1fr}}.demo[data-astro-cid-orgf7zlg]{gap:var(--space-4);padding-block:var(--space-6);border-top:var(--border-hairline) solid var(--color-border);display:grid}.demo__row[data-astro-cid-orgf7zlg]{gap:var(--space-5);flex-wrap:wrap;align-items:center;display:flex}.demo__row--top[data-astro-cid-orgf7zlg]{align-items:start}.demo__row--top[data-astro-cid-orgf7zlg]>*{flex:16rem}.demo__cards[data-astro-cid-orgf7zlg]{gap:var(--space-6) var(--layout-gutter);display:grid}@media (width>=768px){.demo__cards[data-astro-cid-orgf7zlg]{grid-template-columns:1fr 1fr}}.spec[data-astro-cid-orgf7zlg]{margin-top:var(--space-8);overflow-x:auto}.spec[data-astro-cid-orgf7zlg] table[data-astro-cid-orgf7zlg]{border-collapse:collapse;width:100%;min-width:48rem;font-size:var(--text-sm)}.spec[data-astro-cid-orgf7zlg] th[data-astro-cid-orgf7zlg],.spec[data-astro-cid-orgf7zlg] td[data-astro-cid-orgf7zlg]{padding:var(--space-4) var(--space-4) var(--space-4) 0;text-align:left;vertical-align:top;border-bottom:var(--border-hairline) solid var(--color-border-subtle)}.spec[data-astro-cid-orgf7zlg] thead[data-astro-cid-orgf7zlg] th[data-astro-cid-orgf7zlg]{font-size:var(--text-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-text-muted);font-weight:var(--weight-medium);border-bottom-color:var(--color-border)}.spec[data-astro-cid-orgf7zlg] tbody[data-astro-cid-orgf7zlg] th[data-astro-cid-orgf7zlg]{font-weight:var(--weight-medium);white-space:nowrap}.spec[data-astro-cid-orgf7zlg] td[data-astro-cid-orgf7zlg]{color:var(--color-text-muted)}.stories[data-astro-cid-orgf7zlg]{gap:var(--space-6) var(--space-8);align-items:start;display:grid}@media (width>=900px){.stories[data-astro-cid-orgf7zlg]{grid-template-columns:11rem minmax(0,1fr)}.stories__nav[data-astro-cid-orgf7zlg]{top:calc(var(--space-9) + var(--space-5));position:sticky}}.stories__list[data-astro-cid-orgf7zlg]{gap:var(--space-1);scrollbar-width:none;margin:0;padding:0;list-style:none;display:flex;overflow-x:auto}@media (width>=900px){.stories__list[data-astro-cid-orgf7zlg]{border-left:var(--border-hairline) solid var(--color-border-subtle);flex-direction:column;overflow:visible}}.stories__link[data-astro-cid-orgf7zlg]{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);white-space:nowrap;color:var(--color-text-muted);border-left:var(--border-strong) solid transparent;transition:color var(--duration-easy) var(--ease-steady), border-color var(--duration-easy) var(--ease-steady);margin-left:-1px;text-decoration:none;display:block}@media (width<=899px){.stories__link[data-astro-cid-orgf7zlg]{border:var(--border-hairline) solid var(--color-border);border-radius:var(--radius-pill)}.stories__link[data-astro-cid-orgf7zlg][aria-current]{background:var(--color-text);color:var(--color-text-inverse)}}@media (any-hover:hover){.stories__link[data-astro-cid-orgf7zlg]:hover{color:var(--color-text)}}@media (width>=900px){.stories__link[data-astro-cid-orgf7zlg][aria-current]{color:var(--color-text);border-left-color:var(--color-accent)}}.story-text[data-astro-cid-orgf7zlg]{max-width:42ch;margin:0}.story-panels[data-astro-cid-orgf7zlg]{padding-top:var(--space-5)}#story-tabs-target[data-astro-cid-orgf7zlg][data-view=json] .story-text[data-astro-cid-orgf7zlg]{font-family:var(--font-mono);font-size:var(--text-sm)}.story-readout[data-astro-cid-orgf7zlg]{margin-top:var(--space-3);font-family:var(--font-mono)}.story-readout[data-astro-cid-orgf7zlg] output[data-astro-cid-orgf7zlg]{color:var(--color-accent)}#story-vt-text[data-astro-cid-orgf7zlg]:after,#story-vt-icons[data-astro-cid-orgf7zlg]:after{content:attr(data-view)}.cursor-zones[data-astro-cid-orgf7zlg]{gap:var(--space-4);width:100%;display:grid}@media (width>=640px){.cursor-zones[data-astro-cid-orgf7zlg]{grid-template-columns:repeat(2,1fr)}}.cursor-zone[data-astro-cid-orgf7zlg]{align-content:start;gap:var(--space-2);min-height:7rem;padding:var(--space-5);border:var(--border-hairline) dashed var(--color-border);border-radius:var(--radius-md);color:inherit;text-decoration:none;display:grid}.icon-grid[data-astro-cid-orgf7zlg]{gap:var(--space-6) var(--space-4);grid-template-columns:repeat(auto-fill,minmax(7.5rem,1fr));width:100%;margin:0;padding:0;list-style:none;display:grid}.icon-grid[data-astro-cid-orgf7zlg] li[data-astro-cid-orgf7zlg]{justify-items:center;gap:var(--space-3);display:grid}