/* ============================================================
   LEGAL PAGES — privacy.html
   ------------------------------------------------------------
   A measured prose column. Nothing here is used elsewhere.
   ============================================================ */

.legal{max-width:74ch}
.legal h2{
  margin:clamp(2.2rem,5vh,3.2rem) 0 .9rem;
  font-family:var(--disp);
  font-variation-settings:"wdth" 98,"wght" 700;
  font-size:clamp(1.15rem,2vw,1.6rem);
  line-height:1.1;letter-spacing:-.022em;
  text-transform:uppercase;color:#fff;
}
.legal h2:first-of-type{margin-top:clamp(1.4rem,3vh,2rem)}
.legal p{
  margin:0 0 1rem;color:rgba(255,255,255,.78);
  font-size:1.02rem;line-height:1.68;text-wrap:pretty;
}
.legal ul{margin:0 0 1rem;padding-left:1.15rem}
.legal li{
  color:rgba(255,255,255,.78);
  font-size:1.02rem;line-height:1.62;margin:.35rem 0;
}
.legal strong{color:#fff;font-weight:600}
.legal a{color:#fff;text-decoration:underline;text-underline-offset:3px}
.legal a:hover{background:var(--accent);-webkit-background-clip:text;background-clip:text;color:transparent}

.legal-meta{
  margin-top:clamp(2.4rem,5vh,3.4rem);padding-top:1.2rem;
  border-top:1px solid var(--line);
  font-family:var(--mono);font-size:.68rem;letter-spacing:.12em;
  text-transform:uppercase;color:var(--dim-2);
}

/* the notice sitting next to the submit button */
.form-privacy{
  margin-top:.8rem;
  font-size:.82rem;line-height:1.55;color:var(--dim);
}
.form-privacy a{color:rgba(255,255,255,.85);text-decoration:underline;text-underline-offset:2px}
.form-privacy a:hover{color:#fff}