/* v3j: legal pages (Privacy, SMS Terms) and the texting disclosure. Uses the variables from styles.css. */
.sms-note { max-width: 34rem; margin: .4rem auto 0; font-size: .85rem; line-height: 1.5; color: var(--muted); text-align: center; }
.sms-note a { color: var(--gold); text-underline-offset: 3px; }
.legal { padding: 2.5rem 0 6rem; }
.legal .wrap { width: min(820px, 100% - 3rem); }
.legal h1 { font-size: clamp(2.4rem, 6vw, 4rem); line-height: 1; letter-spacing: -.04em; margin: 1rem 0 .8rem; padding-bottom: .06em; }
.legal .updated { font-family: var(--mono); font-size: .8rem; letter-spacing: .08em; color: var(--muted); margin: 0 0 2rem; }
.legal .intro { font-size: 1.1rem; color: var(--text); }
.legal h2 { font-size: 1.45rem; font-weight: 800; letter-spacing: -.01em; line-height: 1.2; margin: 2.6rem 0 .8rem; padding-top: 1.6rem; border-top: 1px solid var(--line-soft); color: var(--gold-hi); }
.legal h3 { font-size: 1.08rem; font-weight: 700; margin: 1.5rem 0 .4rem; color: var(--text); }
.legal p, .legal li { color: #ddd3bd; }
.legal ul { padding-left: 1.2rem; margin: .6rem 0 1rem; }
.legal li { margin: .35rem 0; }
.legal a { color: var(--gold); text-underline-offset: 3px; overflow-wrap: anywhere; }
.legal strong { color: var(--text); }
.legal .callout { margin: 1.4rem 0; padding: 1.1rem 1.3rem; border: 1px solid var(--line); border-radius: 14px; background: rgba(227,181,79,.06); color: var(--text); }
.legal .kw { font-family: var(--mono); font-weight: 600; color: var(--gold-hi); letter-spacing: .04em; }
.legal address { font-style: normal; line-height: 1.7; }
@media (max-width: 600px) {
  .legal { padding: 1.5rem 0 5rem; }
  .legal .wrap { width: calc(100% - 2.5rem); }
  .legal h1 { font-size: 2.4rem; }
  .legal h2 { font-size: 1.25rem; }
}