/* MMA Pathway — site styles (supplements Tailwind) */

:root {
  --ink: #0D0F12;
  --surface: #15181C;
  --crimson: #E63946;
  --light: #F5F6F7;
  --muted: #8a9099;
}

html { scroll-behavior: smooth; }
body { -webkit-font-smoothing: antialiased; text-wrap: pretty; }

.display { font-family: 'Anton', system-ui, sans-serif; letter-spacing: .005em; line-height: .92; text-transform: uppercase; }
.eyebrow { letter-spacing: .28em; text-transform: uppercase; font-weight: 700; }

a { color: var(--crimson); }
a:hover { color: #ff5b68; }
a.nav-link { color: #c7ccd2; }
a.nav-link:hover { color: #ffffff; }
a.footer-link { color: #8a9099; }
a.footer-link:hover { color: #ffffff; }

.glow-crimson {
  background: radial-gradient(70% 55% at 50% 0%, rgba(230, 57, 70, .18), transparent 62%);
}
.glow-crimson-right {
  background: radial-gradient(60% 60% at 88% 8%, rgba(230, 57, 70, .16), transparent 62%);
}

.hairline { border-color: rgba(255, 255, 255, .07); }
.hairline-dark { border-color: rgba(21, 24, 28, .09); }

/* FAQ accordion */
details.faq { border-bottom: 1px solid rgba(255, 255, 255, .08); }
details.faq summary { cursor: pointer; list-style: none; }
details.faq summary::-webkit-details-marker { display: none; }
details.faq summary .chev { transition: transform .2s ease; }
details.faq[open] summary .chev { transform: rotate(45deg); }

/* Legal / long-form pages */
.prose-legal { color: #4a5058; font-size: 15px; line-height: 1.75; }
.prose-legal h2 {
  font-family: 'Anton', system-ui, sans-serif;
  text-transform: uppercase;
  font-size: 22px;
  line-height: 1.15;
  color: #15181C;
  margin: 40px 0 12px;
  letter-spacing: .01em;
}
.prose-legal h3 { font-weight: 700; font-size: 15px; color: #15181C; margin: 24px 0 6px; }
.prose-legal p { margin: 0 0 14px; }
.prose-legal ul { margin: 0 0 16px; padding-left: 20px; }
.prose-legal li { margin-bottom: 7px; }
.prose-legal a { color: #c62f3b; text-decoration: underline; text-underline-offset: 2px; }
.prose-legal strong { color: #15181C; }

@media print {
  .no-print { display: none !important; }
  .prose-legal { color: #000; }
}