.baseline-demo:where(.astro-4vciuydq){gap:var(--space-s);display:grid}.baseline-demo__options:where(.astro-4vciuydq){gap:var(--space-2xs);flex-wrap:wrap;display:flex}.baseline-demo__options:where(.astro-4vciuydq) button:where(.astro-4vciuydq){border:1px solid var(--rule-strong);border-radius:var(--radius-plate);background:var(--stock);color:var(--ink);box-shadow:0 4px 0 var(--rule-strong);font-family:var(--font-mono);cursor:pointer;transition:transform 90ms var(--ease-out), box-shadow 90ms var(--ease-out);padding:.45rem .75rem;font-size:.85rem}.baseline-demo__options:where(.astro-4vciuydq) button:where(.astro-4vciuydq):hover{border-color:var(--ink)}.baseline-demo__options:where(.astro-4vciuydq) button:where(.astro-4vciuydq):active,.baseline-demo__options:where(.astro-4vciuydq) button:where(.astro-4vciuydq)[aria-pressed=true]{box-shadow:0 0 0 var(--rule-strong);transform:translateY(4px)}.baseline-demo__options:where(.astro-4vciuydq) button:where(.astro-4vciuydq)[aria-pressed=true]{border-color:var(--ink);background:var(--ink);color:var(--floor)}.baseline-demo__stage:where(.astro-4vciuydq){min-width:0}.baseline-demo:where(.astro-4vciuydq) iframe:where(.astro-4vciuydq){border-radius:var(--radius-plate);width:100%;min-height:18rem;box-shadow:0 0 0 1px var(--rule);border:0;display:block}.baseline-demo__code:where(.astro-4vciuydq){border-radius:var(--radius-plate);background:var(--color-bg-board);color:var(--color-text-on-board-muted);margin:0;padding:.9rem 1rem;font-size:.8125rem;line-height:1.65;overflow-x:auto}.baseline-demo__code:where(.astro-4vciuydq) .mark--baseline{color:var(--color-layer-baseline)}.baseline-demo__note:where(.astro-4vciuydq){color:var(--color-text-tertiary);font-size:var(--step--2)}.cascade:where(.astro-27fcug2a){gap:var(--space-s);display:grid}.cascade__controls:where(.astro-27fcug2a){align-items:center;gap:var(--space-s) var(--space-l);flex-wrap:wrap;display:flex}.cascade__controls:where(.astro-27fcug2a) label:where(.astro-27fcug2a){align-items:center;gap:var(--space-2xs) var(--space-s);flex-wrap:wrap;font-weight:600;display:flex}.cascade:where(.astro-27fcug2a) select:where(.astro-27fcug2a){font-family:var(--font-mono);font-size:.85rem}.cascade__controls:where(.astro-27fcug2a) .cascade__check:where(.astro-27fcug2a){align-items:flex-start;gap:var(--space-xs);cursor:pointer;flex-wrap:nowrap}.cascade__check:where(.astro-27fcug2a) input:where(.astro-27fcug2a){flex:none;width:1.25rem;height:1.25rem;margin:.15em 0 0}.cascade:where(.astro-27fcug2a) iframe:where(.astro-27fcug2a){border-radius:var(--radius-plate);width:100%;min-height:7rem;box-shadow:0 0 0 1px var(--rule);border:0;display:block}.cascade__code:where(.astro-27fcug2a){border-radius:var(--radius-plate);background:var(--board);color:var(--board-ink);margin:0;padding:.9rem 1rem;font-size:.8125rem;line-height:1.65;overflow-x:auto}.cascade__code:where(.astro-27fcug2a):focus-visible{outline-color:var(--ink)}.cascade__verdict:where(.astro-27fcug2a){min-height:3.2em;font-weight:600}.layer-head:where(.astro-zcyfcfia){--layer:var(--color-layer-baseline);margin-bottom:var(--space-xl);container-type:inline-size}.layer-head__inner:where(.astro-zcyfcfia){gap:var(--space-m);display:grid}.layer-head--tokens:where(.astro-zcyfcfia){--layer:var(--color-layer-tokens)}.layer-head--layouts:where(.astro-zcyfcfia){--layer:var(--color-layer-layouts)}.layer-head--behaviors:where(.astro-zcyfcfia){--layer:var(--color-layer-behaviors)}.layer-head__rail:where(.astro-zcyfcfia){column-gap:var(--space-s);grid-template-rows:auto auto;grid-template-columns:4.5rem auto;justify-content:start;align-items:end;display:grid}.layer-head__icon{grid-row:span 2;align-self:center}.layer-head__letter:where(.astro-zcyfcfia){color:var(--layer);font-family:var(--font-display-btlb);font-size:clamp(3.5rem,2.5rem + 4vw,6.5rem);font-weight:800;line-height:.85}.layer-head__name:where(.astro-zcyfcfia){color:var(--layer);font-family:var(--font-display-btlb);font-size:var(--step--1);letter-spacing:.08em;text-transform:uppercase;font-weight:700}.layer-head__words:where(.astro-zcyfcfia){gap:var(--space-s);max-width:48rem;display:grid}.layer-head__words:where(.astro-zcyfcfia) p{color:var(--color-text-secondary);font-size:var(--step-1);line-height:1.55}@container (width>=56rem){.layer-head__inner:where(.astro-zcyfcfia){gap:var(--space-2xl);grid-template-columns:12rem 1fr;align-items:end}.layer-head__rail:where(.astro-zcyfcfia){grid-template-columns:1fr;justify-items:start}.layer-head__icon{width:9rem;margin-bottom:var(--space-s);grid-row:auto}}.layouts:where(.astro-4meuqfva){gap:var(--space-m);display:grid}.layouts__patterns:where(.astro-4meuqfva){gap:var(--space-2xs);flex-wrap:wrap;display:flex}.layouts__patterns:where(.astro-4meuqfva) button:where(.astro-4meuqfva){border:1px solid var(--rule-strong);border-radius:var(--radius-plate);background:var(--stock);color:var(--ink);box-shadow:0 4px 0 var(--rule-strong);font-family:var(--font-mono);cursor:pointer;transition:transform 90ms var(--ease-out), box-shadow 90ms var(--ease-out);padding:.55rem .9rem;font-size:.9rem;font-weight:600}.layouts__patterns:where(.astro-4meuqfva) button:where(.astro-4meuqfva):hover{border-color:var(--ink)}.layouts__patterns:where(.astro-4meuqfva) button:where(.astro-4meuqfva):active,.layouts__patterns:where(.astro-4meuqfva) button:where(.astro-4meuqfva)[aria-pressed=true]{box-shadow:0 0 0 var(--rule-strong);transform:translateY(4px)}.layouts__patterns:where(.astro-4meuqfva) button:where(.astro-4meuqfva)[aria-pressed=true]{border-color:var(--ink);background:var(--ink);color:var(--floor)}.layouts__controls:where(.astro-4meuqfva){gap:var(--space-s);align-content:start;display:grid}.layouts__controls:where(.astro-4meuqfva) fieldset:where(.astro-4meuqfva){gap:var(--space-xs);border:0;padding:0;display:grid}.layouts__controls:where(.astro-4meuqfva) fieldset:where(.astro-4meuqfva)[hidden]{display:none}.layouts__controls:where(.astro-4meuqfva) legend:where(.astro-4meuqfva){margin-bottom:var(--space-2xs);border-bottom:2px solid var(--ink);width:100%;padding-bottom:.4rem;font-weight:760;font-stretch:110%}.layouts__controls:where(.astro-4meuqfva) label:where(.astro-4meuqfva){align-items:center;gap:var(--space-s);grid-template-columns:1fr minmax(7rem,9rem);display:grid}.layouts__controls:where(.astro-4meuqfva) .layouts__width:where(.astro-4meuqfva){padding-top:var(--space-s);border-top:1px solid var(--rule-strong);grid-template-columns:auto 1fr 3rem}.layouts__note:where(.astro-4meuqfva){color:var(--ink-3);font-size:var(--step--2)}.layouts__stage:where(.astro-4meuqfva){gap:var(--space-s);min-width:0;display:grid}.layouts__frame-wrap:where(.astro-4meuqfva){width:100%;max-width:100%}.layouts:where(.astro-4meuqfva) iframe:where(.astro-4meuqfva){border-radius:var(--radius-plate);width:100%;min-height:12rem;box-shadow:0 0 0 1px var(--rule);border:0;display:block}.layouts__code:where(.astro-4meuqfva){border-radius:var(--radius-plate);background:var(--board);color:var(--board-dim);margin:0;padding:.9rem 1rem;font-size:.8125rem;line-height:1.65;overflow-x:auto}.layouts__code:where(.astro-4meuqfva) .layouts__markup{color:var(--board-ink)}.layouts__code:where(.astro-4meuqfva):focus-visible{outline-color:var(--ink)}.specimen:where(.astro-yozdgi7v){border-radius:var(--radius-sheet);background:var(--color-bg-surface);box-shadow:var(--shadow-lift);display:grid;overflow:hidden;container-type:inline-size}.specimen__rail:where(.astro-yozdgi7v){border-bottom:1px solid var(--color-border-default);grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;padding:1rem;list-style:none;display:grid}.specimen__step:where(.astro-yozdgi7v){border:1px solid var(--color-border-strong);border-radius:var(--radius-plate);background:var(--color-bg-surface);width:100%;color:var(--color-text-tertiary);box-shadow:0 4px 0 var(--color-border-strong);font-family:var(--font-display-btlb);font-size:var(--step-0);text-align:left;cursor:pointer;transition:transform 90ms var(--ease-out), box-shadow 90ms var(--ease-out);align-items:center;gap:.7rem;padding:.6rem .75rem;font-weight:700;display:flex}.specimen__step:where(.astro-yozdgi7v) .readout:where(.astro-yozdgi7v){font-size:var(--step--2);margin-right:.2rem}.specimen__step:where(.astro-yozdgi7v) .specimen__plate{opacity:.35;flex:none;width:2.4rem}.specimen__step:where(.astro-yozdgi7v)[data-reached]{color:var(--color-text-primary)}.specimen__step:where(.astro-yozdgi7v)[data-reached] .specimen__plate{opacity:1}.specimen__step:where(.astro-yozdgi7v):hover{border-color:var(--color-text-primary)}.specimen__step:where(.astro-yozdgi7v)[aria-current=step]{border-color:var(--color-text-primary);background:var(--color-bg-interactive);color:var(--color-text-on-interactive);box-shadow:0 0 0 var(--color-border-strong);transform:translateY(4px)}.specimen__step:where(.astro-yozdgi7v):disabled{cursor:default}.specimen__body:where(.astro-yozdgi7v){display:grid}.specimen__sheet:where(.astro-yozdgi7v){background-color:var(--color-bg-sunken);background-image:linear-gradient(var(--color-btlb-grid) 1px, transparent 1px), linear-gradient(90deg, var(--color-btlb-grid) 1px, transparent 1px);background-size:16px 16px;align-items:center;padding:clamp(1rem,4cqi,2.5rem);display:grid;position:relative}.specimen__frame:where(.astro-yozdgi7v){border-radius:var(--radius-plate);width:100%;min-height:15rem;box-shadow:var(--shadow-lift);border:0;display:block}.specimen__gaps:where(.astro-yozdgi7v){pointer-events:none;position:absolute;inset:0}.specimen__gaps:where(.astro-yozdgi7v) span{background:repeating-linear-gradient(-45deg, color-mix(in srgb, var(--color-layer-layouts) 60%, transparent) 0 1px, transparent 1px 5px);position:absolute}@media (prefers-reduced-motion:no-preference){.specimen__gaps:where(.astro-yozdgi7v)[data-enter] span{animation:specimen-in .42s var(--ease-out) both}}.specimen__notes:where(.astro-yozdgi7v){gap:var(--space-m);padding:var(--space-l) var(--space-m);align-content:center;display:grid}.specimen__caption:where(.astro-yozdgi7v){max-width:30rem;color:var(--color-text-primary);font-size:var(--step-1);line-height:1.5}.specimen__try:where(.astro-yozdgi7v){gap:var(--space-s);justify-items:start;display:grid}.specimen__try:where(.astro-yozdgi7v)[hidden],.specimen__try:where(.astro-yozdgi7v) :where(.astro-yozdgi7v)[hidden],.specimen__next:where(.astro-yozdgi7v)[hidden]{display:none}@media (prefers-reduced-motion:no-preference){.specimen__try:where(.astro-yozdgi7v) .is-new:where(.astro-yozdgi7v){animation:specimen-in .42s var(--ease-out) both}}@keyframes specimen-in{0%{opacity:0}}.choice:where(.astro-yozdgi7v){flex-wrap:wrap;gap:.35rem;display:flex}.choice:where(.astro-yozdgi7v) button:where(.astro-yozdgi7v){border:1px solid var(--color-border-strong);border-radius:var(--radius-plate);background:var(--color-bg-surface);color:var(--color-text-primary);font:inherit;font-size:var(--step--1);cursor:pointer;padding:.45rem .8rem;font-weight:700}.choice:where(.astro-yozdgi7v) button:where(.astro-yozdgi7v):hover{border-color:var(--color-text-primary)}.choice:where(.astro-yozdgi7v) button:where(.astro-yozdgi7v)[aria-pressed=true]{border-color:var(--color-text-primary);background:var(--color-bg-interactive);color:var(--color-text-on-interactive)}.row:where(.astro-yozdgi7v){gap:.4rem;display:grid}.row__label:where(.astro-yozdgi7v){color:var(--color-text-secondary);font-size:var(--step--1);font-weight:600}.spacing:where(.astro-yozdgi7v){color:var(--color-text-secondary);font-size:var(--step--1);align-items:center;gap:.6rem;display:flex}.spacing:where(.astro-yozdgi7v) input:where(.astro-yozdgi7v){width:min(12rem,40vw);accent-color:var(--color-layer-layouts)}.specimen__next:where(.astro-yozdgi7v){justify-self:start}.specimen__html:where(.astro-yozdgi7v){border-top:1px solid var(--color-border-default)}.specimen__html:where(.astro-yozdgi7v) summary:where(.astro-yozdgi7v){min-height:var(--spacing-touch-target);padding:.5rem var(--space-m);color:var(--color-text-secondary);font-size:var(--step--1);cursor:pointer;align-items:center;gap:.6rem;font-weight:600;list-style:none;display:flex}.specimen__html:where(.astro-yozdgi7v) summary:where(.astro-yozdgi7v)::-webkit-details-marker{display:none}.specimen__html:where(.astro-yozdgi7v) summary:where(.astro-yozdgi7v):before{content:"";width:.42em;height:.42em;transition:rotate var(--duration) var(--ease-out);border-bottom:1.5px solid;border-right:1.5px solid;rotate:-45deg}.specimen__html:where(.astro-yozdgi7v)[open] summary:where(.astro-yozdgi7v):before{rotate:45deg}.specimen__html:where(.astro-yozdgi7v) summary:where(.astro-yozdgi7v):hover{color:var(--color-text-primary)}.specimen__html:where(.astro-yozdgi7v) pre:where(.astro-yozdgi7v){padding:0 var(--space-m) var(--space-m);color:var(--color-text-secondary);margin:0;font-size:.8125rem;line-height:1.7;overflow-x:auto}.specimen__html:where(.astro-yozdgi7v) .mark--baseline{color:var(--color-layer-baseline)}.specimen__html:where(.astro-yozdgi7v) .mark--layouts{color:var(--color-layer-layouts)}.specimen__html:where(.astro-yozdgi7v) .mark--behaviors{color:var(--color-layer-behaviors)}@container (width<48rem){.specimen__rail:where(.astro-yozdgi7v){gap:.3rem;padding:.75rem}.specimen__step:where(.astro-yozdgi7v){font-size:var(--step--2);flex-direction:column;align-items:flex-start;gap:.3rem;padding:.5rem .45rem}.specimen__step:where(.astro-yozdgi7v) .specimen__plate{width:1.9rem}.specimen__step:where(.astro-yozdgi7v) .readout:where(.astro-yozdgi7v){display:none}}@container (width>=56rem){.specimen__body:where(.astro-yozdgi7v){grid-template-columns:minmax(0,1fr) minmax(0,1.35fr)}.specimen__notes:where(.astro-yozdgi7v){padding:var(--space-xl) var(--space-l);order:-1}}.states__controls:where(.astro-or3vweuf){gap:var(--space-m);align-content:start;display:grid}.states:where(.astro-or3vweuf) fieldset:where(.astro-or3vweuf){gap:var(--space-xs);border:0;padding:0;display:grid}.states:where(.astro-or3vweuf) legend:where(.astro-or3vweuf){width:100%;margin-bottom:var(--space-2xs);border-bottom:2px solid var(--ink);padding-bottom:.4rem;font-weight:760;font-stretch:110%}.states__options:where(.astro-or3vweuf){gap:var(--space-2xs);flex-wrap:wrap;display:flex}.states__options:where(.astro-or3vweuf) button:where(.astro-or3vweuf){border:1px solid var(--rule-strong);border-radius:var(--radius-plate);background:var(--stock);color:var(--ink);box-shadow:0 4px 0 var(--rule-strong);font-family:var(--font-mono);cursor:pointer;transition:transform 90ms var(--ease-out), box-shadow 90ms var(--ease-out);padding:.45rem .75rem;font-size:.85rem}.states__options:where(.astro-or3vweuf) button:where(.astro-or3vweuf):hover{border-color:var(--ink)}.states__options:where(.astro-or3vweuf) button:where(.astro-or3vweuf):active,.states__options:where(.astro-or3vweuf) button:where(.astro-or3vweuf)[aria-pressed=true]{box-shadow:0 0 0 var(--rule-strong);transform:translateY(4px)}.states__options:where(.astro-or3vweuf) button:where(.astro-or3vweuf)[aria-pressed=true]{border-color:var(--ink);background:var(--ink);color:var(--floor)}.states__heard:where(.astro-or3vweuf){padding:var(--space-s);border-radius:var(--radius-plate);background:var(--board);color:var(--board-ink);gap:.4rem;display:grid}.states__heard:where(.astro-or3vweuf) dt:where(.astro-or3vweuf){color:var(--board-dim);font-size:var(--step--1)}.states__heard:where(.astro-or3vweuf) dd:where(.astro-or3vweuf){font-size:var(--step--1)}.states__stage:where(.astro-or3vweuf){gap:var(--space-s);min-width:0;display:grid}.states:where(.astro-or3vweuf) iframe:where(.astro-or3vweuf){border-radius:var(--radius-plate);width:100%;min-height:9rem;box-shadow:0 0 0 1px var(--rule);border:0;display:block}.states__code:where(.astro-or3vweuf),.states__script:where(.astro-or3vweuf){border-radius:var(--radius-plate);margin:0;padding:.9rem 1rem;font-size:.8125rem;line-height:1.65;overflow-x:auto}.states__code:where(.astro-or3vweuf){background:var(--color-bg-board);color:var(--color-text-on-board-muted)}.states__code:where(.astro-or3vweuf) .mark--baseline{color:var(--color-layer-baseline)}.states__code:where(.astro-or3vweuf) .mark--layouts{color:var(--color-layer-layouts)}.states__code:where(.astro-or3vweuf) .mark--behaviors{color:var(--color-layer-behaviors)}.states__script:where(.astro-or3vweuf){background:var(--board);color:var(--board-ink)}.states__script:where(.astro-or3vweuf):focus-visible{outline-color:var(--ink)}.token-demo:where(.astro-hwez7coc){gap:var(--space-m);display:grid}.token-demo__requests:where(.astro-hwez7coc){gap:var(--space-xs);flex-wrap:wrap;display:flex}.token-demo__request:where(.astro-hwez7coc),.token-demo__reset:where(.astro-hwez7coc){border:1px solid var(--rule-strong);border-radius:var(--radius-plate);background:var(--stock);color:var(--ink);box-shadow:0 4px 0 var(--rule-strong);cursor:pointer;transition:transform 90ms var(--ease-out), box-shadow 90ms var(--ease-out);padding:.7rem 1rem;font-weight:720;font-stretch:106%}.token-demo__request:where(.astro-hwez7coc):hover,.token-demo__reset:where(.astro-hwez7coc):hover{border-color:var(--ink)}.token-demo__request:where(.astro-hwez7coc):active,.token-demo__reset:where(.astro-hwez7coc):active,.token-demo__request:where(.astro-hwez7coc)[aria-pressed=true]{box-shadow:0 0 0 var(--rule-strong);transform:translateY(4px)}.token-demo__request:where(.astro-hwez7coc)[aria-pressed=true]{border-color:var(--ink);background:var(--ink);color:var(--floor)}.token-demo__reset:where(.astro-hwez7coc){background:0 0;margin-left:auto}.token-demo__request:where(.astro-hwez7coc):disabled,.token-demo__reset:where(.astro-hwez7coc):disabled{display:none}.token-demo__side:where(.astro-hwez7coc){gap:var(--space-s);align-content:start;min-width:0;display:grid}.token-demo__side:where(.astro-hwez7coc) h3:where(.astro-hwez7coc){border-bottom:2px solid var(--ink);font-size:var(--step-1);padding-bottom:.5rem;font-weight:780;font-stretch:112%}.token-demo:where(.astro-hwez7coc) iframe:where(.astro-hwez7coc){border-radius:var(--radius-plate);width:100%;min-height:15rem;box-shadow:0 0 0 1px var(--rule);border:0;display:block}.token-demo__result:where(.astro-hwez7coc){min-height:3.2em;color:var(--ink-2);font-size:var(--step--1)}.token-demo__result:where(.astro-hwez7coc) .status{margin-right:.35rem}.token-demo__code:where(.astro-hwez7coc){border-radius:var(--radius-plate);background:var(--board);max-height:17rem;color:var(--board-ink);white-space:pre-wrap;margin:0;padding:.9rem 1rem;font-size:.8125rem;line-height:1.65;overflow:auto}.token-demo__code:where(.astro-hwez7coc) mark{background:var(--board-ink);color:var(--board)}.token-demo__code:where(.astro-hwez7coc):focus-visible{outline-color:var(--ink)}html[data-world=btlb] body{background-image:repeating-linear-gradient(30deg, var(--color-btlb-grid) 0 1px, transparent 1px 72px), repeating-linear-gradient(150deg, var(--color-btlb-grid) 0 1px, transparent 1px 72px)}html[data-world=btlb] :is(h1,h2,h3,h4){letter-spacing:-.015em;font-stretch:100%}.hero:where(.astro-m7b62qob){--switcher-gap:var(--space-l) var(--space-2xl);padding-block:var(--space-xl) var(--space-2xl)}.hero__stack:where(.astro-m7b62qob){max-width:min(30rem,34svh);margin-inline:auto}.hero__words:where(.astro-m7b62qob){gap:var(--space-m);align-content:center;display:grid;container-type:inline-size}.hero__title:where(.astro-m7b62qob){width:fit-content;font-family:var(--font-display-btlb);letter-spacing:-.02em;font-size:clamp(2.4rem,15cqi,5rem);font-weight:800;line-height:.96;display:grid}.hero__line:where(.astro-m7b62qob){width:fit-content;text-decoration:none}.hero__line:where(.astro-m7b62qob):hover{text-underline-offset:.1em;text-decoration:underline .06em}.hero__line--baseline:where(.astro-m7b62qob){color:var(--color-layer-baseline)}.hero__line--tokens:where(.astro-m7b62qob){color:var(--color-layer-tokens)}.hero__line--layouts:where(.astro-m7b62qob){color:var(--color-layer-layouts)}.hero__line--behaviors:where(.astro-m7b62qob){color:var(--color-layer-behaviors)}.wordmark__part{transition:color .52s var(--ease-out)}html[data-reached~=baseline] .wordmark__part[data-part=baseline]{color:var(--color-layer-baseline)}html[data-reached~=tokens] .wordmark__part[data-part=tokens]{color:var(--color-layer-tokens)}html[data-reached~=layouts] .wordmark__part[data-part=layouts]{color:var(--color-layer-layouts)}html[data-reached~=behaviors] .wordmark__part[data-part=behaviors]{color:var(--color-layer-behaviors)}.wordmark__part[data-part=stop]{display:inline-block}@media (prefers-reduced-motion:no-preference){html[data-reached~=adopt] .wordmark__part[data-part=stop]{animation:wordmark-stop-settles .64s var(--ease-out) both}}@media (prefers-reduced-motion:reduce){.wordmark__part{transition:none}}@keyframes wordmark-stop-settles{0%{opacity:0;translate:0 -.35em}}.hero:where(.astro-m7b62qob) .lead:where(.astro-m7b62qob){max-width:34rem}.hero:where(.astro-m7b62qob) .copy-command{max-width:30rem}.hero__links:where(.astro-m7b62qob){gap:var(--space-xs) var(--space-l);flex-wrap:wrap;display:flex}@media (width>=60rem){.hero:where(.astro-m7b62qob){min-height:min(52rem,100svh - 4.25rem);padding-block:var(--space-xl)}.hero__stack:where(.astro-m7b62qob){max-width:34rem}}.band:where(.astro-m7b62qob){background:var(--color-bg-sunken)}.layer-name--baseline:where(.astro-m7b62qob){color:var(--color-layer-baseline)}.layer-name--tokens:where(.astro-m7b62qob){color:var(--color-layer-tokens)}.layer-name--layouts:where(.astro-m7b62qob){color:var(--color-layer-layouts)}.layer-name--behaviors:where(.astro-m7b62qob){color:var(--color-layer-behaviors)}.shift:where(.astro-m7b62qob){border-top:2px solid var(--ink);padding:0;list-style:none}.shift__row:where(.astro-m7b62qob){padding-block:var(--space-m);border-bottom:1px solid var(--rule-strong);gap:.5rem;display:grid}.shift__thought:where(.astro-m7b62qob){font-size:var(--step-1);font-weight:700;font-stretch:108%}.shift__layer:where(.astro-m7b62qob){align-items:center;gap:.6rem;font-weight:760;font-stretch:112%;display:flex}.shift__layer:where(.astro-m7b62qob) .shift__icon{width:2.6rem}.shift__layer--baseline:where(.astro-m7b62qob){color:var(--color-layer-baseline)}.shift__layer--tokens:where(.astro-m7b62qob){color:var(--color-layer-tokens)}.shift__layer--layouts:where(.astro-m7b62qob){color:var(--color-layer-layouts)}.shift__layer--behaviors:where(.astro-m7b62qob){color:var(--color-layer-behaviors)}.shift__answer:where(.astro-m7b62qob){color:var(--ink-2)}.shift__answer:where(.astro-m7b62qob) code:where(.astro-m7b62qob){color:var(--ink);font-weight:600}@media (width>=56rem){.shift__row:where(.astro-m7b62qob){align-items:baseline;column-gap:var(--space-l);grid-template-columns:1.2fr .55fr 1.4fr}}.rule-plate:where(.astro-m7b62qob){max-width:44rem;margin-top:var(--space-xl);padding:var(--space-m) var(--space-l);border-radius:var(--radius-plate);background:var(--board);color:var(--board-ink)}.rule-plate:where(.astro-m7b62qob) p:where(.astro-m7b62qob){font-size:var(--step-1);font-weight:700;line-height:1.4}.rule-plate:where(.astro-m7b62qob) footer:where(.astro-m7b62qob){margin-top:var(--space-2xs);color:var(--board-dim);font-size:var(--step--1)}.chain:where(.astro-m7b62qob){gap:var(--space-m);margin-top:var(--space-2xl);display:grid}.chain__title:where(.astro-m7b62qob){font-size:var(--step-2);font-stretch:114%}.chain__steps:where(.astro-m7b62qob){border-top:2px solid var(--ink);border-radius:0 0 var(--radius-sheet) var(--radius-sheet);background:var(--stock);box-shadow:var(--lift);padding:0;list-style:none;display:grid}.chain__steps:where(.astro-m7b62qob) li:where(.astro-m7b62qob){gap:var(--space-xs);min-width:0;padding:var(--space-m);border-bottom:1px solid var(--rule);align-content:start;display:grid}.chain__steps:where(.astro-m7b62qob) li:where(.astro-m7b62qob):last-child{border-bottom:0}.chain__steps:where(.astro-m7b62qob) p:where(.astro-m7b62qob) code:where(.astro-m7b62qob){overflow-wrap:anywhere}.chain__steps:where(.astro-m7b62qob) p:where(.astro-m7b62qob){color:var(--ink-2);font-size:var(--step--1)}.chain__steps:where(.astro-m7b62qob) strong:where(.astro-m7b62qob){color:var(--ink)}.chain__steps:where(.astro-m7b62qob) pre:where(.astro-m7b62qob){white-space:pre-wrap;overflow-wrap:anywhere;border-radius:var(--radius-plate);background:var(--board);color:var(--board-ink);margin:0;padding:.75rem .85rem;font-size:.8125rem;line-height:1.6;overflow-x:auto}.chain__note:where(.astro-m7b62qob){max-width:48rem;color:var(--ink-2)}.chain__note:where(.astro-m7b62qob) strong:where(.astro-m7b62qob){color:var(--ink)}@media (width>=60rem){.chain__steps:where(.astro-m7b62qob){grid-template-columns:repeat(4,minmax(0,1fr))}.chain__steps:where(.astro-m7b62qob) li:where(.astro-m7b62qob){border-bottom:0;border-right:1px solid var(--rule)}.chain__steps:where(.astro-m7b62qob) li:where(.astro-m7b62qob):last-child{border-right:0}}.behaviors__more:where(.astro-m7b62qob){max-width:48rem;margin-top:var(--space-l);color:var(--ink-2)}.cascade-grid:where(.astro-m7b62qob){--switcher-gap:var(--space-l) var(--space-2xl)}.cascade-grid:where(.astro-m7b62qob) .section-head:where(.astro-m7b62qob){margin-bottom:0}.components:where(.astro-m7b62qob){--switcher-gap:var(--space-xl) var(--space-2xl)}.components__words:where(.astro-m7b62qob){gap:var(--space-m);align-content:start;display:grid}.components__words:where(.astro-m7b62qob) h3:where(.astro-m7b62qob){margin-top:var(--space-s);font-size:var(--step-2);font-stretch:114%}.components__words:where(.astro-m7b62qob)>p:where(.astro-m7b62qob):last-child{max-width:38rem;color:var(--ink-2)}.anatomy:where(.astro-m7b62qob){padding:var(--space-m);border-radius:var(--radius-sheet);background:var(--stock);box-shadow:var(--lift);align-self:center}.anatomy:where(.astro-m7b62qob) figcaption:where(.astro-m7b62qob){border-bottom:2px solid var(--ink);color:var(--ink-2);font-size:var(--step--2);padding-bottom:.6rem}.anatomy:where(.astro-m7b62qob) ol:where(.astro-m7b62qob){padding:0;list-style:none}.anatomy:where(.astro-m7b62qob) li:where(.astro-m7b62qob){column-gap:var(--space-s);border-bottom:1px solid var(--rule);grid-template-columns:3rem 1fr;padding-block:.85rem;display:grid}.anatomy:where(.astro-m7b62qob) li:where(.astro-m7b62qob):last-child{border-bottom:0;padding-bottom:0}.anatomy:where(.astro-m7b62qob) .anatomy__icon{grid-row:span 2;align-self:center;width:3rem}.anatomy:where(.astro-m7b62qob) strong:where(.astro-m7b62qob){font-weight:780;font-stretch:112%}.anatomy:where(.astro-m7b62qob) span:where(.astro-m7b62qob){color:var(--ink-2);font-size:var(--step--1)}.adopt:where(.astro-m7b62qob){--switcher-gap:var(--space-xl) var(--space-2xl)}.adopt__steps:where(.astro-m7b62qob){border-top:2px solid var(--ink);padding:0;list-style:none}.adopt__steps:where(.astro-m7b62qob) li:where(.astro-m7b62qob){column-gap:var(--space-s);padding-block:var(--space-s);border-bottom:1px solid var(--rule-strong);grid-template-columns:2rem 2.6rem 1fr;align-items:start;display:grid}.adopt__steps:where(.astro-m7b62qob) .readout:where(.astro-m7b62qob){font-size:var(--step--1);padding-top:.2rem;font-weight:600}.adopt__steps:where(.astro-m7b62qob) .adopt__icon{width:2.6rem}.adopt__steps:where(.astro-m7b62qob) strong:where(.astro-m7b62qob){font-size:var(--step-1);font-weight:780;font-stretch:112%}.adopt__steps:where(.astro-m7b62qob) p:where(.astro-m7b62qob){color:var(--ink-2)}.install:where(.astro-m7b62qob){gap:var(--space-s);padding:var(--space-l);border-radius:var(--radius-sheet);background:var(--stock);box-shadow:var(--lift);align-content:start;display:grid}.install:where(.astro-m7b62qob) h3:where(.astro-m7b62qob){font-size:var(--step-2);font-stretch:114%}.install:where(.astro-m7b62qob)>p:where(.astro-m7b62qob){color:var(--ink-2);font-size:var(--step--1)}.install__import:where(.astro-m7b62qob){white-space:pre-wrap;border-radius:var(--radius-plate);background:var(--floor);margin:0;padding:.85rem 1rem;font-size:.8125rem}.install__packages:where(.astro-m7b62qob){border-collapse:collapse;border-top:2px solid var(--ink);width:100%}.install__packages:where(.astro-m7b62qob) th:where(.astro-m7b62qob),.install__packages:where(.astro-m7b62qob) td:where(.astro-m7b62qob){border-bottom:1px solid var(--rule);text-align:left;padding:.5rem 0;font-weight:400}.install__packages:where(.astro-m7b62qob) td:where(.astro-m7b62qob){text-align:right;color:var(--ink-2);font-size:var(--step--2)}.scope:where(.astro-m7b62qob){border-top:2px solid var(--ink)}.scope:where(.astro-m7b62qob)>div:where(.astro-m7b62qob){padding-block:var(--space-s);border-bottom:1px solid var(--rule-strong);gap:.3rem;display:grid}.scope:where(.astro-m7b62qob) dt:where(.astro-m7b62qob){font-size:var(--step-1);font-weight:780;font-stretch:112%}.scope:where(.astro-m7b62qob) dd:where(.astro-m7b62qob){max-width:52rem;color:var(--ink-2)}@media (width>=52rem){.scope:where(.astro-m7b62qob)>div:where(.astro-m7b62qob){column-gap:var(--space-l);grid-template-columns:12rem 1fr}}.deeper:where(.astro-m7b62qob){border-top:2px solid var(--ink);padding:0;list-style:none;display:grid}.deeper:where(.astro-m7b62qob) li:where(.astro-m7b62qob){border-bottom:1px solid var(--rule-strong)}.deeper:where(.astro-m7b62qob) a:where(.astro-m7b62qob){gap:.2rem var(--space-l);padding-block:var(--space-s);grid-template-columns:1fr auto;align-items:baseline;text-decoration:none;display:grid}.deeper:where(.astro-m7b62qob) a:where(.astro-m7b62qob):hover strong:where(.astro-m7b62qob){text-decoration:underline 2px}.deeper:where(.astro-m7b62qob) strong:where(.astro-m7b62qob){font-size:var(--step-1);font-weight:780;font-stretch:112%}.deeper:where(.astro-m7b62qob) span:where(.astro-m7b62qob){color:var(--ink-2);grid-column:1}.deeper:where(.astro-m7b62qob) .icon{width:1.1rem;height:1.1rem;transition:transform var(--duration) var(--ease-out);grid-area:1/2/span 2;align-self:center}.deeper:where(.astro-m7b62qob) a:where(.astro-m7b62qob):hover .icon{transform:translate(3px)}@media (width>=52rem){.deeper:where(.astro-m7b62qob) a:where(.astro-m7b62qob){grid-template-columns:16rem 1fr auto}.deeper:where(.astro-m7b62qob) span:where(.astro-m7b62qob){grid-column:2}.deeper:where(.astro-m7b62qob) .icon{grid-area:1/3}}