/* ManualeReef v327 — approved light public navigation inspired by editorial mockup.
   Scopes all overrides to .mr-nav-v327; no offline/editor controls in production. */
html body .mr3-header.unified-site-header.mr-nav-v327{
  position:relative!important;
  isolation:isolate;
  transition:none!important;animation:none!important;
  z-index:9000!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  flex-wrap:nowrap!important;
  box-sizing:border-box!important;
  min-height:108px!important;
  width:100%!important;
  padding:10px clamp(18px,5.1vw,110px)!important;
  margin:0!important;
  gap:clamp(14px,2.2vw,44px)!important;
  color:#102f48!important;
  background:#fff!important;
  border:0!important;
  border-top:4px solid #14bfd1!important;
  border-bottom:1px solid #d9e8ec!important;
  box-shadow:0 3px 15px rgba(9,39,60,.045)!important;
}
html body .mr-nav-v327>.mr3-brand{
  margin:0!important;display:flex!important;align-items:center!important;
  flex:0 1 auto!important;min-width:0!important;
}
html body .mr-nav-v327>.mr3-brand img{
  width:clamp(240px,27vw,414px)!important;
  height:auto!important;
  max-height:87px!important;
  max-width:100%!important;
  object-fit:contain!important;
  object-position:left center!important;
  display:block!important;
}
html body .mr-nav-v327>.mr3-nav{
  display:flex!important;align-items:center!important;
  justify-content:center!important;
  flex:0 1 auto!important;
  margin:0 auto!important;
  padding:0!important;
  gap:clamp(13px,1.9vw,32px)!important;
  width:auto!important;min-width:0!important;
  overflow:visible!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  background:transparent!important;
  white-space:nowrap!important;
}
html body .mr-nav-v327>.mr3-nav>a,
html body .mr-nav-v327>.mr3-nav>.mr-nav-app-menu>a {
  color:#122e47!important;font-family:inherit!important;
  font-weight:700!important;font-size:clamp(13px,1.04vw,16px)!important;
  line-height:1.5!important;
  padding:9px 0!important;margin:0!important;
  background:transparent!important;border:0!important;
  text-decoration:none!important;
  box-shadow:none!important;
  transition:color .14s ease!important;
}
html body .mr-nav-v327>.mr3-nav a:hover,
html body .mr-nav-v327>.mr3-nav a:focus-visible,
html body .mr-nav-v327>.mr3-nav a.active,
html body .mr-nav-v327>.mr3-nav a[aria-current=page]{
  color:#008fb0!important;
}
html body .mr-nav-v327 .mr-nav-app-menu{
  position:relative!important;display:flex!important;
  align-items:center!important;gap:4px!important;
  width:auto!important;
}
html body .mr-nav-v327 .mr-nav-submenu-toggle{
  color:#007f9c!important;background:transparent!important;
  border:0!important;font-size:18px!important;
  cursor:pointer!important;min-width:22px!important;
  padding:5px 0!important;
}
html body .mr-nav-v327 .mr-nav-app-submenu{
  display:none!important;position:absolute!important;
  left:50%!important;top:100%!important;
  transform:translateX(-50%)!important;
  width:210px!important;min-width:210px!important;
  padding:8px!important;
  z-index:9500!important;
  border:1px solid #d1e6ee!important;border-radius:12px!important;
  box-shadow:0 12px 30px #0b34501e!important;
  background:#fff!important;
  color:#102f48!important;
}
html body .mr-nav-v327 .mr-nav-app-menu.submenu-open>.mr-nav-app-submenu{display:block!important}
html body .mr-nav-v327 .mr-nav-app-submenu a{
  color:#102f48!important;font-size:14px!important;
  font-weight:700!important;text-decoration:none!important;
  white-space:normal!important;display:block!important;padding:10px!important;
}
html body .mr-nav-v327 .mr-nav-app-submenu a:hover{color:#008fb0!important}
html body .mr-nav-v327>.mr3-login-outline{
  flex:0 0 auto!important;
  display:flex!important;align-items:center!important;gap:8px!important;
  text-decoration:none!important;color:#08728f!important;
  font-weight:700!important;font-size:13px!important;
  padding:10px 15px!important;
  min-height:42px!important;
  border-radius:999px!important;border:1px solid #b8dce7!important;
  background:#eff9fb!important;
  white-space:nowrap!important;
}
html body .mr-nav-v327>.mr3-login-outline img{
  width:20px!important;height:20px!important;
  object-fit:contain!important;
}
html body .mr-nav-v327>.mr-global-menu-toggle{
  display:none!important;
  flex:0 0 44px!important;width:44px!important;height:44px!important;
  padding:0!important;border:1px solid #b4dfe9!important;
  border-radius:12px!important;background:#eaf8fb!important;
  color:#082e49!important;align-items:center!important;justify-content:center!important;
  font-size:25px!important;cursor:pointer!important;
}
html body .mr-nav-v327 .mr-v327-mobile-extra{display:none!important}
html body .mr-nav-v327 :is(a,button):focus-visible{
  outline:3px solid #d3a53c!important;outline-offset:3px!important;
}
@media(max-width:1250px) and (min-width:1081px){
  html body .mr3-header.unified-site-header.mr-nav-v327{padding:8px 22px!important;gap:16px!important;min-height:94px!important}
  html body .mr-nav-v327>.mr3-brand img{width:clamp(220px,25vw,320px)!important}
  html body .mr-nav-v327>.mr3-nav{gap:clamp(12px,1.3vw,20px)!important}
  html body .mr-nav-v327>.mr3-login-outline{padding:8px 11px!important}
}
@media(max-width:1080px){
  html body .mr3-header.unified-site-header.mr-nav-v327{
    min-height:76px!important;padding:8px 16px!important;
    gap:9px!important;justify-content:space-between!important;
  }
  html body .mr-nav-v327>.mr3-brand{max-width:calc(100% - 60px)!important}
  html body .mr-nav-v327>.mr3-brand img{
    width:clamp(194px,43vw,310px)!important;
    max-height:65px!important;max-width:100%!important;
  }
  html body .mr-nav-v327>.mr3-login-outline{display:none!important}
  html body .mr-nav-v327>.mr-global-menu-toggle{
    display:flex!important;visibility:visible!important;opacity:1!important;
    position:relative!important;order:3!important;
    margin-left:auto!important;z-index:9501!important;
  }
  html body .mr-nav-v327>.mr3-nav{
    display:none!important;
    position:absolute!important;
    left:12px!important;right:12px!important;
    top:calc(100% + 6px)!important;
    margin:0!important;padding:12px!important;
    width:auto!important;max-height:calc(100dvh - 100px)!important;
    overflow-y:auto!important;
    z-index:9500!important;
    border:1px solid #c5e2e9!important;
    border-radius:15px!important;
    background:#fff!important;
    box-shadow:0 16px 35px #0e355032!important;
    flex-direction:column!important;align-items:stretch!important;
    gap:4px!important;white-space:normal!important;
  }
  html body .mr-nav-v327>.mr3-nav.mr-mobile-open{display:flex!important}
  html body .mr-nav-v327>.mr3-nav>a,
  html body .mr-nav-v327>.mr3-nav>.mr-nav-app-menu>a{
    display:block!important;width:100%!important;
    padding:12px 14px!important;
    font-size:16px!important;
    border-radius:9px!important;
  }
  html body .mr-nav-v327 .mr-nav-app-menu{
    display:grid!important;grid-template-columns:1fr 42px!important;
    align-items:center!important;width:100%!important;
  }
  html body .mr-nav-v327 .mr-nav-submenu-toggle{
    padding:10px!important;min-height:42px!important;
  }
  html body .mr-nav-v327 .mr-nav-app-submenu{
    position:static!important;grid-column:1 / -1!important;
    width:100%!important;min-width:0!important;
    transform:none!important;margin:0!important;
    box-shadow:none!important;background:#f4fafc!important;
  }
  html body .mr-nav-v327 .mr-v327-mobile-extra{
    display:flex!important;flex-direction:column!important;
    border-top:1px solid #d8e9ed!important;padding-top:8px!important;margin-top:7px!important;
  }
  html body .mr-nav-v327 .mr-v327-mobile-extra>a{
    display:block!important;font-size:15px!important;font-weight:700!important;
    padding:12px 14px!important;color:#24516b!important;
  }
}
@media(max-width:420px){
  html body .mr-nav-v327>.mr3-brand img{width:min(67vw,252px)!important}
}

/* v430 — consistent white header before/after login, Reader-only links and app CTA. */
html body .mr-nav-v327 .mr-nav-reader-menu{position:relative;display:flex;align-items:center;flex:0 0 auto}
html body .mr-nav-v327 .mr-nav-reader-toggle{border:0;background:transparent;color:#122e47;font:inherit;font-size:clamp(13px,1.04vw,16px);font-weight:700;cursor:pointer;white-space:nowrap;padding:9px 0}
html body .mr-nav-v327 .mr-nav-reader-toggle::after{content:"⌄";color:#087f9c;font-size:18px;margin-left:7px}
html body .mr-nav-v327 .mr-nav-reader-menu.submenu-open .mr-nav-reader-toggle::after{content:"⌃"}
html body .mr-nav-v327 .mr-nav-reader-submenu{display:none;position:absolute;top:calc(100% + 14px);left:50%;transform:translateX(-50%);min-width:210px;padding:8px;background:#fff;border:1px solid #d1e6ee;border-radius:12px;box-shadow:0 12px 30px #0b34501e;z-index:9500}
html body .mr-nav-v327 .mr-nav-reader-menu.submenu-open .mr-nav-reader-submenu{display:block}
html body .mr-nav-v327 .mr-nav-reader-submenu a{display:block!important;padding:10px 12px!important;font-size:14px!important;font-weight:700!important;white-space:nowrap;color:#122e47!important}
html body .mr-nav-v327 .mr-nav-reader-submenu a:hover{color:#008fb0!important;background:#f0f9fc!important}
html body .mr-nav-v327>.mr-nav-open-app{border:1px solid #ca9428!important;border-radius:10px!important;background:#fff!important;color:#865e04!important;font-size:13px!important;font-weight:800!important;white-space:nowrap!important;padding:12px 15px!important;cursor:pointer!important}
html body .mr-nav-v327>.mr-nav-open-app:hover{background:#fff6df!important}
html body .mr-nav-v327 .mr-nav-mobile-app-install{display:none!important}
@media (min-width:1081px) and (max-width:1440px){
  html body .mr-nav-v327.mr-nav-reader-active{padding-left:18px!important;padding-right:18px!important;gap:12px!important}
  html body .mr-nav-v327.mr-nav-reader-active>.mr3-brand img{width:clamp(205px,21vw,300px)!important}
  html body .mr-nav-v327.mr-nav-reader-active>.mr3-nav{gap:clamp(9px,1.05vw,15px)!important}
  html body .mr-nav-v327.mr-nav-reader-active>.mr-nav-open-app{padding:10px!important;font-size:12px!important}
}
@media (max-width:1080px){
  html body .mr-nav-v327>.mr-nav-open-app{display:none!important}
  html body .mr-nav-v327 .mr-nav-reader-menu{display:grid!important;grid-template-columns:minmax(0,1fr);align-items:stretch;width:100%}
  html body .mr-nav-v327 .mr-nav-reader-toggle{display:block!important;width:100%;padding:12px 14px!important;font-size:16px!important;text-align:left}
  html body .mr-nav-v327 .mr-nav-reader-submenu{position:static;transform:none;width:100%;min-width:0;margin:0;box-shadow:none;background:#f4fafc}
  html body .mr-nav-v327 .mr-nav-reader-submenu a{padding:12px 16px!important;font-size:15px!important}
  html body .mr-nav-v327 .mr-v327-mobile-extra .mr-nav-mobile-app-install{display:block!important;width:100%;text-align:left;border:1px solid #dcb75a;border-radius:9px;background:#fff8e6;color:#664907;padding:12px 14px;font-weight:800;font-size:15px;cursor:pointer}
}

/* v430.1 — direct PWA links work even on pages without the installation bridge. */
html body .mr-nav-v327>.mr-nav-open-app,html body .mr-nav-v327 .mr-nav-mobile-app-install{text-decoration:none!important}

/* v431 — keep Atlas category icons invisible until its menu is explicitly opened.
   [hidden] is effective immediately, even before this stylesheet is downloaded. */
html body .mr-nav-v327 .mr-nav-atlas-submenu[hidden]{display:none!important}

/* v433 — desktop anti-FOUC for shared header.
   Legacy static markup stays available if JS is blocked: reveal it after 4s.
   Once the shared header script initializes, the approved white navigation wins. */
@keyframes mr-v327-nav-fallback{to{visibility:visible}}
@media (min-width:1081px){
  html body header.unified-site-header:not([data-mr-header-v327="1"]),
  html body header.atlas-top:not([data-mr-header-v327="1"]){
    display:flex!important;align-items:center!important;justify-content:space-between!important;
    min-height:108px!important;box-sizing:border-box!important;
    padding:10px clamp(18px,5.1vw,110px)!important;gap:clamp(14px,2.2vw,44px)!important;
    background:#fff!important;background-color:#fff!important;color:#102f48!important;
    border-top:4px solid #14bfd1!important;border-bottom:1px solid #d9e8ec!important;
    transition:none!important;animation:none!important;
  }
  html body header.unified-site-header:not([data-mr-header-v327="1"])>.mr3-brand img,
  html body header.atlas-top:not([data-mr-header-v327="1"])>.mr3-brand img{
    width:clamp(240px,27vw,414px)!important;height:auto!important;
    max-width:100%!important;max-height:87px!important;object-fit:contain!important;
  }
  html body header.unified-site-header:not([data-mr-header-v327="1"])>nav,
  html body header.atlas-top:not([data-mr-header-v327="1"])>nav{
    visibility:hidden;
    animation:mr-v327-nav-fallback 0s linear 4s forwards;
  }
  html body header.unified-site-header:not([data-mr-header-v327="1"])>nav a,
  html body header.atlas-top:not([data-mr-header-v327="1"])>nav a{
    color:#102f48!important;
  }
  html body header.unified-site-header:not([data-mr-header-v327="1"])>.mr3-login-outline,
  html body header.atlas-top:not([data-mr-header-v327="1"])>.mr3-login-outline{
    color:#08728f!important;
  }
}