/* EQ-3 legal / info pages — calm, readable, on-brand. Shared by privacy.html + terms.html. */
:root {
  --paper: #f6f4ef; --paper-deep: #eef0f2;
  --ink-1: #1a1c1e; --ink-2: #43484d; --ink-3: #7a8088;
  --edge: rgba(26,28,30,.10); --hue: #8fb4c0;
  --font-display: "Instrument Serif","Cormorant Garamond",Georgia,serif;
  --font-body: "Geist","Söhne",-apple-system,BlinkMacSystemFont,"Helvetica Neue",sans-serif;
  --font-mono: "Geist Mono",ui-monospace,SFMono-Regular,monospace;
}
@media (prefers-color-scheme: dark) {
  :root { --paper:#1a1d20; --paper-deep:#22262a; --ink-1:#e7eaee; --ink-2:#b3bac1; --ink-3:#8b939b; --edge:rgba(231,234,238,.10); }
}
* { box-sizing: border-box; }
html, body { margin: 0; background: var(--paper); color: var(--ink-1); font-family: var(--font-body); font-size: 17px; line-height: 1.62; -webkit-font-smoothing: antialiased; }
.wrap { max-width: 46rem; margin: 0 auto; padding: clamp(28px, 6vw, 72px) 22px 96px; }
.top { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; margin-bottom: 40px; }
.back { font-family: var(--font-mono); font-size: 11px; letter-spacing: .14em; text-transform: uppercase; color: var(--ink-3); text-decoration: none; }
.back:hover { color: var(--ink-1); }
.mark { font-family: var(--font-mono); font-size: 11px; letter-spacing: .28em; text-transform: uppercase; color: var(--ink-3); }
h1 { font-family: var(--font-display); font-weight: 400; font-size: clamp(34px, 6vw, 52px); line-height: 1.05; letter-spacing: -.01em; margin: 0 0 6px; }
.lede { color: var(--ink-2); font-style: italic; margin: 0 0 8px; }
h2 { font-family: var(--font-display); font-weight: 400; font-size: clamp(22px, 3.4vw, 29px); line-height: 1.15; margin: 44px 0 10px; }
p, li { color: var(--ink-1); }
p { margin: 0 0 16px; }
ul { margin: 0 0 16px; padding-left: 1.2em; }
li { margin: 0 0 8px; }
strong { font-weight: 600; }
a { color: inherit; text-underline-offset: 3px; text-decoration-color: var(--edge); }
hr { border: 0; border-top: 1px solid var(--edge); margin: 40px 0; }
.fine { color: var(--ink-3); font-size: 14px; }
.foot { margin-top: 56px; padding-top: 20px; border-top: 1px solid var(--edge); display: flex; gap: 20px; font-family: var(--font-mono); font-size: 11px; letter-spacing: .12em; text-transform: uppercase; }
.foot a { color: var(--ink-3); text-decoration: none; }
.foot a:hover { color: var(--ink-1); }
.note { background: var(--paper-deep); border: 1px solid var(--edge); border-radius: 12px; padding: 14px 16px; font-size: 14px; color: var(--ink-2); margin: 0 0 28px; }