/*
 * Critical nav CSS — linked first in <head> so the nav doesn't flash as an
 * unstyled vertical bullet list. Mirrors the layout rules in main.css; full
 * styling (colours, hover states, mobile menu open/close) lives there.
 * External rather than inline so the CSP can omit 'unsafe-inline'.
 */
.main-header { position: absolute; top: 0; left: 48px; right: 48px; z-index: 9; }
.nav-container { display: flex; align-items: center; justify-content: space-between; padding: 10px 0; }
.menu-list { margin: 0; padding: 0; display: flex; list-style: none; align-items: center; }
.menu-link { display: inline-block; }
.mobile-menu-toggle { display: none; }
@media (max-width: 991px) {
  .main-header { left: 0; right: 0; }
  .mobile-menu-toggle { display: inline-flex; }
  .main-menu { display: none; }
}

/* Navbar background, set per page by Base.astro. Two classes + !important so
   it beats cpage.css's `.main-nav { background-color: transparent !important }`
   the way the old inline style attribute did. */
.main-nav.main-nav--solid { background-color: #002f52 !important; }
.main-nav.main-nav--transparent { background-color: initial !important; }

/* Footer privacy-policy link keeps body-text colour, including on hover. */
.footer-privacy-link,
.footer-privacy-link:hover { color: #212529; }