:root{--ink:#171513;--paper:#f3eee5;--muted:#686159;--line:#c8beb1;--orange:#d94816;--acid:#bfdc35}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.7 Georgia,serif}header{background:#11100f;color:#f6f0e7;padding:24px max(24px,calc((100vw - 820px)/2));display:flex;justify-content:space-between;align-items:center}header a{color:inherit;text-decoration:none}.brand{font:700 16px Consolas,monospace;letter-spacing:.08em}.brand span{color:#ff6b35}.brand b{color:#d7ff4f;padding:0 .25em}.back{font:12px Consolas,monospace;text-transform:uppercase;color:#d7ff4f}main{max-width:820px;margin:auto;padding:75px 24px 110px}h1{font:800 clamp(48px,8vw,78px)/.95 Arial,sans-serif;letter-spacing:-.055em;margin:0 0 45px}h2{font:750 31px/1.15 Arial,sans-serif;letter-spacing:-.025em;margin:60px 0 18px;padding-top:20px;border-top:1px solid var(--line)}p{margin:0 0 20px}ul,ol{padding-left:25px}li{margin-bottom:9px}blockquote{border-left:4px solid var(--orange);margin:25px 0;padding:12px 20px;background:#e8e1d7}strong{font-weight:700}footer{border-top:1px solid var(--line);padding:30px 24px;text-align:center;color:var(--muted);font:12px Consolas,monospace}@media(max-width:600px){main{padding-top:50px}h1{font-size:48px}}