@layer components{.chapter[data-v-75cf3bb2]{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-75cf3bb2]{timeline-scope:var(--chapter-timelines,none)}.chapter-section-link[data-v-75cf3bb2]:after{animation:linear both chapter-section-active-75cf3bb2;animation-timeline:var(--section-timeline,none);animation-range:cover}@keyframes chapter-section-active-75cf3bb2{0%,to{opacity:0}22%,78%{opacity:1}}}@media (width<=52rem){.chapter[data-v-75cf3bb2]{gap:var(--space-8);grid-template-columns:1fr}}.chapter-rail[data-v-75cf3bb2]{align-self:start;position:sticky;inset-block-start:var(--space-6)}@media (width<=52rem){.chapter-rail[data-v-75cf3bb2]{position:static}}@media (width>52rem){.chapter-rail[data-v-75cf3bb2]{max-block-size:calc(100svh - 2 * var(--space-6) + 2 * var(--space-2));margin:calc(-1 * var(--space-2));padding:var(--space-2);overscroll-behavior:contain;scroll-padding-block:var(--space-2);inset-block-start:calc(var(--space-6) - var(--space-2));overflow-y:auto}}.chapter-rail-title[data-v-75cf3bb2]{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-75cf3bb2]{flex-direction:column;gap:2px;margin-block-end:var(--space-6);display:flex}@media (width<=52rem){.chapter-switch[data-v-75cf3bb2]{gap:var(--space-2);flex-flow:wrap}}.chapter-switch-link[data-v-75cf3bb2]{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-75cf3bb2]:hover{color:var(--bp-accent)}}.chapter-switch-link.is-current[data-v-75cf3bb2]{border-inline-start-color:var(--bp-accent);background:var(--bp-accent-soft);color:var(--bp-ink)}.chapter-switch-n[data-v-75cf3bb2]{font-family:var(--bp-mono);color:var(--bp-ink-2);font-size:.625rem}.chapter-switch-link.is-current .chapter-switch-n[data-v-75cf3bb2]{color:var(--bp-accent)}.chapter-sections[data-v-75cf3bb2]{border-inline-start:2px solid var(--bp-line);flex-direction:column;display:flex}.chapter-section-link[data-v-75cf3bb2]{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-75cf3bb2]: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-75cf3bb2]: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-75cf3bb2]:after{border-inline-start-color:highlight}}@media (hover:hover) and (pointer:fine){.chapter-section-link[data-v-75cf3bb2]:hover{color:var(--bp-accent)}}.chapter-body[data-v-75cf3bb2]{isolation:isolate;min-inline-size:0;position:relative}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.chapter-content[data-v-75cf3bb2] .demo:not([data-reveal=off],:target,:has(:target,:focus-visible)){animation:linear chapter-demo-reveal-75cf3bb2;animation-timeline:view();animation-range:entry entry min(100%,160px)}@keyframes chapter-demo-reveal-75cf3bb2{0%{opacity:0;transform:translateY(2.5rem)scale(.97)}}}}.chapter-head[data-v-75cf3bb2]{margin-block-end:clamp(var(--space-8), 5vw, var(--space-16));position:relative}.chapter-headrow-wrap[data-v-75cf3bb2]{inline-size:fit-content;max-inline-size:100%}.chapter-headrow[data-v-75cf3bb2]{align-items:center;gap:var(--space-2) var(--space-4);flex-wrap:wrap;display:flex}.chapter-dim[data-v-75cf3bb2]{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-75cf3bb2]{display:none}}.chapter-no[data-v-75cf3bb2]{font-family:var(--bp-mono);color:var(--bp-accent);flex:none;font-size:clamp(1.75rem,4.6vw,2.75rem);line-height:1}.chapter-mark[data-v-75cf3bb2]{block-size:clamp(2rem,4.2vw,2.75rem);inline-size:clamp(2rem,4.2vw,2.75rem);color:var(--bp-ink);flex:none}.chapter-mark[data-v-75cf3bb2] svg{block-size:100%;inline-size:100%;display:block}.chapter-title[data-v-75cf3bb2]{flex:1 1 min-content;overflow-wrap:break-word;min-inline-size:0;font-size:var(--text-4xl);letter-spacing:-.02em;color:var(--bp-ink);margin:0;line-height:1}.chapter-content[data-v-75cf3bb2]{gap:clamp(var(--space-12), 6vw, var(--space-24));display:grid;position:relative}.chapter-content[data-v-75cf3bb2] .demo{gap:var(--space-6);grid-template-columns:minmax(0,1fr);min-inline-size:0;display:grid}.chapter-content[data-v-75cf3bb2] [id]{scroll-margin-block-start:var(--space-6)}.chapter-content[data-v-75cf3bb2] .chapter-section-marker{background-color:var(--bp-sheet);margin-block-end:calc(var(--space-6) * -.5)}.chapter-content[data-v-75cf3bb2] .chapter-section-marker-row{align-items:center;gap:var(--space-3);padding-block:var(--space-1);grid-template-columns:auto minmax(0,1fr);display:grid}.chapter-content[data-v-75cf3bb2] .chapter-section-no{font-family:var(--bp-mono);letter-spacing:.08em;color:var(--bp-accent);font-size:.6875rem}.chapter-content[data-v-75cf3bb2] .chapter-section-line{border-inline-end: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));grid-area:1/2;block-size:9px}@media (forced-colors:active){.chapter-content[data-v-75cf3bb2] .chapter-section-line{display:none}}.chapter-content[data-v-75cf3bb2] .chapter-section-running{max-inline-size:100%;background-color:var(--bp-sheet);font-size:var(--text-sm);white-space:nowrap;text-overflow:ellipsis;color:var(--bp-ink);visibility:hidden;grid-area:1/2;justify-self:start;padding-inline-end:var(--space-3);font-weight:600;overflow:hidden}@supports (container-type:scroll-state){.chapter-content[data-v-75cf3bb2] .chapter-section-marker:not(.is-fixed){z-index:1;position:sticky;inset-block-start:0;container-type:scroll-state}.chapter-content[data-v-75cf3bb2] .demo:has(:focus-visible)>.chapter-section-marker{position:static}@container scroll-state(stuck:top){.chapter-content[data-v-75cf3bb2] .chapter-section-marker-row{box-shadow:0 1px var(--bp-line-strong)}.chapter-content[data-v-75cf3bb2] .chapter-section-running{visibility:visible}}}.chapter-content[data-v-75cf3bb2] .demo-stack{gap:var(--space-6);display:grid}.chapter-content[data-v-75cf3bb2] .demo-row{gap:var(--space-3);flex-wrap:wrap;display:flex}.chapter-content[data-v-75cf3bb2] .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-75cf3bb2]{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-75cf3bb2]{grid-template-columns:1fr}}.chapter-nav[data-v-75cf3bb2]{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-75cf3bb2]:hover{border-color:var(--bp-accent);background:var(--bp-accent-soft)}}@media (prefers-contrast:more){.chapter-nav[data-v-75cf3bb2]{border-color:currentColor}}.chapter-nav-next[data-v-75cf3bb2]{text-align:end;grid-column:-2/-1}.chapter-nav-k[data-v-75cf3bb2]{font-family:var(--bp-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--bp-ink-2);font-size:.625rem}.chapter-nav-t[data-v-75cf3bb2]{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-75cf3bb2],.chapter-nav:focus-visible .chapter-nav-t[data-v-75cf3bb2]{color:var(--bp-accent)}.chapter-bar[data-v-75cf3bb2]{display:none}@media (width<=52rem){.chapter-bar[data-v-75cf3bb2]{z-index:20;padding-inline:calc(var(--focus-ring-width) + var(--focus-ring-offset));border-block-start:1px solid var(--bp-frame);background-color:var(--bp-sheet);transition:translate var(--duration-normal) var(--easing-standard);grid-template-columns:repeat(5,minmax(0,1fr));padding-block-end:calc(var(--focus-ring-width) + var(--focus-ring-offset));display:grid;position:fixed;inset-block-end:0;inset-inline:0}}@media (width<=52rem) and (forced-colors:active){.chapter-bar[data-v-75cf3bb2]{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-75cf3bb2]{translate:0 100%}@container scroll-state(scrollable:top){.chapter-bar[data-v-75cf3bb2]{translate:0}}@container scroll-state(scrolled:bottom){.chapter-bar[data-v-75cf3bb2]{translate:0 100%}}@container scroll-state(scrolled:top){.chapter-bar[data-v-75cf3bb2]{translate:0}}@container not scroll-state(scrollable:bottom){.chapter-bar[data-v-75cf3bb2]{translate:0 100%}}@container not scroll-state(scrollable:top){.chapter-bar[data-v-75cf3bb2]{translate:0 100%}}.chapter-bar[data-v-75cf3bb2]:focus-within{translate:0}}}@media (width<=52rem) and (height>=30em){.site-stage:has(:focus-visible) .chapter-bar[data-v-75cf3bb2]:not(:focus-within){translate:0 100%}}@media (width<=52rem) and (height<30em){.chapter-bar[data-v-75cf3bb2],.chapter-bar[data-v-75cf3bb2]:focus-within{transition:none;position:static;translate:none}body{padding-block-end:0}}@media (width<=52rem){.chapter-bar-link[data-v-75cf3bb2]{min-block-size:52px;padding:var(--space-1) 0;font-family:var(--bp-mono);letter-spacing:.04em;text-transform:uppercase;text-align:center;overflow-wrap:anywhere;color:var(--bp-ink-2);grid-template-columns:minmax(0,1fr);align-content:center;justify-items:center;gap:2px;font-size:.5625rem;text-decoration:none;display:grid}.chapter-bar-link.is-current[data-v-75cf3bb2]{color:var(--bp-ink);box-shadow:inset 0 2px 0 var(--bp-accent)}}@media (width<=52rem) and (prefers-contrast:more){.chapter-bar-link.is-current[data-v-75cf3bb2]{box-shadow:inset 0 3px}}@media (width<=52rem){.chapter-bar-n[data-v-75cf3bb2]{color:var(--bp-accent);font-size:.6875rem}}}