@import url("/vendor/fonts/fonts.css");
:root { --ink: #0b0b0b; --paper: #FBFAF6; --muted: #8d8a82; --line: rgba(11,11,11,.14); }
:root[data-theme="dark"] { --ink: #F1EEE6; --paper: #0E0E0D; --muted: #8f8b82; --line: rgba(241,238,230,.16); }
* { box-sizing: border-box; }
body { margin: 0; background: var(--paper); color: var(--ink); font-family: "Inter Tight", system-ui, sans-serif; line-height: 1.6; -webkit-font-smoothing: antialiased; }
a { color: inherit; }
.top { display: flex; justify-content: space-between; align-items: center; padding: 18px clamp(16px, 4vw, 56px); }
.top img { height: 18px; width: auto; display: block; }
:root[data-theme="dark"] .top img { filter: invert(1); }
.top .pill { font-size: 13px; text-decoration: none; border: 1px solid var(--ink); border-radius: 999px; padding: 9px 18px; }
main { max-width: 760px; margin: 0 auto; padding: 48px clamp(16px, 4vw, 56px) 96px; }
h1 { font-family: "Instrument Serif", Georgia, serif; font-weight: 400; font-size: clamp(44px, 7vw, 72px); line-height: .95; margin: 0 0 36px; }
h2 { font-family: "Oswald", sans-serif; font-weight: 600; font-size: 13px; letter-spacing: .24em; text-transform: uppercase; margin: 40px 0 8px; }
p, li { margin: 0 0 12px; color: var(--ink); }
.muted { color: var(--muted); font-size: 14px; }
.todo { background: #fff1a8; color: #000; padding: 0 4px; border-radius: 3px; }