/* Shared chrome for pages that do not load wig.css.
   Fixed navs stay one opaque row. The body offset clears that bar. */

html{scroll-padding-top:72px}

.nav{
  background-color:#FDF8F4!important;
  background-image:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  z-index:80!important;
  border-bottom:1px solid rgba(28,17,22,.12);
}

body:has(> nav.nav){padding-top:56px}
body:has(> nav.nav) .hero{padding-top:24px}

@media(max-width:480px){
  .nav,
  .nav-inner{
    height:56px!important;
    overflow:hidden;
  }
  .nav-inner{
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:8px!important;
    padding:0 12px!important;
  }
  .nav-logo{
    flex:0 1 auto;
    min-width:0;
    max-width:34%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size:.8rem!important;
  }
  .nav-links{
    display:flex!important;
    flex:1 1 auto;
    flex-wrap:nowrap!important;
    align-items:center;
    justify-content:flex-end;
    gap:8px!important;
    min-width:0;
    overflow-x:auto;
    overscroll-behavior-x:contain;
    scrollbar-width:none;
    font-size:13px;
  }
  .nav-links a{
    white-space:nowrap;
    flex:0 0 auto;
    min-height:44px;
    display:inline-flex;
    align-items:center;
  }
  [style*="grid-template-columns:repeat(4,1fr)"]{grid-template-columns:1fr 1fr!important}
}