/* Floating navigation stays readable over both light and dark chapters. */
.website-subpage .web-header {
  position:sticky; top:18px; z-index:60;
  width:min(1240px,calc(100% - 80px)); margin:18px auto 0; padding:12px 14px 12px 24px;
  border:1px solid #ffffffde; border-radius:18px;
  background:linear-gradient(125deg,#fffffff0,#edf4efe0);
  box-shadow:inset 0 1px 0 #fff,0 7px 28px #153b2910,0 1px 3px #153b2908;
  backdrop-filter:blur(22px) saturate(130%); -webkit-backdrop-filter:blur(22px) saturate(130%);
}
.website-subpage .web-header::after{display:none}
.website-subpage .web-brand img{width:128px;height:auto;filter:brightness(0) saturate(100%);opacity:.88}
.premium-nav{display:flex;gap:28px;margin-left:auto;align-items:center}
.premium-nav a{font-size:13px;font-weight:500;text-decoration:none;color:#38534a;padding-block:12px}
.premium-nav a:hover{color:#122b23}
.website-subpage .web-header .header-contact {
  height:46px; min-height:46px; padding:0 19px; gap:16px; border-radius:10px;
  color:#fff; background:linear-gradient(135deg,#2f6654,#204b3d); border:1px solid #285a49;
  box-shadow:inset 0 1px 0 #ffffff24,0 3px 10px #17372c0d;
  backdrop-filter:none; -webkit-backdrop-filter:none;
}
.website-subpage .web-header .header-contact:hover{background:#204b3d;transform:none;box-shadow:inset 0 1px 0 #ffffff24,0 4px 14px #17372c24}
.website-subpage .web-header .header-contact::after{display:none}
.website-subpage .header-contact .cta-label{font-size:13px;white-space:nowrap}
.website-subpage .header-contact .link-arrow{width:18px;height:18px;stroke-width:2.2}
.website-subpage .skip-link{z-index:70}
.website-subpage main>[id]{scroll-margin-top:100px}
.website-subpage .web-header a:focus-visible{outline:2px solid #286179;outline-offset:4px}

/* Mobile navigation keeps the closed bar to one compact row. */
.mobile-menu{display:none}
@media(max-width:580px){
 .website-subpage .web-header{display:flex;top:10px;width:calc(100% - 28px);margin-top:10px;padding:10px 13px 10px 18px;gap:12px;border-radius:16px}
 .website-subpage .web-brand img{width:108px}
 .website-subpage .web-header>.premium-nav,.website-subpage .web-header>.header-contact{display:none}
 .mobile-menu{display:block;margin-left:auto}
 .mobile-menu summary{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:10px;list-style:none;border:1px solid #315b441c;border-radius:10px;background:#ffffff70;color:#214b3a;cursor:pointer}
 .mobile-menu summary::-webkit-details-marker{display:none}
 .mobile-menu summary>svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
 .menu-close-icon,.mobile-menu[open] .menu-open-icon{display:none}.mobile-menu[open] .menu-close-icon{display:block}
 .mobile-menu summary:focus-visible{outline:2px solid #286179;outline-offset:3px}
 .mobile-navigation{position:absolute;left:0;right:0;top:calc(100% + 9px);display:grid;gap:3px;padding:12px;border:1px solid #ffffffe0;border-radius:16px;background:#f4f8f3f7;box-shadow:0 14px 40px #153b2929;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}
 .mobile-navigation a{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:50px;padding:13px 15px;color:#254f3d;font-size:14px;font-weight:500;text-decoration:none;border-radius:8px}
 .mobile-navigation a:hover{background:#e2ece2}
 .mobile-navigation .mobile-nav-contact{margin-top:5px;background:#285640;color:#fff}
 .mobile-navigation .mobile-nav-contact:hover{background:#1d4332}
 .mobile-navigation .link-arrow{width:18px;height:18px}
 .website-subpage main>[id]{scroll-margin-top:80px}
}
.website-subpage .web-header{display:flex;align-items:center;gap:28px}
.website-subpage{scroll-padding-top:110px}
.website-subpage .web-header .link-arrow{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.website-subpage .web-header .mobile-navigation .link-arrow{width:18px;height:18px}
.website-subpage .web-header .mobile-menu{line-height:1}
@media(max-width:580px){.website-subpage .web-header{gap:12px}}