/* ═══════════════════════════════════════════════════════════════════════════
   card-prices-legal.css — Shared legal page styles for Card Prices
   Used by: terms.html, privacy.html
   ═══════════════════════════════════════════════════════════════════════════ */

.policy-hero {
  text-align: center;
  margin-bottom: clamp(20px, 4vw, 32px);
}

.policy-hero-label {
  font-family: 'Cinzel', serif;
  font-size: clamp(0.58rem, 1.5vw, 0.65rem);
  font-weight: 700;
  letter-spacing: 0.3em;
  text-transform: uppercase;
  color: #e05a00;
  margin-bottom: clamp(6px, 1.5vw, 8px);
}

.policy-hero-title {
  font-family: 'Cinzel', serif;
  font-size: clamp(1.4rem, 3vw, 2rem);
  font-weight: 700;
  color: #1e293b;
  margin-bottom: clamp(6px, 1.5vw, 8px);
}

.policy-hero-sub {
  font-family: 'Exo 2', sans-serif;
  font-size: clamp(0.75rem, 1.8vw, 0.82rem);
  color: #64748b;
}

.effective-date {
  font-family: 'IBM Plex Mono', monospace;
  font-size: clamp(0.64rem, 1.5vw, 0.7rem);
  color: #e05a00;
  margin-bottom: clamp(16px, 3vw, 24px);
}

.policy-section {
  margin-bottom: clamp(16px, 3vw, 24px);
}

.policy-section-title {
  font-family: 'Cinzel', serif;
  font-size: clamp(0.75rem, 1.8vw, 0.82rem);
  font-weight: 700;
  letter-spacing: 0.08em;
  color: #1e293b;
  margin-bottom: clamp(6px, 1.5vw, 8px);
  padding-bottom: 4px;
  border-bottom: 1px solid rgba(224, 90, 0, 0.2);
}

.policy-section p,
.policy-section li {
  font-family: 'Exo 2', sans-serif;
  font-size: clamp(0.75rem, 1.8vw, 0.82rem);
  color: #334155;
  line-height: 1.7;
  margin-bottom: clamp(6px, 1.5vw, 8px);
}

.policy-section ul {
  padding-left: clamp(14px, 3vw, 20px);
  margin-bottom: clamp(6px, 1.5vw, 8px);
}

.policy-section li {
  margin-bottom: 4px;
}

.policy-section strong { color: #1e293b; }
.policy-section a { color: #9333ea; text-decoration: none; }
.policy-section a:hover { text-decoration: underline; }