:root{--paper:#fbf9f5;--ink:#201737;--muted:#625c71;--line:#e8ddd3;--lime:#fde3da;--white:#fffdfb}
header{background:rgba(251,249,245,.97)}
.brand i{background:#fde3da}
#progress{background:#e0583a}
.kicker:before{background:#e0583a}
.hero h1 em,.num{color:#e0583a}
.button.primary{background:#e0583a;border-color:#e0583a;color:#fff}
.button.primary:hover{background:#b9432a}
.toc a.active{border-color:#e0583a;background:#fdf0eb}
.article code{background:#fdf0eb}
.note{background:#fdf0eb;border-color:#e0583a}
.note.neutral{background:#f6f2ee;border-color:#d7c3b6}
.code-block{background:#1d1830;border-color:#3b3150}
.code-top{background:#2b2342;border-color:#4b3f63}
.copy{border-color:#8f7fa8;color:#f6eefc}
.copy:hover{background:#43385c}
.summary-strip b{color:#b9432a}
.process-list{counter-reset:step;list-style:none!important;padding:0!important;margin:20px 0 25px!important}
.process-list li{counter-increment:step;display:grid;grid-template-columns:32px 1fr;gap:13px;align-items:start;padding:14px!important;margin:0!important;border-bottom:1px solid var(--line)}
.process-list li:before{content:counter(step,decimal-leading-zero);font:700 12px 'Space Mono',monospace;color:#e0583a}
.video-frame,.wide{margin:26px 0;border:3px solid var(--ink);background:#0e1120}
.video-frame video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#0e1120}
.wide{background:#f4eee6}
.wide img{display:block;width:100%;height:auto}
.video-frame figcaption,.wide figcaption,.gallery figcaption{font:700 11px 'Space Mono',monospace;letter-spacing:.5px;padding:9px 12px;background:var(--white);border-top:3px solid var(--ink);color:var(--ink)}
.gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:24px 0}
.gallery figure{margin:0;border:3px solid var(--ink);background:#0e1120}
.gallery img{display:block;width:100%;height:auto}
@media(max-width:760px){.gallery{grid-template-columns:1fr}.hero-art img{object-fit:contain}.hero h1{font-size:46px}}