/* Legal pages (/privacy, /terms) — long-form prose. Loaded only by those two
   pages, never by the homepage (see build.js). Tokens from base.css only. */

.legal{ padding-top:calc(var(--section-y) * .7); }

/* Narrower than .container: prose wants ~70 characters a line, not the full
   grid width the marketing sections are built for. */
.legal-wrap{ max-width:760px; }

.legal-back{
  display:inline-block; margin-bottom:28px;
  color:var(--color-text-2); font-size:15px; text-decoration:none;
}
.legal-back:hover{ color:var(--color-text); }

.legal h1{ font-size:clamp(30px,4vw,44px); line-height:1.15; margin:0 0 10px; }
.legal-meta{ color:var(--color-text-3); font-size:15px; margin:0 0 32px; }

.legal h2{
  font-size:21px; line-height:1.3;
  margin:44px 0 14px; padding-top:20px;
  border-top:1px solid var(--color-border-soft);
}
.legal h2:first-of-type{ border-top:0; padding-top:0; }

.legal p,
.legal li{ color:var(--color-text-2); font-size:16.5px; line-height:1.75; }
.legal p{ margin:0 0 16px; }
.legal ul{ margin:0 0 20px; padding-left:22px; }
.legal li{ margin:0 0 10px; }
.legal strong{ color:var(--color-text); font-weight:600; }
.legal a{ color:var(--brand-blue); text-underline-offset:3px; }

/* The draft banner. Deliberately loud: this page is not yet reviewed by a
   lawyer, and nobody should mistake it for one that has been. */
.legal-notice{
  margin:0 0 36px; padding:18px 20px;
  border:1px solid #f5c451; border-left-width:4px;
  border-radius:var(--radius-md);
  background:#fff8e6; color:#6b4e00;
  font-size:15.5px; line-height:1.65;
}
.legal-notice strong{ color:#6b4e00; display:block; margin-bottom:4px; }
.legal-notice code{
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:.92em;
  background:rgba(107,78,0,.1); padding:1px 5px; border-radius:5px;
}

@media (max-width:640px){
  .legal h2{ font-size:19px; margin-top:36px; }
  .legal p, .legal li{ font-size:16px; }
}