/* ==========================================================================
   legal.css — privacy policy and terms
   Long-form prose on top of the site's tokens.
   ========================================================================== */

.legal{padding-block:clamp(36px,6vw,72px) clamp(60px,8vw,100px)}
.legal__inner{max-width:760px}

.legal h1{font-size:clamp(32px,5vw,48px);letter-spacing:-.045em;line-height:1.05}
.legal h2{
  font-size:clamp(19px,2.4vw,23px);letter-spacing:-.025em;line-height:1.25;
  margin:44px 0 14px;padding-top:22px;border-top:1px solid var(--line);
}
.legal h3{font-size:16px;letter-spacing:-.015em;margin:26px 0 8px}

.legal p,.legal li{font-size:15.5px;line-height:1.7;color:var(--soft)}
.legal p{margin-bottom:14px}
.legal ul{margin:0 0 18px;padding-left:22px}
.legal li{margin-bottom:9px}
.legal strong{color:var(--ink);font-weight:700}
.legal a{color:var(--accent-deep);font-weight:600}

.legal__meta{font-size:13px;color:var(--muted);margin:12px 0 28px}
.legal__lede{font-size:17px !important;line-height:1.65;color:var(--body) !important}

.legal__contact{
  background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);
  padding:18px 20px;line-height:1.8;
}

/* The clause carriers actually look for. Hard to miss, deliberately. */
.legal__callout{
  background:var(--tint);border-left:4px solid var(--accent);
  border-radius:0 var(--r-sm) var(--r-sm) 0;padding:18px 20px;
  color:var(--ink) !important;
}

.legal__foot{
  margin-top:44px;padding-top:22px;border-top:1px solid var(--line);
  font-size:14px;
}

/* Placeholders you must replace before submitting to Twilio. */
.legal [class] ::selection,.legal ::selection{background:var(--accent-lite)}