/* The one top bar for every public page (server/lib/site-nav.js holds its markup). Self-contained on purpose:
   each page has its own body font, line height and link colours, and anything the bar inherited from them
   made it a few pixels different per page, so it visibly jumped between the home page and the guides. */
.skip-link { position: fixed; top: 8px; left: 8px; z-index: 50; transform: translateY(-200%); padding: 12px 18px; background: #fff; color: #1d5b93; border: 2px solid #1d5b93; border-radius: 10px; font: 600 15px/1.2 'Manrope', system-ui, sans-serif; }
.skip-link:focus { transform: none; }
.site-nav { position: sticky; top: 0; z-index: 10; margin: 0; padding: 0; background: rgba(250, 248, 244, .92); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-bottom: 1px solid #e6e0d4; font: 400 15px/1.2 'Manrope', system-ui, sans-serif; color-scheme: light; }
.site-nav .site-nav-inner { box-sizing: border-box; display: flex; align-items: center; justify-content: space-between; max-width: 1040px; height: 64px; margin: 0 auto; padding: 0 20px; }
.site-nav .brand { display: flex; align-items: center; margin: 0; color: #072539; text-decoration: none; min-height: 44px; }
.site-nav .site-nav-links { display: flex; align-items: center; gap: 24px; margin: 0; }
.site-nav .site-nav-links a { display: inline-flex; align-items: center; min-height: 44px; color: #1d5b93; font-weight: 400; text-decoration: none; }
.site-nav .site-nav-links .site-nav-signin { color: #072539; font-weight: 700; }
@media (max-width: 820px) {
  .site-nav .site-nav-links { gap: 16px; }
  .site-nav .site-nav-links .site-nav-desktop { display: none; }
}
@media (max-width: 360px) { .site-nav .site-nav-links { gap: 12px; } }
@media print { .site-nav, .skip-link { display: none; } }