/* YakData unified site header, 2026-08-31.
   Same geometry, typography, navigation hierarchy and CTA treatment on every page.
   Only the foreground/background palette is inverted by theme. */
.topbar{
  position:sticky!important;
  top:0!important;
  z-index:80!important;
  border-bottom:1px solid transparent!important;
  backdrop-filter:none!important;
}
.topbar.topbar-dark{
  background:var(--navy,#0B1D2D)!important;
  border-bottom-color:rgba(255,255,255,.08)!important;
}
.topbar.topbar-light{
  background:rgba(250,248,243,.97)!important;
  border-bottom-color:var(--line2,#C7CACE)!important;
  backdrop-filter:blur(10px)!important;
}
.topbar .topbar-inner{
  width:min(var(--max,1180px),calc(100% - 48px))!important;
  max-width:var(--max,1180px)!important;
  margin:0 auto!important;
  padding:0!important;
  min-height:74px!important;
  height:74px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  flex-wrap:nowrap!important;
  gap:28px!important;
}
.topbar .brand{
  display:flex!important;
  align-items:center!important;
  flex:0 0 auto!important;
  margin:0!important;
  padding:0!important;
  text-decoration:none!important;
}
.topbar .brand img{
  width:150px!important;
  height:auto!important;
  max-height:52px!important;
  display:block!important;
  opacity:1!important;
}
.topbar .nav{
  width:auto!important;
  order:initial!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  flex-wrap:nowrap!important;
  gap:30px!important;
  overflow:visible!important;
  padding:0!important;
  margin:0!important;
}
.topbar .nav>a,
.topbar .nav>a:not(.btn){
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:44px!important;
  padding:8px 0!important;
  border:0!important;
  border-radius:0!important;
  white-space:nowrap!important;
  font-family:var(--sans,"Libre Franklin","Helvetica Neue",Arial,sans-serif)!important;
  font-size:14px!important;
  line-height:1.2!important;
  font-weight:600!important;
  letter-spacing:0!important;
  text-transform:none!important;
  text-decoration:none!important;
  box-shadow:none!important;
}
.topbar.topbar-dark .nav>a:not(.nav-cta){color:#DCE2E8!important;}
.topbar.topbar-dark .nav>a:not(.nav-cta):hover,
.topbar.topbar-dark .nav>a:not(.nav-cta)[aria-current="page"]{color:#fff!important;}
.topbar.topbar-light .nav>a:not(.nav-cta){color:var(--slate,#54626F)!important;}
.topbar.topbar-light .nav>a:not(.nav-cta):hover,
.topbar.topbar-light .nav>a:not(.nav-cta)[aria-current="page"]{color:var(--navy,#0B1D2D)!important;}
.topbar .nav .nav-cta,
.topbar .nav>a.nav-cta{
  min-height:48px!important;
  padding:12px 20px!important;
  border:1px solid var(--gold,#C49A2C)!important;
  border-radius:7px!important;
  background:var(--gold,#C49A2C)!important;
  color:var(--navy,#0B1D2D)!important;
  font-size:14px!important;
  font-weight:700!important;
  box-shadow:none!important;
  transform:none!important;
}
.topbar .nav .nav-cta:hover,
.topbar .nav>a.nav-cta:hover{
  background:#D5AD42!important;
  border-color:#D5AD42!important;
  color:var(--navy,#0B1D2D)!important;
  transform:translateY(-1px)!important;
}
/* Keep the subtle active/hover indicator identical for the two text links. */
body[data-page] .topbar .nav a:not(.nav-cta)::after{
  left:0!important;
  right:0!important;
  bottom:2px!important;
}
@media(max-width:860px){
  .topbar .topbar-inner{
    width:min(100% - 32px,var(--max,1180px))!important;
    min-height:68px!important;
    height:68px!important;
    gap:16px!important;
  }
  .topbar .brand img{width:138px!important;}
  .topbar .nav{gap:18px!important;}
  .topbar .nav>a,.topbar .nav>a:not(.btn){font-size:13px!important;}
  .topbar .nav .nav-cta,.topbar .nav>a.nav-cta{min-height:44px!important;padding:10px 14px!important;font-size:13px!important;}
}
@media(max-width:640px){
  .topbar .topbar-inner{gap:12px!important;}
  .topbar .brand img{width:132px!important;}
  .topbar .nav>a:not(.nav-cta){display:none!important;}
  .topbar .nav .nav-cta,.topbar .nav>a.nav-cta{padding:9px 11px!important;font-size:11.5px!important;}
}