.lib-hero .section-label:before,.lib-hero .section-label:after,.demo-hero .section-label:before,.demo-hero .section-label:after{content:none}.lib-hero.hero h1,.demo-hero.hero h1{max-width:18ch;text-wrap:balance}.lib-hero.hero p,.demo-hero.hero p{text-wrap:pretty}.lib-hero.hero{padding:clamp(56px,7vw,96px) 0 clamp(32px,4vw,56px)}.lib-hero.hero h1{font-size:clamp(2.2rem,4.4vw,3.4rem)}.lib-hero.hero .lib-hero__line{max-width:640px;margin:0 auto;color:var(--color-text-primary)}.lib-toc{display:none}.lib-toc__list{list-style:none;margin:var(--spacing-md) 0 0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-xs)}.lib-toc__list li{margin:0}.lib-toc__list a{display:inline-flex;align-items:center;min-height:44px;padding:0 var(--spacing-sm);border:1px solid var(--color-border-strong);font-family:var(--font-mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--color-text-secondary)}.lib-toc__list a:focus-visible{outline:1px solid var(--color-primary);outline-offset:3px;color:var(--color-primary)}.lib-body{max-width:960px;margin:0 auto;padding:0 var(--spacing-md)}.lib-cat{margin:var(--spacing-lg) 0 0;scroll-margin-top:calc(var(--header-height) + var(--submenu-height) + var(--spacing-sm))}.lib-cat__head{padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-primary)}.lib-cat .lib-cat__title{margin:0;font-family:var(--font-display);font-weight:var(--weight-light);font-size:clamp(1.45rem,2.2vw,1.8rem);line-height:1.15;letter-spacing:-.01em;color:var(--color-text-primary)}.lib-cat .lib-cat__line{margin:.4rem 0 0;max-width:680px;font-family:var(--font-serif);font-size:.95rem;line-height:1.55;color:var(--color-text-secondary);text-wrap:pretty}.lib-list{list-style:none;margin:0!important;padding:0!important}.lib-list>.lib-row{padding:0!important}.lib-list>.lib-row{margin:0;border-bottom:1px solid var(--color-border)}.lib-row__link{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 2.5rem;column-gap:var(--spacing-sm);padding:1rem 0;color:var(--color-text-primary);border:0;text-decoration:none}.lib-row__link>span{grid-column:1}.lib-row__title{font-family:var(--font-display);font-weight:var(--weight-normal);font-size:1.15rem;line-height:1.3;letter-spacing:0;text-wrap:balance}.lib-row__claim{margin-top:.3rem;max-width:70ch;font-family:var(--font-serif);font-size:.95rem;line-height:1.5;color:var(--color-text-secondary);text-wrap:pretty}.lib-row__glance{margin-top:.25rem;font-family:var(--font-serif);font-size:1rem;line-height:1.55;color:var(--color-text-secondary);text-wrap:pretty}.lib-row__meta{display:flex;flex-wrap:wrap;gap:.25rem 1rem;margin-top:.45rem;font-family:var(--font-serif);font-size:.85rem;line-height:1.4;color:var(--color-text-muted)}.lib-row__systems span+span:before{content:", "}.lib-row__go{grid-column:2;grid-row:1 / span 4;align-self:center;justify-self:end;width:.7rem;height:.7rem;border-top:1px solid var(--color-text-muted);border-right:1px solid var(--color-text-muted);transform:rotate(45deg);margin-right:.4rem}.lib-row__link:focus-visible{outline:1px solid var(--color-primary);outline-offset:4px}@media(hover:hover)and (pointer:fine){.lib-row__link:hover .lib-row__title{color:var(--color-primary-light)}.lib-row__link:hover .lib-row__go{margin-right:0}.lib-toc__list a:hover{color:var(--color-primary);border-color:var(--color-primary)}}@media(prefers-reduced-motion:no-preference){.lib-row__go{transition:margin var(--transition-fast)}}.demo-hero.hero{padding:clamp(72px,9vw,120px) 0 clamp(40px,5vw,64px)}.demo-hero.hero .demo-hero__claim{max-width:680px;margin:0 auto;color:var(--color-text-primary)}.demo-hero .demo-hero__cat{display:inline-flex;align-items:center;min-height:44px;text-decoration:none}.demo-hero .demo-hero__cat:focus-visible{outline:1px solid var(--color-primary);outline-offset:3px}@media(hover:hover)and (pointer:fine){.demo-hero .demo-hero__cat:hover{color:var(--color-primary-light);border-color:var(--color-primary-light)}}.demo-page .demo-h2{margin:0 0 var(--spacing-sm);font-family:var(--font-display);font-weight:var(--weight-light);font-size:clamp(1.8rem,3vw,2.4rem);line-height:1.1;letter-spacing:-.01em;color:var(--color-text-primary);text-wrap:balance}.demo-see{max-width:760px;margin:var(--spacing-lg) auto 0;padding:0 var(--spacing-md)}.demo-see:has(.demo-see__list:empty) .demo-see__list,.demo-see:has(.demo-see__list:empty)>h2{display:none}.demo-see .demo-see__list{margin:0;border-top:1px solid var(--color-border);counter-reset:see}.demo-see .demo-see__list>li{counter-increment:see;display:grid;grid-template-columns:2.25rem minmax(0,1fr);align-items:baseline;gap:var(--spacing-sm);margin:0;padding:var(--spacing-sm) 0;border-bottom:1px solid var(--color-border);font-family:var(--font-serif);font-size:clamp(1.1rem,1.6vw,1.25rem);line-height:1.5;color:var(--color-text-primary);text-wrap:pretty}.demo-see .demo-see__list>li:before{content:counter(see);font-family:var(--font-display);font-size:1.6rem;line-height:1;color:var(--color-primary)}.demo-see .demo-see__note{margin:var(--spacing-sm) 0 0;font-family:var(--font-serif);font-size:1rem;line-height:1.6;color:var(--color-text-secondary);text-wrap:pretty}.demo-see .demo-see__note:empty{display:none}.bench{counter-reset:step;display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"h" "steps" "systems";column-gap:var(--spacing-md);max-width:1520px;margin:var(--spacing-lg) auto 0;padding:0 var(--spacing-md)}.bench .bench__h{grid-area:h}.bench .steps{grid-area:steps;list-style:none;margin:0 0 var(--spacing-md);padding:0}.bench .systems{grid-area:systems;min-width:0;scroll-margin-top:calc(var(--header-height) + var(--spacing-xs))}.steps>.step{counter-increment:step;margin:0;padding:var(--spacing-md) 0 0;border-top:1px solid var(--color-border);color:var(--color-text-primary)}.steps>.step+.step{margin-top:var(--spacing-md)}.step .step__title{display:flex;align-items:flex-start;gap:.75rem;margin:0 0 var(--spacing-sm);font-family:var(--font-display);font-weight:var(--weight-normal);font-size:1.35rem;line-height:1.3;color:var(--color-text-primary);text-wrap:balance}.step .step__n{flex:none;display:inline-grid;place-items:center;width:2rem;height:2rem;margin-top:-.1rem;border:1px solid var(--color-primary);font-family:var(--font-mono);font-size:.85rem;color:var(--color-primary)}.step .step__n:before{content:counter(step)}.step .step__show{display:inline-flex;align-items:center;gap:.5rem;min-height:44px;margin:0 0 var(--spacing-sm);padding:0 var(--spacing-sm);border:1px solid var(--color-primary);background:transparent;color:var(--color-primary);cursor:pointer;font-family:var(--font-mono);font-size:.85rem;letter-spacing:.02em}.step .step__show[hidden]{display:none}.step .step__show[aria-pressed=true]{background:var(--color-accent-light)}.step .step__show:focus-visible{outline:1px solid var(--color-primary-light);outline-offset:3px}.step .step__actions{list-style:none;display:grid;gap:.6rem;margin:0;padding:0}.step .step__actions>li{position:relative;margin:0;padding-left:1.4rem;font-family:var(--font-serif);font-size:1.05rem;line-height:1.6;text-wrap:pretty}.step .step__actions>li:before{content:"";position:absolute;left:0;top:.8em;width:.6rem;height:1px;background:var(--color-primary)}.step .step__result{margin:var(--spacing-sm) 0 0;padding:.75rem 1rem;border-left:2px solid var(--color-primary);background:var(--color-accent-light);font-family:var(--font-serif);font-size:1.05rem;line-height:1.6;text-wrap:pretty}.step .step__result-label{display:block;margin-bottom:.2rem;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--color-primary)}.step b{font-weight:var(--weight-semibold);color:var(--color-text-primary)}.systems .systems__tabs{display:flex;flex-wrap:nowrap;gap:0 var(--spacing-sm);margin:0 0 var(--spacing-sm);border-bottom:1px solid var(--color-border);overflow-x:auto;scrollbar-width:thin}.systems .systems__tabs[hidden]{display:none}.systems .systems__tab{flex:none;white-space:nowrap;min-height:44px;padding:0 .25rem;border:0;border-bottom:2px solid transparent;margin-bottom:-1px;background:transparent;cursor:pointer;font-family:var(--font-mono);font-size:.85rem;letter-spacing:.02em;color:var(--color-text-secondary)}.systems .systems__tab[aria-selected=true]{color:var(--color-text-primary);border-bottom-color:var(--color-primary)}.systems .systems__tab:focus-visible{outline:1px solid var(--color-primary);outline-offset:2px}@media(hover:hover)and (pointer:fine){.systems .systems__tab:hover{color:var(--color-primary-light)}.step .step__show:hover{color:var(--color-primary-light);border-color:var(--color-primary-light)}}.systems .system{margin:0 0 var(--spacing-sm);min-width:0}.systems .system__name{margin:0 0 var(--spacing-xs);font-family:var(--font-display);font-weight:var(--weight-normal);font-size:1.35rem;line-height:1.2;color:var(--color-text-primary)}.stacks-frame.system__frame{background:var(--color-surface)}.stacks-frame.system__frame iframe{height:clamp(420px,calc(100vh - 210px),860px);transition:none}@supports (height: 100svh){.stacks-frame.system__frame iframe{height:clamp(420px,calc(100svh - 210px),860px)}}.systems .system__open{display:inline-flex;align-items:center;min-height:44px;padding:.5rem 0;font-family:var(--font-mono);font-size:.85rem;letter-spacing:.02em;color:var(--color-primary)}.systems .system__open:focus-visible{outline:1px solid currentColor;outline-offset:4px}@media(hover:hover)and (pointer:fine){.systems .system__open:hover{color:var(--color-primary-light)}}.systems .systems__note{margin:0;font-family:var(--font-serif);font-size:1rem;line-height:1.6;color:var(--color-text-muted)}.systems .systems__back{display:inline-flex;align-items:center;min-height:44px;margin:0 0 var(--spacing-xs);padding:0 var(--spacing-sm);border:1px solid var(--color-border-strong);background:transparent;color:var(--color-text-secondary);cursor:pointer;font-family:var(--font-mono);font-size:.85rem;letter-spacing:.02em}.systems .systems__back[hidden]{display:none}.systems .systems__back:focus-visible{outline:1px solid var(--color-primary);outline-offset:3px}@media(min-width:900px){.systems .systems__back{display:none}}.systems.is-tabbed .system{display:none}.systems.is-tabbed .system.is-on{display:block}.systems.is-tabbed .system__name{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.bench--wide .stacks-frame.system__frame iframe{height:860px}@media(min-width:900px){.bench:not(.bench--wide){grid-template-columns:minmax(300px,360px) minmax(0,1fr);grid-template-rows:auto 1fr;grid-template-areas:"h systems" "steps systems"}.bench:not(.bench--wide) .systems{position:sticky;top:calc(var(--header-height) + var(--spacing-sm));align-self:start}.bench:not(.bench--wide) .steps{margin-bottom:clamp(var(--spacing-md),calc(100vh - 640px),320px)}.bench:not(.bench--wide) .stacks-frame.system__frame iframe{height:clamp(440px,calc(100vh - 260px),860px)}.bench--wide .steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:0 var(--spacing-md)}.bench--wide .steps>.step+.step{margin-top:0}}@supports (height: 100svh){@media(min-width:900px){.bench:not(.bench--wide) .stacks-frame.system__frame iframe{height:clamp(440px,calc(100svh - 260px),860px)}}}@media(min-width:961px){.bench:not(.bench--wide) .systems{top:calc(var(--header-height) + var(--submenu-height) + var(--third-nav-height) + var(--spacing-sm))}.bench .systems{scroll-margin-top:calc(var(--header-height) + var(--submenu-height) + var(--third-nav-height) + var(--spacing-xs))}.lib-cat{scroll-margin-top:calc(var(--header-height) + var(--submenu-height) + var(--third-nav-height) + var(--spacing-sm))}.bench:not(.bench--wide) .stacks-frame.system__frame iframe{height:clamp(440px,calc(100vh - 355px),860px)}}@supports (height: 100svh){@media(min-width:961px){.bench:not(.bench--wide) .stacks-frame.system__frame iframe{height:clamp(440px,calc(100svh - 355px),860px)}}}@media(min-width:961px){.bench:not(.bench--wide) .systems.is-tabbed{top:calc(var(--header-height) + var(--submenu-height) + var(--third-nav-height) + .5rem)}.bench:not(.bench--wide) .systems.is-tabbed .systems__tabs{margin-bottom:.25rem}.bench:not(.bench--wide) .systems.is-tabbed .stacks-frame.system__frame iframe{height:clamp(420px,calc(100vh - 355px),860px)}}@supports (height: 100svh){@media(min-width:961px){.bench:not(.bench--wide) .systems.is-tabbed .stacks-frame.system__frame iframe{height:clamp(420px,calc(100svh - 355px),860px)}}}@media(min-width:1280px){.bench[data-count="2"]:not(.bench--wide) .systems{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--spacing-md)}.bench[data-count="2"]:not(.bench--wide) .systems .system{display:block}.bench[data-count="2"]:not(.bench--wide) .systems .systems__tabs{display:none}.bench[data-count="2"]:not(.bench--wide) .systems .system__name{position:static;width:auto;height:auto;overflow:visible;clip-path:none}.bench[data-count="2"]:not(.bench--wide) .systems .systems__note{grid-column:1 / -1}.bench[data-count="2"]:not(.bench--wide) .step__show{display:none}}.demo-page .demo-facts{margin-top:var(--spacing-xl)}@media(max-width:960px){.lib-toc{display:block}.lib-cat{scroll-margin-top:calc(var(--header-height) + var(--spacing-sm))}}@media(max-width:640px){.lib-body{padding:0 var(--spacing-sm)}.lib-row__link{grid-template-columns:minmax(0,1fr) 1.5rem}.bench{padding:0}.bench .bench__h,.bench .steps,.systems .systems__tabs,.systems .system__name,.systems .system__open,.systems .systems__note,.systems .systems__back{margin-left:var(--spacing-sm);margin-right:var(--spacing-sm)}.demo-see{padding:0 var(--spacing-sm)}.stacks-frame.system__frame iframe{height:clamp(420px,calc(100vh - 190px),780px)}}@supports (height: 100svh){@media(max-width:640px){.stacks-frame.system__frame iframe{height:clamp(420px,calc(100svh - 190px),780px)}}}
