/* Shared server-rendered navigation layer; loaded last to win over legacy CSS. */
:root { --sp-navbar-h:56px; --sp-nav-border:#e4e4e7; --sp-nav-muted:#52525b; --sp-nav-foreground:#09090b; --sp-nav-subtle:#f4f4f5; }
body { padding-top:var(--sp-navbar-h) !important; }
.sp-navbar { height:var(--sp-navbar-h) !important; min-height:var(--sp-navbar-h); background:#fff !important; border-bottom:1px solid var(--sp-nav-border) !important; box-shadow:0 1px 2px rgba(15,23,42,.04) !important; z-index:1030; }
.sp-navbar > .container-fluid { width:100%; max-width:1440px; height:var(--sp-navbar-h) !important; margin-inline:auto; padding-inline:32px !important; gap:16px; }
.sp-logo { flex:0 0 auto; font-size:20px !important; line-height:1; letter-spacing:-.04em; color:var(--sp-nav-foreground) !important; }
.sp-nav-primary { min-width:0; align-items:center; gap:2px !important; margin-left:8px !important; overflow-x:auto; scrollbar-width:none; }
.sp-nav-primary::-webkit-scrollbar { display:none; }
.sp-nav-primary .nav-link { display:inline-flex !important; flex:0 0 auto; align-items:center; min-height:36px; padding:8px 12px !important; border:0 !important; border-radius:6px !important; color:var(--sp-nav-muted) !important; font-size:14px !important; font-weight:500; line-height:1.2 !important; white-space:nowrap; }
.sp-nav-primary .nav-link:hover, .sp-nav-primary .nav-link:focus-visible, .sp-nav-primary .nav-link.active { background:var(--sp-nav-subtle) !important; color:var(--sp-nav-foreground) !important; }
.sp-nav-primary .nav-link.active { font-weight:600; }
.sp-navbar > .container-fluid > .ms-auto { flex:0 0 auto; min-width:0; }
.sp-navbar form { display:flex !important; align-items:center; gap:8px !important; padding:0 !important; background:transparent !important; border:0 !important; }
.sp-navbar form input#global-search { width:176px !important; height:38px !important; min-height:38px !important; padding:8px 12px !important; border:1px solid var(--sp-nav-border) !important; border-radius:6px !important; background:#fff !important; color:var(--sp-nav-foreground) !important; font-size:14px !important; }
.sp-navbar form button[type="submit"] { height:38px !important; min-height:38px !important; padding:8px 14px !important; border:1px solid var(--sp-nav-foreground) !important; border-radius:6px !important; background:var(--sp-nav-foreground) !important; color:#fafafa !important; font-size:14px !important; line-height:1.2 !important; }
.sp-navbar form button[type="submit"]:hover { background:#27272a !important; }
.sp-navbar :is(input,button,a):focus-visible { outline:2px solid #71717a !important; outline-offset:2px !important; }
#search-dropdown { margin-top:4px; border:1px solid var(--sp-nav-border) !important; border-radius:6px !important; background:#fff !important; box-shadow:0 10px 24px rgba(15,23,42,.1) !important; }
.sp-submenu-bar { top:var(--sp-navbar-h) !important; min-height:48px; background:#fff !important; border-bottom:1px solid var(--sp-nav-border) !important; z-index:1020; }
.sp-submenu-bar > .container-fluid { max-width:1440px; min-height:48px; margin-inline:auto; padding-inline:32px !important; }
.sp-submenu-bar .submenu { display:flex; align-items:stretch; gap:24px; min-height:48px; padding:0 !important; overflow-x:auto; flex-wrap:nowrap; scrollbar-width:none; }
.sp-submenu-bar .submenu::-webkit-scrollbar { display:none; }
.sp-submenu-bar .submenu-item { display:inline-flex; align-items:center; min-height:48px; padding:0 !important; border:0 !important; border-bottom:2px solid transparent !important; border-radius:0 !important; background:transparent !important; color:var(--sp-nav-muted) !important; font-size:14px !important; font-weight:500; white-space:nowrap; }
.sp-submenu-bar .submenu-item:hover { color:var(--sp-nav-foreground) !important; }
.sp-submenu-bar .submenu-item.active { border-bottom-color:var(--sp-nav-foreground) !important; color:var(--sp-nav-foreground) !important; font-weight:600; }
#mobileNav { max-height:calc(100vh - var(--sp-navbar-h)); overflow-y:auto; background:#fff !important; border-top:1px solid var(--sp-nav-border) !important; }
#mobileNav > div { padding:8px 16px 12px !important; }
#mobileNav a { display:flex !important; align-items:center; min-height:40px; padding:8px 12px !important; border-radius:6px !important; color:var(--sp-nav-muted) !important; font-size:14px !important; text-decoration:none !important; }
#mobileNav a:hover, #mobileNav a:focus-visible, #mobileNav a.fw-semibold { background:var(--sp-nav-subtle) !important; color:var(--sp-nav-foreground) !important; font-weight:600 !important; }
@media (max-width:767.98px) {
  .sp-navbar > .container-fluid { padding-inline:16px !important; gap:8px; }
  .sp-navbar > .container-fluid > .ms-auto { margin-left:auto !important; }
  .sp-navbar form { gap:4px !important; }
  .sp-navbar form input#global-search { width:min(40vw,150px) !important; }
  .sp-navbar form button[type="submit"] { padding-inline:10px !important; }
  .sp-navbar .d-md-none[type="button"] { flex:0 0 auto; min-height:36px; padding:8px 10px !important; border:1px solid var(--sp-nav-border) !important; border-radius:6px !important; color:var(--sp-nav-foreground) !important; font-size:14px !important; }
  .sp-submenu-bar > .container-fluid { padding-inline:16px !important; }
}
@media print { .sp-navbar, .sp-submenu-bar, #mobileNav { display:none !important; } body { padding-top:0 !important; } }