/* Legal-page markup retained; scoped corrections to the current styleguide. */
/* Ice background from assets/clapilot-styleguide.html, without the legacy grid. */
body[data-page="terms"] .subpage-hero {
  background:
    radial-gradient(circle at 12% 12%, rgba(147, 197, 253, 0.14), transparent 30%),
    linear-gradient(135deg, rgba(244, 249, 255, 0.98) 0%, rgba(255, 255, 255, 0.99) 54%, rgba(239, 246, 255, 0.94) 100%);
}
body[data-page="terms"] .subpage-hero::before { content: none; }
/* Keep fragment targets below the fixed navigation, including alias redirects. */
body[data-page="terms"] .content-card[id] { scroll-margin-top: 96px; }
body[data-page="terms"] .subpage-hero h1 {
  font-family: "Avenir Next", "Avenir", "SF Pro Display", "Segoe UI", -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 400;
  letter-spacing: 0.012em;
  line-height: 1.12;
  overflow-wrap: anywhere;
}
body[data-page="terms"] :is(.content-card, .sidebar-card, .language-note, .meta-chip) {
  border: 1px solid var(--line);
  border-radius: 14px;
  box-shadow: none;
  background: #fff;
}
body[data-page="terms"] .language-note { background: var(--field); padding: 16px; margin-top: 16px; }
body[data-page="terms"] :is(.content-card, .sidebar-card) { padding: 24px; }
body[data-page="terms"] :is(.content-card h2, .sidebar-card strong) {
  font-size: 18px;
  font-weight: 650;
  line-height: 1.5;
  color: var(--text);
}
body[data-page="terms"] .content-card h2 { margin-bottom: 16px; }
body[data-page="terms"] :is(.content-card p, .sidebar-card p, .language-note, .subpage-intro) {
  font-size: 14px;
  line-height: 1.5;
  color: var(--text);
}
body[data-page="terms"] .content-card p + p { margin-top: 16px; }
body[data-page="terms"] .subpage-intro { margin-top: 20px; }
body[data-page="terms"] .subpage-meta { gap: 12px; margin-top: 24px; }
body[data-page="terms"] .meta-chip { padding: 8px 16px; font-size: 13px; line-height: 1.45; color: var(--muted); }
body[data-page="terms"] .subpage-eyebrow {
  font-size: 11px;
  font-weight: 650;
  letter-spacing: 0.06em;
  padding: 8px 16px;
  margin-bottom: 20px;
  color: var(--primary-strong);
  background: var(--primary-soft);
  border: 1px solid var(--line);
  border-radius: 14px;
}
@media (max-width: 620px) {
  body[data-page="terms"] .subpage-hero h1 { font-size: clamp(24px, 7vw, 32px); }
}