@layer eclipse-layout {
  #eclipse-site-nav {
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;
    align-items:center!important;
    gap:12px 20px!important;
    padding:12px clamp(16px,4vw,64px)!important;
    min-height:70px!important;
    background:#000!important;
    border-bottom:1px solid #fff!important;
  }
  #eclipse-site-nav .brand {padding:0!important;justify-self:start}
  #eclipse-site-nav .brand img {display:block;width:clamp(120px,15vw,190px);height:auto}
  #eclipse-site-nav nav {display:flex!important;justify-content:center!important;align-items:center!important;gap:clamp(14px,2vw,30px)!important;margin:0!important}
  #eclipse-site-nav nav a {font-size:16px!important;font-weight:400!important;line-height:1.4!important;white-space:nowrap}
  #eclipse-site-nav nav a[aria-current="page"] {font-weight:700!important}
  #eclipse-site-nav .header-actions {justify-self:end}
  #eclipse-site-nav .header-actions a {width:38px!important;height:38px!important}
  #site-back-wrap, #announcement-back {display:none!important}
  .route-page:not(#page-home) .reviewed-hero > .direct-header-art {margin-bottom:0!important}
  .route-page:not(#page-home) .reviewed-hero > h1 {
    font-size:clamp(34px,5vw,66px)!important;
    font-weight:400!important;
    line-height:1.12!important;
    margin:clamp(16px,2vw,26px) 16px 12px!important;
  }
  .route-page:not(#page-home) .reviewed-hero > p {
    font-size:clamp(14px,1.4vw,17px)!important;
    font-weight:400!important;
    line-height:1.5!important;
    margin:0 16px!important;
  }
  .route-page:not(#page-home) .reviewed-hero > .guides-moon-phases {margin:14px auto 0!important}
  @media(max-width:760px) {
    #eclipse-site-nav {grid-template-columns:1fr auto!important}
    #eclipse-site-nav nav {grid-column:1/-1;grid-row:2;flex-wrap:wrap;width:100%!important;gap:8px 16px!important}
    #eclipse-site-nav nav a {font-size:14px!important}
  }
}

@layer eclipse-layout {
  #page-home .hero.reviewed-hero {
    padding-top:calc(min(21.5vw, 258px) + 14px)!important;
  }
}
