/* legal.css: shared page-specific styling for /privacy and /terms, loaded
   by both in place of the identical inline <style> block each page used
   to carry on its own. Everything else (tokens, reset, nav, footer,
   buttons, reveal-line) still comes from site.css.

   The readable column is its own nested element, `.legal-col` inside
   `.wrap`, not a class added to the same div as `.wrap` itself. Combining
   them (the old markup was `<div class="wrap narrow">`) meant the column's
   own max-width capped `.wrap`'s width below its usual min(1280px,92%),
   and `.wrap`'s `margin:0 auto` then re-centred that narrower box in the
   full viewport -- x=310 at 1440, not x=80 like the nav, footer, hero and
   every other page on the site. Nesting instead keeps `.wrap` at its
   normal centred 1280px box (left edge x=80) and lets `.legal-col` sit at
   that box's own left edge by ordinary block flow, no extra margin rule
   needed. */

.legaldoc { padding: 8px 0 96px; }
.legal-col { max-width: 72ch; }

.legaldoc h1 { margin: 0 0 14px; }
.legaldoc .updated { font-family: 'JetBrains Mono', monospace; font-size: 11.5px; color: var(--text-faint); letter-spacing: .08em; text-transform: uppercase; margin: 0 0 30px; }
.legaldoc .lead { color: var(--text-dim); font-size: 18px; line-height: 1.62; margin: 0 0 16px; max-width: 68ch; }
.legaldoc h2 { font-size: 21px; line-height: 1.3; letter-spacing: -.01em; font-weight: 600; margin: 46px 0 14px; display: flex; align-items: baseline; gap: 13px; max-width: none; }
.legaldoc h2 .num { font-family: 'JetBrains Mono', monospace; color: var(--cyan); font-size: 13px; font-weight: 500; flex-shrink: 0; }
.legaldoc p { color: var(--text-dim); font-size: 15.5px; line-height: 1.72; margin: 0 0 14px; max-width: 68ch; }
.legaldoc ul { margin: 0 0 16px; padding: 0; list-style: none; max-width: 68ch; }
.legaldoc li { position: relative; padding: 7px 0 7px 22px; color: var(--text-dim); font-size: 15.5px; line-height: 1.6; }
.legaldoc li:before { content: ""; position: absolute; left: 0; top: 16px; width: 8px; height: 1px; background: var(--cyan); opacity: .8; }
.legaldoc li strong, .legaldoc p strong { color: var(--text); font-weight: 600; }
.legaldoc address { font-style: normal; color: var(--text-dim); }

/* Privacy-only block (terms.html has no .controller, this rule simply
   never matches there). */
.controller { background: var(--surface); border: 1px solid var(--border); border-left: 2px solid var(--cyan); border-radius: 0 10px 10px 0; padding: 22px 24px; margin: 0 0 8px; max-width: 68ch; }
.controller p { margin: 0 0 6px; font-size: 15px; }
.controller .k { font-family: 'JetBrains Mono', monospace; font-size: 11px; letter-spacing: .16em; text-transform: uppercase; color: var(--text-faint); }