@layer components{.chapter[data-v-4c3b888c]{gap:clamp(var(--space-6), 4vw, var(--space-16));grid-template-columns:minmax(170px,210px) minmax(0,1fr);display:grid}@supports (animation-timeline:view()){.chapter[data-v-4c3b888c]{timeline-scope:--chapter-sec-1, --chapter-sec-2, --chapter-sec-3, --chapter-sec-4, --chapter-sec-5, --chapter-sec-6, --chapter-sec-7, --chapter-sec-8, --chapter-sec-9, --chapter-sec-10, --chapter-sec-11, --chapter-sec-12}.chapter-section-link[data-v-4c3b888c]:after{animation:linear both chapter-section-active-4c3b888c;animation-timeline:var(--section-timeline,none);animation-range:cover}@keyframes chapter-section-active-4c3b888c{0%,to{opacity:0}22%,78%{opacity:1}}}@media (width<=52rem){.chapter[data-v-4c3b888c]{gap:var(--space-8);grid-template-columns:1fr}}.chapter-rail[data-v-4c3b888c]{align-self:start;position:sticky;inset-block-start:var(--space-6)}@media (width<=52rem){.chapter-rail[data-v-4c3b888c]{position:static}}.chapter-rail-title[data-v-4c3b888c]{margin:0 0 var(--space-3);font-family:var(--bp-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--bp-ink-2);padding-block-end:var(--space-2);font-size:.625rem}.chapter-switch[data-v-4c3b888c]{flex-direction:column;gap:2px;margin-block-end:var(--space-6);display:flex}@media (width<=52rem){.chapter-switch[data-v-4c3b888c]{gap:var(--space-2);flex-flow:wrap}}.chapter-switch-link[data-v-4c3b888c]{align-items:baseline;gap:var(--space-2);padding:var(--space-1) var(--space-2);font-size:var(--text-sm);color:var(--bp-ink-2);border-inline-start:2px solid #0000;text-decoration:none;display:flex}@media (hover:hover) and (pointer:fine){.chapter-switch-link[data-v-4c3b888c]:hover{color:var(--bp-accent)}}.chapter-switch-link[data-v-4c3b888c]:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:2px}.chapter-switch-link.is-current[data-v-4c3b888c]{border-inline-start-color:var(--bp-accent);background:var(--bp-accent-soft);color:var(--bp-ink)}.chapter-switch-n[data-v-4c3b888c]{font-family:var(--bp-mono);color:var(--bp-ink-2);font-size:.625rem}.chapter-switch-link.is-current .chapter-switch-n[data-v-4c3b888c]{color:var(--bp-accent)}.chapter-sections[data-v-4c3b888c]{border-inline-start:2px solid var(--bp-line);flex-direction:column;display:flex}.chapter-section-link[data-v-4c3b888c]{padding:var(--space-1) 0 var(--space-1) var(--space-4);font-size:var(--text-sm);color:var(--bp-ink-2);border-inline-start:2px solid #0000;margin-inline-start:-2px;line-height:1.35;text-decoration:none;position:relative}.chapter-section-link[data-v-4c3b888c]:before{content:"";background:var(--bp-line-strong);block-size:1px;inline-size:7px;position:absolute;inset-block-start:.9em;inset-inline-start:4px}.chapter-section-link[data-v-4c3b888c]:after{content:"";border-inline-start:2px solid var(--bp-accent);background-color:var(--bp-accent-soft);opacity:0;pointer-events:none;position:absolute;inset:0;inset-inline-start:-2px}@media (forced-colors:active){.chapter-section-link[data-v-4c3b888c]:after{border-inline-start-color:highlight}}@media (hover:hover) and (pointer:fine){.chapter-section-link[data-v-4c3b888c]:hover{color:var(--bp-accent)}}.chapter-section-link[data-v-4c3b888c]:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:2px}.chapter-body[data-v-4c3b888c]{isolation:isolate;min-inline-size:0;position:relative}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.chapter-content[data-v-4c3b888c] .demo:not([data-reveal=off]){animation:linear chapter-demo-reveal-4c3b888c;animation-timeline:view();animation-range:entry entry 160px}@keyframes chapter-demo-reveal-4c3b888c{0%{opacity:0;transform:translateY(2.5rem)scale(.97)}}}}.chapter-head[data-v-4c3b888c]{margin-block-end:clamp(var(--space-8), 5vw, var(--space-16));position:relative}.chapter-headrow-wrap[data-v-4c3b888c]{inline-size:fit-content}.chapter-headrow[data-v-4c3b888c]{align-items:center;gap:var(--space-4);display:flex}.chapter-dim[data-v-4c3b888c]{block-size:9px;border-inline:1px solid var(--bp-line-strong);background-image:linear-gradient(to bottom, transparent calc(50% - .5px), var(--bp-line-strong) calc(50% - .5px) calc(50% + .5px), transparent calc(50% + .5px));margin-block-start:var(--space-3);display:block}@media (forced-colors:active){.chapter-dim[data-v-4c3b888c]{display:none}}.chapter-no[data-v-4c3b888c]{font-family:var(--bp-mono);color:var(--bp-accent);font-size:clamp(1.75rem,4.6vw,2.75rem);line-height:1}.chapter-mark[data-v-4c3b888c]{block-size:clamp(2rem,4.2vw,2.75rem);inline-size:clamp(2rem,4.2vw,2.75rem);color:var(--bp-ink)}.chapter-mark[data-v-4c3b888c] svg{block-size:100%;inline-size:100%;display:block}.chapter-title[data-v-4c3b888c]{font-size:var(--text-4xl);letter-spacing:-.02em;color:var(--bp-ink);margin:0;line-height:1}.chapter-content[data-v-4c3b888c]{gap:clamp(var(--space-12), 6vw, var(--space-24));display:grid;position:relative}.chapter-content[data-v-4c3b888c] .demo{gap:var(--space-6);min-inline-size:0;display:grid}.chapter-content[data-v-4c3b888c] [id]{scroll-margin-block-start:var(--space-6)}.chapter-content[data-v-4c3b888c] .demo-stack{gap:var(--space-6);display:grid}.chapter-content[data-v-4c3b888c] .demo-row{gap:var(--space-3);flex-wrap:wrap;display:flex}.chapter-content[data-v-4c3b888c] .chapter-intro{max-inline-size:62ch;font-size:var(--text-lg);line-height:var(--leading-normal);color:var(--bp-ink-2);margin:0}.chapter-prevnext[data-v-4c3b888c]{gap:var(--space-4);grid-template-columns:1fr 1fr;margin-block-start:clamp(var(--space-8), 5vw, var(--space-16));display:grid}@media (width<=40rem){.chapter-prevnext[data-v-4c3b888c]{grid-template-columns:1fr}}.chapter-nav[data-v-4c3b888c]{gap:var(--space-2);padding:var(--space-4) var(--space-6);border:1px solid var(--bp-line-strong);color:var(--bp-ink-2);transition:border-color var(--duration-fast) var(--easing-standard), background-color var(--duration-fast) var(--easing-standard);flex-direction:column;text-decoration:none;display:flex}@media (hover:hover) and (pointer:fine){.chapter-nav[data-v-4c3b888c]:hover{border-color:var(--bp-accent);background:var(--bp-accent-soft)}}.chapter-nav[data-v-4c3b888c]:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:2px}@media (prefers-contrast:more){.chapter-nav[data-v-4c3b888c]{border-color:currentColor}}.chapter-nav-next[data-v-4c3b888c]{text-align:end;grid-column:-2/-1}.chapter-nav-k[data-v-4c3b888c]{font-family:var(--bp-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--bp-ink-2);font-size:.625rem}.chapter-nav-t[data-v-4c3b888c]{font-size:var(--text-lg);color:var(--bp-ink);transition:color var(--duration-fast) var(--easing-standard);font-weight:600}.chapter-nav:hover .chapter-nav-t[data-v-4c3b888c],.chapter-nav:focus-visible .chapter-nav-t[data-v-4c3b888c]{color:var(--bp-accent)}.chapter-bar[data-v-4c3b888c]{display:none}@media (width<=52rem){.chapter-bar[data-v-4c3b888c]{z-index:20;border-block-start:1px solid var(--bp-frame);background-color:var(--bp-sheet);grid-template-columns:repeat(5,1fr);padding-block-end:env(safe-area-inset-bottom,0);display:grid;position:fixed;inset-block-end:0;inset-inline:0}}@media (width<=52rem) and (forced-colors:active){.chapter-bar[data-v-4c3b888c]{background-color:canvas;border-block-start-color:canvastext}}@media (width<=52rem){body{padding-block-end:64px}@supports (container-type:scroll-state){.chapter-bar[data-v-4c3b888c]{transition:translate var(--duration-normal) var(--easing-standard);translate:0 100%}@container scroll-state(scrollable:top){.chapter-bar[data-v-4c3b888c]{translate:0}}@container scroll-state(scrolled:bottom){.chapter-bar[data-v-4c3b888c]{translate:0 100%}}@container scroll-state(scrolled:top){.chapter-bar[data-v-4c3b888c]{translate:0}}@container not scroll-state(scrollable:bottom){.chapter-bar[data-v-4c3b888c]{translate:0 100%}}@container not scroll-state(scrollable:top){.chapter-bar[data-v-4c3b888c]{translate:0 100%}}}.chapter-bar-link[data-v-4c3b888c]{min-block-size:52px;padding:var(--space-1);font-family:var(--bp-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--bp-ink-2);align-content:center;justify-items:center;gap:2px;font-size:.5625rem;text-decoration:none;display:grid}.chapter-bar-link.is-current[data-v-4c3b888c]{color:var(--bp-ink);box-shadow:inset 0 2px 0 var(--bp-accent)}.chapter-bar-link[data-v-4c3b888c]:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:-2px}}@media (width<=52rem) and (prefers-contrast:more){.chapter-bar-link.is-current[data-v-4c3b888c]{box-shadow:inset 0 3px}}@media (width<=52rem){.chapter-bar-n[data-v-4c3b888c]{color:var(--bp-accent);font-size:.6875rem}}}