:root{--bg:#edf0f4;--paper:#ffffff;--ink:#131d33;--ink-2:#3f4a60;--line:#d6dce6;--accent:#2346c8;--mark:#ffe14d}
@media (prefers-color-scheme: dark){:root{--bg:#0f1524;--paper:#172036;--ink:#e8ecf4;--ink-2:#aab4c8;--line:#2a3550;--accent:#8ea6ff;--mark:#6b5c00}}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:400 1rem/1.65 "IBM Plex Sans",system-ui,sans-serif}
main{max-width:720px;margin:0 auto;padding:28px 16px 64px}
.back{display:inline-block;margin-bottom:20px;color:var(--accent);text-decoration:none;font-weight:500}
.back:hover{text-decoration:underline}
h1{font:700 clamp(1.8rem,5vw,2.4rem)/1.15 "Bricolage Grotesque",system-ui,sans-serif;margin:0 0 6px;letter-spacing:-.01em}
h2{font:700 1.2rem/1.3 "Bricolage Grotesque",system-ui,sans-serif;margin:34px 0 8px}
.meta{color:var(--ink-2);font:400 .85rem "IBM Plex Mono",monospace;margin:0 0 22px}
.tldr{background:var(--paper);border:1px solid var(--line);border-left:6px solid var(--mark);border-radius:10px;padding:14px 18px}
.tldr p{margin:0}
p,li{color:var(--ink)}
ul{padding-left:1.2em}
li{margin:4px 0}
a{color:var(--accent)}
.credits{font-size:.92rem;color:var(--ink-2)}