/* Polished legal / contact typography on top of the main site design.
   Body copy lives in <article class="legal-copy"> so it can be swapped later. */
.legal-page .page-hero{padding:140px 0 48px}
.legal-page .legal-kicker{margin-bottom:0}
.legal-page .legal-updated{margin:8px 0 0;color:var(--muted);font-size:14px}
.legal-copy{max-width:760px;margin:0 auto;padding:0 0 80px}
.legal-copy .legal-intro,
.legal-copy > p.legal-intro{color:var(--ink-2);font-size:18px;line-height:1.7;margin:0 0 2rem}
.legal-copy h2{font-size:clamp(24px,3vw,32px);margin:40px 0 14px;letter-spacing:-.03em}
.legal-copy h3{font-size:20px;margin:28px 0 10px}
.legal-copy p,
.legal-copy li{color:var(--ink-2);font-size:16.5px;line-height:1.7;margin-bottom:1em}
.legal-copy ul,
.legal-copy ol{padding-left:1.3em;margin-bottom:1.2em}
.legal-copy li + li{margin-top:.35em}
.legal-copy a{color:var(--g-text);border-bottom:1px solid var(--mint-300)}
.legal-copy a:hover{color:var(--g-btn-2)}
.legal-copy strong{color:var(--ink);font-weight:600}
.sms-consent-example{
  display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:start;
  margin:16px 0 20px;padding:16px 18px;border:1px solid var(--line);border-radius:16px;background:var(--mint-50)
}
.sms-consent-example input{width:1.15rem;height:1.15rem;margin-top:.25rem;accent-color:var(--g)}
.sms-consent-proof{margin:16px 0 0}
.sms-consent-proof img{width:100%;height:auto;border:1px solid var(--line);border-radius:16px}
.sms-consent-proof figcaption{margin-top:10px;color:var(--muted);font-size:14px}
.contact-card{display:grid;gap:22px;margin-top:8px}
.contact-card p{margin:0;color:var(--ink-2);font-size:16.5px;line-height:1.7}
.contact-card strong{display:block;color:var(--ink);font-size:13px;letter-spacing:.06em;text-transform:uppercase;margin-bottom:6px}
/* Funnel pages that already have their own layout still need room for the fixed nav. */
.has-site-nav{padding-top:84px}