/* Reserve scrollbar space to keep page navigation horizontally stable. */
html{scrollbar-gutter:stable}
/* Keep mobile customer access inside the main navigation. */
.update-header .nav .mobile-customer-entry{display:none}
@media(max-width:900px){
 .update-header .wrap>.customer-nav{display:none}
 .update-header .nav .mobile-customer-entry{display:flex;align-items:center;gap:10px;min-height:48px;margin-top:10px;padding:12px 14px;border-top:1px solid var(--line);background:var(--tint);border-radius:6px;color:var(--brand);font-weight:600}
 .update-header .mobile-customer-entry .web-icon{width:24px;height:24px;flex:none}
 .update-header .menu-toggle{margin-left:auto;min-height:44px;min-width:64px;width:auto;padding:10px 12px}
 .update-header .nav{left:auto;right:18px;width:min(240px,calc(100% - 36px));padding:8px;border:1px solid var(--line);border-radius:0 0 14px 14px;box-shadow:0 12px 24px #102b3918;text-align:right}
 .update-header .nav>a{justify-content:flex-end;min-height:46px;padding:11px 14px;font-size:15px;font-weight:600;color:var(--guide-ink,#183f36);border-bottom:1px solid #e6eeea;text-decoration:none}
 .update-header .nav>a:not(.mobile-customer-entry):hover,.update-header .nav>a:not(.mobile-customer-entry):focus-visible,.update-header .nav>a[aria-current="page"]{background:#eaf3ee;color:#183f36;border-radius:6px}
 .update-header .nav>a:active{background:#e1ece5}

 .update-header .nav .mobile-customer-entry{justify-content:flex-end;margin-top:8px;min-height:48px;background:#fff3cc;border:1px solid #e6d59c;color:#4d431f}
 .update-header .nav.open{max-height:calc(100dvh - 100px);overflow-y:auto;overscroll-behavior:contain}
}
