.s-hero{z-index:1;gap:var(--space-8) var(--space-10);grid-template-columns:minmax(0,1fr) minmax(0,400px);align-items:start;margin-block-start:var(--space-6);display:grid;position:relative}.s-idx{--s-idx-foot:var(--space-10);gap:var(--space-5);padding-block-end:var(--s-idx-foot);padding-inline-start:var(--space-8);display:grid;position:relative}.s-idx-rail{inset-block:.9em var(--s-idx-foot);inline-size:var(--border-width);background:var(--line-300);position:absolute;inset-inline-start:calc(var(--space-8) / 2)}.s-idx-stage{position:relative}.s-idx-node{background:var(--accent-text);border-radius:50%;block-size:11px;inline-size:11px;position:absolute;inset-block-start:.9em;inset-inline-start:calc(var(--space-8) / -2);translate:-50% -50%}.s-idx-h{align-items:baseline;gap:var(--space-3);min-block-size:44px;color:var(--ink-900);transition:transform var(--dur-fast) var(--ease-snap), color var(--dur-fast) var(--ease-snap);text-decoration:none;display:flex}.s-idx-h:hover,.s-idx-h:focus-visible{color:var(--accent-text);text-decoration:none;transform:translate(6px)}.s-idx-h:focus-visible{box-shadow:var(--ring-focus);border-radius:var(--radius-sm);outline:none}.s-idx-h .s-idx-range{color:var(--accent-text);margin-inline-start:auto}.s-idx-list{gap:var(--space-2);border-block-start:var(--border-width) solid var(--line-200);margin:0;padding-block-start:var(--space-3);padding-inline:0;list-style:none;display:grid}.s-idx-list>li{color:var(--ink-700)}.s-idx-mascot{pointer-events:none;line-height:0;position:absolute;inset-block-end:0;inset-inline-end:0}.s-decor{pointer-events:none;line-height:0}.s-split{gap:var(--space-8) var(--space-10);grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:start;display:grid}.s-body{gap:var(--space-5);display:grid}.s-body>p{color:var(--text-on-ink-muted);max-inline-size:var(--measure);margin:0}.s-figure{margin:var(--space-10) 0 0;gap:var(--space-8);display:grid}.s-figure-row{gap:var(--space-4);display:grid}.s-seam{align-items:stretch;gap:var(--space-4);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);display:grid}.s-seam-box{min-block-size:128px;padding:var(--space-5);box-sizing:border-box;border-radius:var(--radius-md);background:var(--ink-800);border:var(--border-width) solid var(--line-ink);align-content:center;display:grid}.s-seam-gap{align-content:center;justify-items:center;gap:var(--space-3);inline-size:108px;display:grid}.s-seam-dash{inline-size:var(--border-width);background:repeating-linear-gradient(to bottom, var(--coral-300) 0 4px, transparent 4px 9px);block-size:22px}.s-seam .s-seam-label{color:var(--coral-300);text-align:center}.s-unified{box-sizing:border-box;border-radius:var(--radius-md);background:var(--surface-accent);min-block-size:128px;overflow:clip}.s-unified-heads{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.s-unified-heads>span{padding:var(--space-5) var(--space-5) var(--space-4);color:var(--ink-900)}.s-unified-heads>span+span{border-inline-start:var(--border-width) solid var(--line-any)}.s-unified>p{padding:0 var(--space-5) var(--space-5);color:var(--text-on-accent);max-inline-size:var(--measure);margin:0}.s-proof{gap:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.s-proof-head{justify-content:space-between;align-items:flex-end;gap:var(--space-5);margin-block-end:var(--space-8);display:flex}.s-ul{white-space:nowrap;display:inline-block;position:relative}.s-ul:after{content:"";pointer-events:none;background:var(--accent);block-size:.22em;animation:s-ul-draw var(--loop-draw) var(--ease-out) both;animation-delay:calc(var(--loop-stagger) * 3);margin-block-start:.04em;position:absolute;inset-block-start:100%;inset-inline:0;-webkit-mask-image:url(/assets/doodle-underline.svg);mask-image:url(/assets/doodle-underline.svg);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}@keyframes s-ul-draw{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@media (max-width:940px){.s-hero,.s-split{grid-template-columns:minmax(0,1fr)}.s-idx{--s-idx-foot:0px}.s-decor{display:none}}@media (max-width:700px){.s-seam{gap:var(--space-3);grid-template-columns:minmax(0,1fr)}.s-seam-gap{display:none}.s-proof{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.s-ul:after{clip-path:inset(0);animation:none}.s-idx-h{transition:none}.s-idx-h:hover,.s-idx-h:focus-visible{transform:none}}
