:root { --blue:#004494; --paper:#F4F1E8; --gold:#FFCC00; }
* { box-sizing: border-box; }
body { margin:0; background:var(--blue); color:var(--paper); font:15px/1.65 "DM Mono", ui-monospace, Menlo, monospace; -webkit-font-smoothing:antialiased; }
main { max-width: 640px; margin: 0 auto; padding: 28px 16px 72px; }
a { color: inherit; text-underline-offset: 3px; }
a:focus-visible { outline: 2px solid var(--paper); outline-offset: 3px; }
h1 { font: 800 clamp(44px, 12vw, 88px)/.9 "Bricolage Grotesque", "Arial Narrow", sans-serif; font-variation-settings: "wdth" 75; letter-spacing: -.012em; margin: 36px 0 28px; text-transform: uppercase; }
h2 { font-size: 11px; letter-spacing: .12em; text-transform: uppercase; margin: 30px 0 6px; color: var(--gold); }
p { margin: 0 0 10px; }
.draft { border: 1px solid var(--gold); padding: 10px 12px; font-size: 13px; }
.todo { background: var(--gold); color: #00163D; padding: 0 4px; }
ul { margin: 0 0 10px; padding-left: 20px; }
li { margin-bottom: 4px; }
.upd { font-size: 12px; opacity: .78; margin: -14px 0 8px; }