/* Shared navigation: keep the guide discoverable on every page. */
.header .container .menu ul li { margin-left: 12px; }
.header .container .menu .nav-link { font-size: 18px; white-space: nowrap; padding-inline: 5px; }
.header .container .menu .er-guide-nav { color: #a1e7ed; border-bottom: 1px solid #76d6df80; }
.er-guide-nav span { margin-left: 5px; }
.header :is(a,button):focus-visible, footer a:focus-visible { outline: 3px solid #ffcc75; outline-offset: 4px; }
.header #open-menu-btn { min-width: 44px; min-height: 44px; align-items: center; justify-content: center; }
.responsive-menu .er-guide-nav { color: #a1e7ed; }
footer .footer-bottom ul { flex-wrap: wrap; gap: 12px 22px; }
.er-site-credit { border-top: 1px solid #ffffff21; margin-top: 32px; padding: 24px 0 6px; display: flex; justify-content: space-between; gap: 12px 28px; align-items: center; font: 11px/1.7 Barlow,sans-serif; letter-spacing: .7px; }
.er-site-credit > span { color: #a9b9cb; }
.er-site-credit a { color: #cbd7e5; text-decoration: none; min-height: 44px; display: inline-flex; align-items: center; }
.er-site-credit a:hover { color: #a1e7ed; }
.er-site-credit a span { margin-left: 10px; color: #a1e7ed; }
@media (min-width: 1200px) and (max-width: 1399px) {
  .header .container .logo a img { height: 46px; }
  .header .container .menu .nav-link { font-size: 17px; }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .header .mobile-hide { display: none !important; }
  .header #open-menu-btn { display: flex !important; }
}
@media (max-width: 767px) {
  .header #open-menu-btn { display: flex; }
  .er-site-credit { flex-direction: column; text-align: center; gap: 8px; padding-bottom: 70px; }
}
@media (prefers-reduced-motion: reduce) {
  .ecw-toggle { animation: none !important; }
}