.b-lead{border:1px solid var(--ink);background:var(--ink);color:var(--paper);transition:background-color .25s var(--ease);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-content:start;gap:18px 32px;padding:28px;display:grid}.b-lead:hover{background:#1d1d1b}.b-lead>:not(.b-lead-cover){grid-column:1}.b-lead-cover{border:1px solid var(--night-rule);grid-area:1/2/span 4;align-self:center}.b-lead-meta{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.b-lead-meta .s-mono{color:var(--night-muted);font-size:11px}.b-lead h2{letter-spacing:-.04em;text-transform:uppercase;max-width:20ch;margin:0;font-size:clamp(34px,5vw,72px);line-height:.95}.b-lead p{max-width:60ch;color:var(--night-muted);margin:0;font-size:18px;line-height:1.5}.b-lead .s-btn{border-color:var(--paper);background:var(--paper);color:var(--ink);justify-self:start}.b-lead:hover .s-btn{background:var(--orange);border-color:var(--orange)}.b-lead:hover .s-arrow{transform:translate(2px,-2px)}.b-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.b-card{border:1px solid var(--ink);background:var(--paper);height:100%;transition:transform .2s var(--ease), box-shadow .2s var(--ease);flex-direction:column;gap:14px;padding:20px;display:flex}.b-card:hover{box-shadow:3px 3px 0 var(--ink);transform:translate(-3px,-3px)}.b-card-cover{border-bottom:1px solid var(--ink);margin:-20px -20px 4px;display:block;overflow:hidden}.b-card-cover .il{transition:transform .5s var(--ease)}.b-card:hover .b-card-cover .il{transform:scale(1.03)}.b-card h2{letter-spacing:-.02em;margin:0;font-size:26px;line-height:1.08}.b-card p{color:var(--ink-soft);margin:0;font-size:16px;line-height:1.55}.b-card>.s-mono{margin-top:auto;font-size:11px}.b-meta{flex-wrap:wrap;align-items:center;gap:6px;display:inline-flex}.b-meta time{margin-right:10px}.b-card-tags{flex-wrap:wrap;gap:6px;display:flex}.b-progress{z-index:60;background:var(--orange);transform-origin:0;pointer-events:none;height:3px;position:fixed;top:0;left:0;right:0;transform:scaleX(0)}@supports (animation-timeline:scroll()){.b-progress{animation:linear both b-progress;animation-timeline:scroll(root)}}@keyframes b-progress{to{transform:scaleX(1)}}.b-head h1{max-width:18ch;font-size:clamp(40px,6vw,92px)}.b-article{min-width:0;max-width:760px;color:var(--ink-soft);font-size:18px;line-height:1.7}.b-article>*{margin:0}.b-article>*+*{margin-top:1.15em}.b-article h2{scroll-margin-top:calc(var(--header-h) + 24px);color:var(--ink);letter-spacing:-.025em;text-transform:uppercase;margin-top:2.4em;font-size:clamp(26px,2.6vw,36px);line-height:1.05}.b-article>h2:first-child{margin-top:0}.b-article h3{color:var(--ink);letter-spacing:-.01em;margin-top:1.8em;font-size:21px;line-height:1.25}.b-article strong{color:var(--ink);font-weight:600}.b-article a{color:var(--ink);text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px}.b-article a:hover{color:var(--orange-deep)}.b-article li{line-height:1.6}.b-article .s-list,.b-article .s-steps{font-size:17px}.b-article .s-note p{font-size:16px;line-height:1.6}.b-article .s-table{font-size:15px}.s-code{border:1px solid var(--ink);background:var(--ink);color:var(--paper);font:400 13.5px/1.6 var(--code);padding:16px 18px;overflow-x:auto}.s-code code{color:inherit;font-size:inherit;background:0 0;border:0;padding:0}.b-tool{border:1px solid var(--ink);background:var(--paper-raised);box-shadow:6px 6px 0 var(--ink);grid-template-columns:auto minmax(0,1fr);align-items:start;gap:16px 18px;padding:22px;display:grid;margin-top:3em!important}.b-tool>div{gap:6px;display:grid}.b-tool .s-mono{margin:0;font-size:11px}.b-tool strong{color:var(--ink);letter-spacing:-.015em;font-size:24px;font-weight:500;line-height:1.15}.b-tool p{margin:0;font-size:16px;line-height:1.55}.b-tool .s-btn{color:var(--paper);grid-column:2;justify-self:start;text-decoration:none}.b-tool .s-btn:hover{color:var(--ink)}.b-toc-tool{background:var(--paper-raised);text-transform:none;align-items:center;gap:12px;margin-top:18px;padding:12px;display:flex;border:1px solid var(--ink)!important}.b-toc-tool>span:last-child{color:var(--muted);text-transform:uppercase;gap:2px;font-size:11px;display:grid}.b-toc-tool strong{font:500 16px var(--display);color:var(--ink);text-transform:none}.b-toc-tool:hover{background:var(--orange-wash);padding-left:12px!important}@media (max-width:900px){.b-lead{grid-template-columns:1fr}.b-lead-cover{grid-area:auto/1}}@media (max-width:720px){.b-lead{padding:20px}.b-article{font-size:17px}.b-tool{grid-template-columns:1fr}.b-tool .s-btn{grid-column:1}}
