:root{--paper:#f8f4ea;--ink:#1d2a5c;--text:#20242b;--muted:#5b6370;--marker:#f2c230;color-scheme:light}
*{box-sizing:border-box;margin:0}
body{background:var(--paper);color:var(--text);font:16px/1.65 "IBM Plex Sans",system-ui,sans-serif;padding-inline:18px;padding-block:0 64px}
.wrap{max-width:760px;margin:0 auto}
header{display:flex;justify-content:space-between;align-items:center;padding-block:18px;border-bottom:2px solid var(--ink);margin-bottom:36px}
.logo{font-family:"Caveat",cursive;font-weight:700;font-size:32px;color:var(--ink);text-decoration:none;line-height:1}
.logo span{background:linear-gradient(100deg,transparent 3%,var(--marker) 6%,var(--marker) 92%,transparent 96%)}
header a.back{font-weight:600;font-size:14px;color:var(--ink)}
h1{font-family:"Barlow Condensed","Arial Narrow",sans-serif;font-weight:800;text-transform:uppercase;font-size:clamp(38px,7vw,56px);line-height:1;color:var(--ink);margin-bottom:24px}
h2{font-size:19px;color:var(--ink);margin:30px 0 8px}
h3{font-size:16px;margin:18px 0 4px}
p,li{max-width:68ch}
p+p{margin-top:10px}
ul{padding-left:20px;margin-top:6px}
li+li{margin-top:4px}
a{color:var(--ink)}
.todo{background:var(--marker);padding:0 4px;font-weight:600}
.small{font-size:14px;color:var(--muted)}
footer{margin-top:56px;padding-top:18px;border-top:2px solid var(--ink);display:flex;flex-wrap:wrap;gap:8px 20px;font-size:14px;color:var(--muted)}
footer a{color:var(--muted)}