.sb-head{gap:var(--sp-4);padding-block:var(--sp-16) var(--sp-12);display:grid}.sb-head .meta{color:var(--text-2);margin:0}.sb-head h1{max-width:900px;font:var(--fw-display) var(--fs-display-2) / var(--lh-display-2) var(--font-display);letter-spacing:var(--ls-display);text-wrap:balance;margin:0}.sb-head .lead{max-width:720px;color:var(--text-2)}.sb-repos{margin:var(--sp-4) 0 0;gap:var(--sp-4);grid-template-columns:repeat(2,minmax(0,1fr));max-width:900px;padding:0;list-style:none;display:grid}.sb-repos a{height:100%;padding:var(--sp-4) var(--sp-5);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);transition:border-color var(--dur) var(--ease);gap:4px;display:grid}.sb-repos a:hover{border-color:var(--border-strong);color:var(--text)}.sb-repo-name{font:500 var(--fs-ui) / var(--lh-ui) var(--font-mono)}.sb-repo-sub{font:400 var(--fs-ui-sm) / var(--lh-ui) var(--font-sans);color:var(--text-2)}.sb-body{gap:var(--sp-16);padding-bottom:var(--sp-24);grid-template-columns:200px minmax(0,1fr);display:grid}.sb-toc{top:var(--sp-6);align-self:start;position:sticky}.sb-toc ol{counter-reset:step;border-left:1px solid var(--border);gap:2px;margin:0;padding:0;list-style:none;display:grid}.sb-toc li{counter-increment:step}.sb-toc a{padding:6px 0 6px var(--sp-4);font:400 var(--fs-ui-sm) / var(--lh-ui) var(--font-sans);color:var(--text-2);border:0;display:block}.sb-toc a:before{content:counter(step, decimal-leading-zero) "  ";font:400 11px / 1 var(--font-mono);color:var(--text-3);white-space:pre}.sb-toc a:hover{color:var(--text)}.sb-steps{gap:var(--sp-16);min-width:0;max-width:860px;display:grid}.sb-step{gap:var(--sp-4);min-width:0;scroll-margin-top:var(--sp-6);display:grid}.sb-step-n{color:var(--text-3);margin:0}.sb-step h2,.sb-why h2{font:var(--fw-display) 30px / 1.15 var(--font-display);letter-spacing:var(--ls-display-3);margin:0}.sb-step p:not(.meta),.sb-why p{max-width:720px;font:400 var(--fs-body) / var(--lh-body) var(--font-serif);color:var(--text-2);text-wrap:pretty;margin:0}.sb-step p code,.sb-step td code{font:400 .82em / 1 var(--font-mono);border-radius:var(--radius-xs);background:var(--bg-sunken);color:var(--text);padding:2px 5px}.sb-step a,.sb-why a{color:var(--text)}.sb-tracks td{white-space:normal;vertical-align:top;font-size:var(--fs-ui-sm)}.sb-tracks td:first-child{white-space:nowrap;font-weight:500}.sb-why{gap:var(--sp-4);padding:var(--sp-8);border-radius:var(--radius);background:color-mix(in srgb, var(--periwinkle) 14%, var(--haze));display:grid}@media (max-width:960px){.sb-body{gap:var(--sp-8);grid-template-columns:minmax(0,1fr)}.sb-toc{position:static}}@media (max-width:720px){.sb-head h1{font-size:var(--fs-display-3);line-height:var(--lh-display-3)}.sb-repos{grid-template-columns:minmax(0,1fr)}.sb-why{padding:var(--sp-5)}}