/* Shared header sits above page art on every layout */
.topbar{z-index:80}
.site-index{z-index:75;border-radius:18px}
@media (max-width:900px){
  .site-index{
    left:20px;
    right:20px;
    width:auto;
    max-height:calc(100vh - 96px);
    overflow:auto;
  }
}
@media (max-width:800px){
  .oxf-top{
    grid-template-columns:1fr 1fr;
    gap:28px 20px;
  }
  .oxf-brand,
  .oxf-contact{
    grid-column:1 / -1;
  }
  .oxf-col{
    min-width:0;
  }
  .oxf-col[data-footer-group="resources"]{
    display:none;
  }
  .oxf-bottom{
    flex-direction:column;
    align-items:center;
    text-align:center;
  }
  .oxf-bottom a{
    order:-1;
  }
  .oxf-tagline{
    display:none;
  }
  .oxf-stats{
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:0;
    margin-top:16px;
  }
  .oxf-stats li{
    flex-direction:column;
    align-items:flex-start;
    justify-content:flex-start;
    gap:4px;
    padding:0 0 0 12px;
    border-top:0;
    min-width:0;
  }
  .oxf-stats li:first-child{
    padding-left:0;
  }
  .oxf-stats li + li{
    border-left:1px solid rgba(255,255,255,.1);
  }
  .oxf-stats b{
    font-size:clamp(20px, 5.4vw, 24px);
    line-height:1;
  }
  .oxf-stats span{
    font-size:11px;
    line-height:1.2;
  }
}
.topbar.is-compact{
  background:rgba(247,249,246,.96);
  backdrop-filter:blur(18px);
}

/* Services dropdown — extends approved topbar without redesigning it */
.nav-item{
  position:relative;
  display:inline-flex;
  align-items:center;
}
.nav-item > a{
  display:inline-flex;
  align-items:center;
}
.nav-dropdown{
  position:absolute;
  top:calc(100% + 14px);
  left:50%;
  transform:translateX(-50%) translateY(6px);
  min-width:min(720px, 80vw);
  display:none;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:18px;
  padding:18px 20px;
  border-radius:18px;
  background:rgba(255,255,255,.96);
  border:1px solid rgba(8,11,13,.08);
  box-shadow:0 24px 60px rgba(8,11,13,.12);
  z-index:40;
}
.nav-item:hover > .nav-dropdown,
.nav-item:focus-within > .nav-dropdown{
  display:grid;
  transform:translateX(-50%) translateY(0);
}
.nav-dropdown-heading{
  display:block;
  font-weight:700;
  font-size:13px;
  letter-spacing:.02em;
  margin-bottom:8px;
  color:#080B0D;
}
.nav-dropdown ul{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:6px;
}
.nav-dropdown a,
.nav-dropdown-sub > span{
  font-size:13px;
  color:#5E676D;
}
.nav-dropdown a:hover{
  color:#080B0D;
}
.nav-dropdown-sub > span{
  display:block;
  font-weight:600;
  color:#080B0D;
  margin:8px 0 4px;
}
.nav-dropdown-sub ul{
  padding-left:10px;
  border-left:2px solid rgba(57,231,95,.35);
}
@media (max-width: 960px){
  .nav-dropdown{display:none !important}
}