/* Shared styling for legal pages (terms.html, privacy.html) */
.legal { padding: 150px 0 110px; }
.legal .container { max-width: 780px; }
.legal h1 { font-size: clamp(30px, 4vw, 42px); letter-spacing: -.02em; }
.legal .legal-meta { margin-top: 10px; color: var(--graphite); font-size: 14px; }
.legal .legal-intro { margin-top: 18px; color: var(--muted); font-size: 16.5px; }
.legal h2 {
  font-size: 19px; color: var(--ice); margin: 40px 0 10px;
  padding-top: 22px; border-top: 1px solid var(--line);
}
.legal h2 .num { color: var(--blue); font-family: var(--font-display); font-size: 13px; margin-right: 10px; }
.legal p, .legal li { color: var(--muted); font-size: 15px; line-height: 1.75; }
.legal p + p { margin-top: 12px; }
.legal ul { margin: 10px 0 0 20px; list-style: disc; display: grid; gap: 8px; }
.legal strong { color: var(--text); font-weight: 600; }
.legal a { color: var(--blue); text-decoration: none; }
.legal a:hover { text-decoration: underline; }
.legal .legal-note {
  margin-top: 16px; border-left: 3px solid var(--blue);
  background: rgba(0,168,255,.06); border-radius: 0 10px 10px 0;
  padding: 12px 16px; font-size: 14px; color: var(--silver);
}