/* ───────────────────────────────────────────────────────────────────────────── DEBASE — styling B, "The entry" A different argument from styling A, not a reskin of it. A dresses the page as a LEDGER: warm paper, engraved serif, Roman numerals, tabular figures. It argues from the accounts. B dresses it as a DICTIONARY ENTRY and argues from the word. `debase` has five senses in ordinary English and four of them are things this token pointedly does NOT do — so the page prints the real definitions, strikes them through, and writes the correction underneath. The fifth, the archaic literal one (de- "down" + base "low"), is the only one left standing, and it is exactly what the contract does: it brings the supply down and nothing can raise it. That device only works on a hard, printed-looking ground, so: near-black, a condensed poster face for the headword, a serif with real italics for the senses, and mono for anything a machine produced. ───────────────────────────────────────────────────────────────────────────── */ :root { --ground: #0b0d10; --ground-2: #14171c; /* an inset block, one step up from the ground */ --paper: #ece7dd; --paper-2: #a8a49a; /* secondary copy */ --paper-3: #6f6d68; /* struck text, furniture, the quiet parts */ --rule: #272b32; --flame: #2b7bff; /* the logo blue, lifted a little to hold up on a dark ground */ --flame-true: #005cfe; /* the artwork's own value, kept for reference */ --peak: #19c268; /* likewise the logo green */ --measure: 66rem; --poster: "Anton", "Haettenschweiler", "Arial Narrow", sans-serif; --serif: "Newsreader", "Iowan Old Style", Georgia, serif; --sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif; --mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; } * { box-sizing: border-box; } html { -webkit-text-size-adjust: 100%; } body { margin: 0; background: var(--ground); color: var(--paper); font-family: var(--sans); font-size: 17px; line-height: 1.6; } .wrap { max-width: var(--measure); margin: 0 auto; padding: 0 clamp(1.25rem, 5vw, 3rem); } /* ── Masthead ─────────────────────────────────────────────────────────────── */ .masthead { display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; padding: 1.5rem 0; border-bottom: 1px solid var(--rule); flex-wrap: wrap; } .wordmark { display: flex; align-items: center; gap: 0.7rem; text-decoration: none; color: var(--paper); font-family: var(--poster); font-size: 1.5rem; letter-spacing: 0.04em; } .wordmark img { width: 32px; height: 32px; } .masthead { position: relative; } /* The sections menu is a
. On a desktop there is no button at all: the summary is hidden and the nav shows inline, exactly as the old