@font-face{font-family:Archivo;src:url(/assets/fonts/Archivo-500.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:Inter;src:url(/assets/fonts/Inter-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:Plex;src:url(/assets/fonts/IBMPlexMono-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:Plex;src:url(/assets/fonts/IBMPlexMono-500.woff2) format("woff2");font-weight:500;font-display:swap}
:root{--ink:#22252A;--paper:#F4F2EC;--slate:#9AA0A8;--rule:#3A3E45;--sun:#F0A500;--accent:var(--sun)}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--ink);color:var(--paper);font:17px/1.6 Inter,system-ui,sans-serif}
a{color:var(--accent);text-underline-offset:3px;text-decoration-thickness:1px}
a:hover{text-decoration-thickness:2px}
.wrap{max-width:780px;margin:0 auto;padding:0 16px}
header.site{border-bottom:1px solid var(--rule)}
header.site .wrap{display:flex;align-items:center;gap:12px;padding-top:18px;padding-bottom:18px}
header.site a{display:flex;align-items:center;gap:12px;color:var(--paper);text-decoration:none;font:500 15px Plex,monospace;letter-spacing:.14em;text-transform:uppercase}
header.site img{width:34px;height:34px}
main{padding:40px 0 64px}
.kicker{font:500 13px Plex,monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--slate);margin:0 0 10px}
h1{font:500 clamp(30px,6vw,44px)/1.15 Archivo,sans-serif;margin:0 0 16px}
h1 em{font-style:normal;color:var(--accent)}
h2{font:500 14px Plex,monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin:48px 0 14px;padding-top:20px;border-top:1px solid var(--rule)}
h3{font:500 19px/1.3 Archivo,sans-serif;margin:30px 0 8px}
p{margin:0 0 14px}
.lede{font-size:18px;color:var(--paper)}
.muted{color:var(--slate)}
.btn{display:inline-block;margin:6px 0 4px;padding:10px 16px;border:1px solid var(--accent);border-radius:3px;font:500 14px Plex,monospace;letter-spacing:.06em;text-decoration:none}
ol.chapters,ul.src,ul.cred{list-style:none;padding:0;margin:0}
ol.chapters li{display:flex;gap:16px;padding:6px 0;border-bottom:1px solid var(--rule)}
ol.chapters .t{font:400 15px Plex,monospace;color:var(--slate);min-width:3.5em}
ul.src li{padding:10px 0;border-bottom:1px solid var(--rule);overflow-wrap:anywhere}
ul.src .meta{display:block;font:400 13px Plex,monospace;color:var(--slate);margin-top:2px}
ul.cred li{padding:8px 0;border-bottom:1px solid var(--rule);overflow-wrap:anywhere}
ul.cred b{font-weight:400;color:var(--slate);font-family:Plex,monospace;font-size:13px;letter-spacing:.08em;text-transform:uppercase;display:block}
footer{border-top:1px solid var(--rule);padding:22px 0 40px;font:400 13px Plex,monospace;color:var(--slate)}
footer a{color:var(--slate)}
.videos a{display:block;padding:14px 0;border-bottom:1px solid var(--rule);text-decoration:none;color:var(--paper)}
.videos a span{display:block;font:400 13px Plex,monospace;color:var(--slate)}
.videos a:hover strong{color:var(--accent)}