.quick-nav{position:sticky;top:72px;z-index:39;display:flex;align-items:center;gap:6px;min-height:54px;padding:7px max(6%,calc((100vw - 1162px)/2));background:rgba(247,247,245,.96);border-bottom:1px solid #dedee4;backdrop-filter:blur(18px);overflow-x:auto;scrollbar-width:none}
.quick-nav::-webkit-scrollbar{display:none}
.quick-nav-label{flex:0 0 auto;margin-right:12px;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#8b8b94}
.quick-nav a{flex:0 0 auto;padding:9px 15px;border-radius:999px;color:#4d4d55;font-size:14px;font-weight:520;line-height:1;text-decoration:none;transition:color .2s,background .2s,transform .2s}
.quick-nav a:hover{background:#e9e9ee;color:#111114;transform:translateY(-1px)}
.quick-nav a[aria-current=page]{background:#15161a;color:#fff;box-shadow:0 4px 14px #1011161d}
.quick-nav a:focus-visible{outline:3px solid #3478f6;outline-offset:2px}
#menu-toggle,.page-demo #menu-toggle{padding:8px 13px 8px 16px;border-radius:999px;background:#15161a;color:#fff;box-shadow:0 5px 16px #10111620;font-weight:600;transition:transform .2s,box-shadow .2s}
#menu-toggle:hover{transform:translateY(-1px);box-shadow:0 8px 20px #1011162b}
.menu-icon{display:grid;gap:4px;width:17px}
.menu-icon i{display:block;height:1.5px;background:currentColor;border-radius:2px}
.page-topline{position:relative;top:auto}
@media(max-width:860px){.quick-nav{top:65px;min-height:50px;padding:6px 4%;gap:4px}.quick-nav-label{margin-right:4px;font-size:10px}.quick-nav a{font-size:13px;padding:8px 12px}.page-demo #menu-toggle{background:#15161a;color:#fff}.page-topline{top:auto}}
@media(max-width:560px){.quick-nav-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.quick-nav{display:grid;grid-template-columns:1fr 1fr;gap:0;width:100%;min-height:0;padding:5px 8px;overflow:visible}.quick-nav a{min-width:0;padding:5px 6px;text-align:center;font-size:10px;line-height:1.25;letter-spacing:-.01em;white-space:normal}#menu-toggle,.page-demo #menu-toggle{padding:8px 11px 8px 13px;gap:8px}.menu-icon{width:15px}}
@media(prefers-reduced-motion:reduce){.quick-nav a,#menu-toggle{transition:none}}

/* Mobile navigation: one quiet header and one compact page rail. */
@media(max-width:560px){
 .mobile-page-bar,.page-demo .mobile-page-bar{height:58px;padding:0 13px;gap:8px;background:rgba(247,247,245,.97);box-shadow:none}
 .mobile-page-bar .brand{flex:0 1 auto;min-width:0;gap:7px;font-size:15px;letter-spacing:-.45px;white-space:nowrap}
 .mobile-page-bar .brand svg{width:18px;flex:0 0 18px}
 .mobile-page-bar .site-language,.home-page .mobile-page-bar .site-language{margin:0 0 0 auto!important}
 .mobile-page-bar .site-language>span[aria-hidden]{display:none}
 .mobile-page-bar .site-language select,.home-page .mobile-page-bar .site-language select{width:98px;height:35px;padding:0 25px 0 9px;border:1px solid #d9dbe0;border-radius:8px;background:#fff;color:#34363a;font-size:11px;box-shadow:none}
 #menu-toggle,.page-demo #menu-toggle,.home-page #menu-toggle{position:static!important;right:auto;min-height:35px;padding:7px 9px;border:1px solid #d9dbe0!important;border-radius:8px!important;background:transparent!important;color:#292b30!important;box-shadow:none!important;gap:7px;font-size:11px}
 #menu-toggle:hover{transform:none;box-shadow:none}
 .menu-icon{width:13px;gap:3px}.menu-icon i{height:1px}
 .quick-nav,.home-page .quick-nav{position:sticky;top:58px;z-index:39;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));box-sizing:border-box;width:100%;height:48px;min-height:48px;padding:0 8px;gap:0;overflow:hidden;background:rgba(247,247,245,.97);border-bottom:1px solid #dedee4;box-shadow:none}
 .quick-nav-label,.home-page .quick-nav-label{display:none}
 .quick-nav a,.home-page .quick-nav a{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;height:48px;padding:0 3px;border:0;border-radius:0;color:#696c73;font-size:clamp(8px,2.35vw,10px);font-weight:550;line-height:1.12;letter-spacing:0;text-align:center;white-space:normal;box-shadow:none}
 .quick-nav a:hover,.home-page .quick-nav a:hover{background:transparent;color:#202124;transform:none}
 .quick-nav a[aria-current=page],.home-page .quick-nav a[aria-current=page]{background:transparent;color:#17181b;box-shadow:inset 0 -2px 0 #17181b;font-weight:650}
}
@media(max-width:350px){
 .mobile-page-bar{padding-left:10px;padding-right:10px;gap:6px}
 .mobile-page-bar .brand svg{display:none}.mobile-page-bar .brand{font-size:14px}
 .mobile-page-bar .site-language select,.home-page .mobile-page-bar .site-language select{width:92px;padding-left:7px}
 #menu-toggle{width:35px;padding:7px!important;justify-content:center}#menu-toggle>span:first-child{display:none}
}