body.mercury-modernized { background: var(--paper) !important; color: var(--text) !important; font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important; }
.legacy-nav-hidden, body.mercury-modernized > footer:not(.site-footer), body.mercury-modernized .mini-footer { display: none !important; }
body.mercury-modernized .hero { background: var(--ink) !important; color: var(--white) !important; }
body.mercury-modernized .hero::before { pointer-events: none; }
body.mercury-modernized .hero > *, body.mercury-modernized .hero-inner, body.mercury-modernized .dh-inner { position: relative; z-index: 1; }
body.mercury-modernized .hero-inner, body.mercury-modernized .dh-inner, body.mercury-modernized .article, body.mercury-modernized .main, body.mercury-modernized .dict-layout {
  width: min(1120px, calc(100% - 32px)) !important;
  max-width: 1120px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
body.mercury-modernized .article, body.mercury-modernized .main, body.mercury-modernized .dict-layout { padding-top: 60px !important; padding-bottom: 80px !important; }
body.mercury-modernized h1, body.mercury-modernized .h-title, body.mercury-modernized .dh-title { letter-spacing: -.045em !important; }
body.mercury-modernized .btn, body.mercury-modernized button:not(.menu-button), body.mercury-modernized .rb-btn, body.mercury-modernized .calc-btn {
  border-radius: 10px !important;
}
body.mercury-modernized .card, body.mercury-modernized .tool-card, body.mercury-modernized .cat-card, body.mercury-modernized .qa-item, body.mercury-modernized .term-box, body.mercury-modernized .info-box {
  border-radius: 18px !important;
}
body.mercury-modernized a:focus-visible, body.mercury-modernized button:focus-visible, body.mercury-modernized input:focus-visible { outline: 3px solid var(--gold) !important; outline-offset: 3px; }
body.mercury-modernized .site-header { display: block !important; }
body.mercury-modernized .site-header .nav-wrap { width: min(var(--max), calc(100% - 32px)) !important; max-width: none !important; margin: 0 auto !important; padding: 0 !important; }
body.mercury-modernized .site-header .brand { position: static !important; display: inline-flex !important; margin: 0 !important; padding: 0 !important; transform: none !important; }
body.mercury-modernized .site-header .brand-mark { position: static !important; display: grid !important; width: 42px !important; height: 42px !important; margin: 0 !important; transform: none !important; }
body.mercury-modernized .site-header .nav-links { margin: 0 !important; }
body.mercury-modernized .site-footer { display: block !important; margin-top: 0; }
@media (max-width: 720px) {
  body.mercury-modernized .hero-inner, body.mercury-modernized .dh-inner, body.mercury-modernized .article, body.mercury-modernized .main, body.mercury-modernized .dict-layout { width: min(100% - 24px, 1120px) !important; }
  body.mercury-modernized .site-header .nav-links { position: absolute !important; margin: 0 !important; }
}

/* Neutralize legacy pages that style every <nav> with a fixed height. */
body.mercury-modernized .site-header {
  isolation: isolate;
}
body.mercury-modernized .site-header .nav-links {
  height: auto !important;
  min-height: 0 !important;
  max-height: calc(100dvh - 88px);
  padding: 12px !important;
  background: #fff !important;
  overflow-y: auto;
  overscroll-behavior: contain;
  z-index: 1000 !important;
}

/* Keep legacy dark heroes separate from the light homepage photo treatment. */
body.mercury-modernized .hero h1,
body.mercury-modernized .hero .h-title,
body.mercury-modernized .hero .dh-title { color:#fff; max-width:1000px; margin-left:auto; margin-right:auto; font-size:clamp(32px,4vw,56px); line-height:1.12; }
body.mercury-modernized .hero .lead,
body.mercury-modernized .hero .h-sub { color:#d5dce0; }
body.mercury-modernized .site-header .nav-links { color:#222; box-shadow:none; }
body.mercury-modernized .site-header .nav-links a { color:#222; }
body.mercury-modernized .site-header .nav-links a:hover,
body.mercury-modernized .site-header .nav-links a:focus-visible { color:#8f101a; background:#f4eeee; }
body.mercury-modernized .site-header .nav-links .nav-cta { background:#ac0c1a; color:#fff; }
body.mercury-modernized .site-header .nav-wrap { padding:14px 0 !important; }
body.mercury-modernized .cta-text p { color:#d5dce0; }
@media (max-width:1120px) {
  body.mercury-modernized .site-header .nav-links { top:100%; border-radius:2px; }
}