/* legal.css — prose pages only (privacy, terms, thanks). Loaded AFTER site.css, which owns the
   tokens, reset, nav, buttons and footer. If a value is shared, it belongs in site.css, not here. */

/* No sea gradient on these pages: they sit flat on the same near-black as the nav and footer, so
   the chrome reads as one continuous surface instead of a bar floating on a second tone. */
body{line-height:1.7;font-family:var(--sans);
  -webkit-font-smoothing:antialiased}
.wrap{max-width:760px}          /* narrower measure than the homepage's 1080px */
.prose a{text-decoration:underline;text-underline-offset:2px;text-decoration-color:var(--line)}
.prose a:hover{text-decoration-color:var(--ink)}

/* Longhands, not the shorthand: .prose always sits on .wrap, and `padding:64px 0 48px` would
   zero .wrap's horizontal padding, running body text into both screen edges on mobile. */
.prose{padding-top:130px;padding-bottom:56px}   /* clears the fixed nav */
.prose h1{font-family:var(--serif);font-weight:600;font-size:var(--fs-title);letter-spacing:var(--ls-display);margin-bottom:10px;line-height:1.1}
.prose .updated{font-family:var(--sans);color:var(--faint);font-size:var(--fs-sm);margin-bottom:40px}
.prose h2{font-family:var(--serif);font-weight:600;font-size:var(--fs-h3);margin:var(--sp-10) 0 10px;letter-spacing:var(--ls-tight)}
.prose p,.prose li{color:var(--muted);font-size:var(--fs-base);margin-bottom:12px;line-height:1.7}
.prose ul{padding-left:22px;margin-bottom:12px}
.prose strong{color:var(--ink);font-weight:600}