/* plain text pages: legal.html, thanks.html */
:root { --bg: #ffffff; --ink: #1f2b4d; --muted: #646b81; --line: rgba(31,43,77,.14); --action: #f7941d; }
* { box-sizing: border-box; }
html, body { margin: 0; background: var(--bg); color: var(--ink); font: 400 17px/1.65 "Rethink Sans", system-ui, sans-serif; }
a { color: var(--ink); text-underline-offset: 3px; }
a:focus-visible { outline: 3px solid var(--action); outline-offset: 3px; }
.doc-bar { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 12px max(16px, 5vw); border-bottom: 1px solid var(--line); min-height: 64px; }
.doc-logo { font: 400 22px/1 "Zilla Slab", Georgia, serif; text-decoration: none; }
.doc-btn { background: var(--action); color: var(--ink); text-decoration: none; font-weight: 500; height: 44px; padding: 0 20px; border-radius: 10px; display: inline-flex; align-items: center; }
.doc { max-width: 720px; margin: 0 auto; padding: 48px 16px 96px; }
.doc h1 { font: 400 clamp(34px, 5vw, 48px)/1.1 "Zilla Slab", Georgia, serif; letter-spacing: -0.018em; margin: 0 0 8px; }
.doc h2 { font: 400 32px/1.2 "Zilla Slab", Georgia, serif; margin: 56px 0 8px; padding-top: 8px; }
.doc h3 { font: 500 19px/1.4 "Rethink Sans", system-ui, sans-serif; margin: 28px 0 4px; }
.doc p, .doc li { max-width: 64ch; }
.muted { color: var(--muted); }
.draft { background: #fff1c2; color: #5a3b00; padding: 12px 16px; border-radius: 10px; }