/* Approved Login navigation, applied locally 2026-09-30. */
.header .nav-cta{flex-shrink:0}
.header .nav-cta .button-inner{gap:9px;padding:9px 16px;min-height:35px;font-size:14px}
.header .nav-cta .icon-login{width:17px;height:17px}
.header .nav-cta:hover .button-inner{gap:9px;padding-right:16px}
@media(max-width:800px){
  .header .nav-cta{display:inline-flex!important;margin-left:auto}
  .header .nav-cta .button-inner{padding:8px 12px;font-size:13px}
  .header .nav-cta:hover .button-inner{padding-right:12px}
  .header .menu-toggle{margin-left:0;flex-shrink:0}
}

/* Compact mobile navigation, aligned with the three-line menu button. */
@media(max-width:800px){
 .header .menu-toggle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-width:42px;min-height:42px;cursor:pointer}
 .header .menu-toggle span{display:block;width:22px;height:1.5px;flex:none;margin:0;border-radius:1px}
 #mobile-nav{left:auto;right:22px;top:80px;width:min(248px,calc(100vw - 44px));box-sizing:border-box;margin:0;padding:8px;border:1px solid #2c2c30;border-radius:14px;background:#101012;box-shadow:0 18px 48px #0008;max-height:calc(100dvh - 100px);overflow-y:auto}
 #mobile-nav a{padding:13px 15px;border-radius:8px;font-size:15px;line-height:1.4}
 #mobile-nav a:hover,#mobile-nav a:focus-visible{background:#222226;color:#f2f2f2}
 #mobile-nav a[aria-current="page"]{background:#1b1b1e;color:#a2a2ab}
}
@media(max-width:360px){
 .header{padding-right:16px;padding-left:16px;gap:8px}
 .header .brand{flex-shrink:0;font-size:22px;gap:8px}
 .header .brand img{width:28px;height:28px}
 .header .nav-cta .button-inner{padding:8px 10px;font-size:12px}
 .header .nav-cta:hover .button-inner{padding-right:10px}
}