/* Shared, authoritative Norqia Digest masthead for all website routes.
   This supersedes older pilot CSS without changing page-specific content. */
.site-header.masthead{
 position:relative!important;
 background:#fff!important;
 color:#12365b!important;
 border-bottom:1px solid #dbe8ee!important;
 box-shadow:0 1px 8px rgba(15,52,84,.05)!important;
}
.site-header .site-header-inner{
 width:100%!important;
 max-width:none!important;
 min-height:80px;
 margin:0 auto!important;
 padding:0 clamp(18px,4vw,64px)!important;
 display:flex!important;
 align-items:center!important;
 justify-content:space-between!important;
 gap:clamp(16px,2.3vw,34px)!important;
 flex-wrap:wrap!important;
 position:relative!important;
}
.site-header .site-brand{
 display:block!important;
 flex:0 0 150px!important;
 width:150px!important;
 height:56px!important;
 min-width:150px!important;
 max-width:150px!important;
 overflow:hidden!important;
 text-decoration:none!important;
 background:#fff!important;
 color:#12365b!important;
 border:0!important;
 padding:0!important;
 margin:0!important;
 border-radius:0!important;
}
.site-header .site-logo,
.site-header .business-logo{
 display:block!important;
 width:150px!important;
 height:88px!important;
 max-width:none!important;
 margin-top:-16px!important;
 object-fit:contain!important;
}
.site-header .site-nav.main-nav{
 position:static!important;
 left:auto!important;
 top:auto!important;
 transform:none!important;
 display:flex!important;
 flex:0 1 auto!important;
 align-items:center!important;
 justify-content:flex-end!important;
 flex-wrap:wrap!important;
 width:auto!important;
 min-width:0!important;
 max-width:100%!important;
 overflow:visible!important;
 margin-left:auto!important;
 gap:0 clamp(16px,1.85vw,29px)!important;
}
.site-header .site-nav a{
 display:inline-flex!important;
 align-items:center!important;
 text-decoration:none!important;
 font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
 font-size:17px!important;
 font-weight:500!important;
 line-height:1.4!important;
 letter-spacing:normal!important;
 white-space:nowrap!important;
 padding:26px 0 23px!important;
 border:0!important;
 border-bottom:3px solid transparent!important;
 border-radius:0!important;
 color:#12365b!important;
 background:transparent!important;
}
.site-header .site-nav a:hover,
.site-header .site-nav a[aria-current="page"]{
 color:#12365b!important;
 border-bottom-color:#0f91a5!important;
}
.site-header .site-nav a:focus-visible,
.site-header .site-brand:focus-visible{
 outline:3px solid #0f91a5!important;
 outline-offset:3px!important;
}
@media(max-width:1190px){
 .site-header .site-header-inner{
  padding-top:10px!important;
  padding-bottom:0!important;
  gap:0 15px!important;
 }
 .site-header .site-nav.main-nav{
  flex-basis:100%!important;
  width:100%!important;
  margin-left:0!important;
  justify-content:flex-start!important;
  gap:0 20px!important;
 }
 .site-header .site-nav a{
  white-space:normal!important;
  padding:11px 0 9px!important;
  font-size:16px!important;
 }
}
@media(max-width:650px){
 .site-header .site-brand{
  flex-basis:118px!important;
  width:118px!important;
  min-width:118px!important;
  max-width:118px!important;
  height:48px!important;
 }
 .site-header .site-logo,
 .site-header .business-logo{
  width:118px!important;
  height:70px!important;
  margin-top:-11px!important;
 }
 .site-header .site-nav.main-nav{gap:0 17px!important}
 .site-header .site-nav a{font-size:14.5px!important;line-height:21px!important}
}

/* Compact but fully accessible mobile navigation across every Norqia page.
   Preserve 44px hit targets; show complete menu on demand instead of consuming
   ~190px on every phone screen. */
.site-header .site-menu-toggle{display:none}
@media(max-width:1100px){
 .site-header.masthead{z-index:30}
 .site-header .site-header-inner{
  min-height:66px!important;
  flex-wrap:nowrap!important;
  padding-block:6px!important;
  gap:9px!important;
 }
 .site-header .site-brand{
  flex:0 0 118px!important;
  width:118px!important;
  min-width:118px!important;
  max-width:118px!important;
  height:48px!important;
 }
 .site-header .site-logo,.site-header .business-logo{
  width:118px!important;
  height:70px!important;
  margin-top:-11px!important;
 }
 .site-header .site-menu-toggle{
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-width:100px;
  min-height:44px;
  margin-left:auto;
  padding:8px 12px;
  border:1px solid #b5ced7;
  border-radius:7px;
  color:#143b56;
  background:#eef7fa;
  font:600 15px/1.2 Inter,system-ui,sans-serif;
  cursor:pointer;
 }
 .site-header .site-menu-toggle:focus-visible{
  outline:3px solid #0f91a5;outline-offset:2px;
 }
 .site-header .site-header-inner .site-nav.main-nav{
  display:none!important;
  position:absolute!important;
  left:auto!important;right:0!important;
  top:100%!important;
  width:min(440px,calc(100vw - 2 * var(--nd-gutter,15px)))!important;
  max-width:calc(100vw - 2 * var(--nd-gutter,15px))!important;
  margin:0!important;
  padding:7px!important;
  background:#fff!important;
  border:1px solid #d2e2e7!important;
  border-radius:0 0 10px 10px!important;
  box-shadow:0 15px 30px #143b5626!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:2px 5px!important;
  z-index:50;
  max-height:min(75vh,470px);
  overflow-y:auto!important;
 }
 .site-header.site-nav-open .site-header-inner .site-nav.main-nav{
  display:grid!important;
 }
 .site-header .site-nav a{
  white-space:normal!important;
  min-width:0!important;
  min-height:44px;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  line-height:1.35!important;
  padding:8px 9px!important;
  font-size:14px!important;
  border-radius:5px!important;
  border:0!important;
  border-left:3px solid transparent!important;
 }
 .site-header .site-nav a:hover,
 .site-header .site-nav a[aria-current="page"]{
  background:#edf7f9!important;
  border-left-color:#0f91a5!important;
 }
}