body{overflow:auto}
.doc{max-width:68ch;margin:0 auto;padding:calc(env(safe-area-inset-top,0px) + 96px) 16px 96px;font:400 16px/1.65 var(--display);color:var(--ink)}
.doc h1{font-weight:760;font-stretch:125%;text-transform:uppercase;letter-spacing:-.03em;line-height:.9;font-size:clamp(34px,6vw,64px);margin:0 0 40px}
.doc h2{font:500 12px/1.4 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--amber);margin:40px 0 10px}
.doc p,.doc ul{margin:0 0 14px}
.doc a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--line)}
.doc a:hover{border-color:var(--amber)}
.doc .todo{background:rgba(226,174,114,.16);color:var(--amber);padding:0 4px}
.doc .small{font:400 12px/1.6 var(--mono);color:var(--mute);letter-spacing:.04em}
.back{position:fixed;top:calc(env(safe-area-inset-top,0px) + 22px);left:clamp(16px,2.4vw,40px);font:500 11px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink);text-decoration:none;padding-block:6px;border-bottom:1px solid var(--amber)}