/* The privacy policy page. Loaded after the main stylesheet, so it only adds
   what a long legal page needs and never redefines the header or footer. */

.legal { padding:clamp(48px,7vw,88px) 0 clamp(56px,8vw,96px); }

.legal-head { max-width:760px; margin:0 auto clamp(36px,5vw,56px); }
.legal-head .eyebrow { margin:0 0 10px; color:var(--green); font:700 .82rem var(--sans); letter-spacing:.14em; text-transform:uppercase; }
.legal-head h1 { margin:0; font-size:clamp(2.5rem,5vw,3.6rem); letter-spacing:-.02em; }
.legal-head .dates { margin:14px 0 0; color:var(--muted); font-size:.95rem; }
.legal-head .intro { margin:22px 0 0; color:var(--ink); font-size:1.1rem; }

.legal-body { max-width:760px; margin:0 auto; }
.legal-body section { padding:0; margin:0 0 clamp(30px,4vw,42px); }
.legal-body h2 { margin:0 0 14px; padding-top:clamp(22px,3vw,30px); border-top:1px solid var(--line); font-size:clamp(1.35rem,2.4vw,1.7rem); }
.legal-body section:first-child h2 { padding-top:0; border-top:0; }
.legal-body p { margin:0 0 14px; color:var(--muted); }
.legal-body p:last-child { margin-bottom:0; }
.legal-body ul { margin:0 0 14px; padding-left:1.15rem; color:var(--muted); }
.legal-body li { margin:0 0 9px; }
.legal-body li:last-child { margin-bottom:0; }
.legal-body strong { color:var(--ink); }
.legal-body a { color:var(--blue); text-decoration:underline; text-underline-offset:.16em; }
.legal-body a:hover { color:var(--blue-deep); }

@media (max-width:640px) {
  .legal-head .intro { font-size:1.02rem; }
}