:root{--paper:#EEEAE2;--ink:#111;--hot:#FF4A1C;--muted:#5b5853;--rule:#111}
@media (prefers-color-scheme:dark){:root{--paper:#111;--ink:#EEEAE2;--muted:#a9a49b;--rule:#EEEAE2}}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.55 "IBM Plex Sans",-apple-system,"PingFang SC",system-ui,sans-serif}
.wrap{max-width:760px;margin:0 auto;padding:40px 20px 80px}
header{display:flex;justify-content:space-between;align-items:baseline;border-bottom:3px solid var(--rule);padding-bottom:10px;font:600 13px/1 "IBM Plex Mono",ui-monospace,monospace;letter-spacing:.06em;text-transform:uppercase}
header a{color:inherit;text-decoration:none;margin-left:16px}
h1{font:900 clamp(48px,12vw,104px)/.9 "Archivo Black","Arial Black",system-ui,sans-serif;letter-spacing:-.02em;margin:48px 0 8px}
h1 .hot{color:var(--hot)}
h2{font:900 26px/1.1 "Archivo Black","Arial Black",system-ui,sans-serif;margin:44px 0 10px;text-transform:uppercase}
.lede{font-size:22px;max-width:30em}
.tag{display:inline-block;background:var(--hot);color:#111;font:700 13px/1 "IBM Plex Mono",ui-monospace,monospace;padding:6px 8px;text-transform:uppercase;letter-spacing:.06em}
ul{padding-left:1.1em}li{margin:.3em 0}
dl dt{font-weight:700;margin-top:18px}dl dd{margin:4px 0 0}
a{color:var(--hot)}
footer{margin-top:64px;border-top:1px solid var(--rule);padding-top:12px;font:13px/1.5 "IBM Plex Mono",ui-monospace,monospace;color:var(--muted)}
.modes{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2px;margin:16px 0;background:var(--rule);border:2px solid var(--rule)}
.modes div{background:var(--paper);padding:14px}.modes b{font-family:"Archivo Black","Arial Black",sans-serif;display:block;font-size:18px}