/* ═══════════════════════════════════════════════
   EMG shared overrides — typography & contrast
   Loaded after each page's inline styles; later
   declarations win, so these apply site-wide.
   ═══════════════════════════════════════════════ */

/* Readable muted text — WCAG AA contrast in both modes */
:root{
  --text-muted:#8E8E8E;   /* was #666666 (3.4:1) -> now ~5.9:1 on #0A0A0A */
}
html.light{
  --text-muted:#5C5C5C;   /* was #999999 (2.6:1) -> now ~6.1:1 on #F5F3F0 */
  --text-mid:#595959;     /* was #666666 -> slightly stronger in light mode */
}

/* Footer fine print up from 11px */
footer .footer-copy{font-size:12.5px;letter-spacing:.04em}

/* Long-form legal pages: full-strength body text, comfortable size */
.legal-wrap p,.legal-wrap li{color:var(--text-sub);font-size:1.02rem;line-height:1.8}
.legal-updated{color:var(--text-muted)}

/* ── Footer normalization — one recipe for all pages ──
   review/privacy/terms carried a divergent footer-columns
   spec, causing visible layout shift between pages. */
footer .footer-columns{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:clamp(24px,4vw,60px);padding-bottom:40px;border-bottom:1px solid var(--border);margin-bottom:28px}
footer .footer-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;padding:0;margin:0}
@media(max-width:900px){footer .footer-columns{grid-template-columns:1fr 1fr}}
@media(max-width:560px){footer .footer-columns{grid-template-columns:1fr}}

/* ── Nav: readable, bold, full-strength (was 10px / 500 / muted grey) ── */

/* Nav spacing — keep links off the logo at all widths */
nav .nav-logo{margin-right:32px;flex-shrink:0}
nav .nl{margin-right:28px;flex-shrink:0}
@media(max-width:1120px){nav .nav-links{gap:13px}nav .nav-links a,nav .na a{font-size:11px}}