.function-menu{position:relative;font-size:13px}.function-menu>summary{list-style:none;display:flex;align-items:center;gap:8px;min-height:44px;cursor:pointer;font-weight:500;padding:0;border:0}.function-menu>summary::-webkit-details-marker{display:none}.function-menu>summary:after{content:'';width:6px;height:6px;border-right:1.6px solid;border-bottom:1.6px solid;transform:rotate(45deg);margin:-4px 2px 0;transition:transform .2s}.function-menu[open]>summary{color:#175df5}.function-menu[open]>summary:after{transform:rotate(225deg);margin-top:3px}.function-menu .function-panel{position:absolute;top:calc(100% + 12px);left:-200px;width:610px;padding:22px;background:#fffefb;color:#182c3b;border:1px solid #e1e5e7;border-radius:22px;box-shadow:0 24px 65px #172d4924}.function-menu .function-panel:before{content:'';position:absolute;top:-15px;left:0;width:100%;height:16px}.function-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 5px 14px;border-bottom:1px solid #e6e9eb}.function-panel-head>span{font-size:10px;color:#697883;letter-spacing:.1em;font-weight:650}.function-panel-head a{font-size:12px;font-weight:650;color:#175df5!important;min-height:36px}.function-panel-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:12px}.nav-links .function-option{display:flex;align-items:center;gap:12px;min-height:74px;padding:12px 10px;border-radius:12px;white-space:normal;transition:background .15s}.function-option:hover{background:#edf2ff}.function-option>i{display:grid;place-items:center;flex-shrink:0;width:36px;height:36px;border-radius:11px;background:#edf2ff;color:#175df5;font:600 19px Manrope,sans-serif;font-style:normal}.function-option b{display:block;font-size:13px;font-weight:650;line-height:1.4}.function-option small{display:block;margin-top:3px;font-size:11px;line-height:1.4;color:#697883}.function-panel-foot{margin-top:12px;border-top:1px solid #e6e9eb;padding:13px 5px 0}.function-panel-foot a{display:flex;justify-content:space-between;font-size:12px;min-height:36px}.function-menu:not([open])>.function-panel{display:none}.nav .nav-inner{gap:24px}.nav-links{gap:21px}.business-page .function-option>i{background:#f5e9dd;color:#725535}
@media(max-width:1150px){.nav .nav-inner{gap:18px}.nav-links{gap:13px}.function-menu{font-size:12px}.function-menu .function-panel{left:-170px}}
@media(min-width:901px){.nav .nav-links{display:flex}.nav .menu-toggle{display:none}}
@media(max-width:900px){.nav .nav-links,.legacy-shell .nav .nav-links{display:none;position:absolute;top:86px;left:0;right:0;background:var(--paper);color:var(--ink);padding:16px 22px 24px;flex-direction:column;align-items:stretch;gap:5px;box-shadow:0 18px 24px #13222b18;max-height:calc(100dvh - 86px);overflow-y:auto}.nav .menu-toggle{display:flex;flex-shrink:0}.nav .audience{margin-left:auto}.mobile-nav-open .nav .nav-links,.legacy-shell.mobile-nav-open .nav .nav-links{display:flex}.function-menu{font-size:15px}.function-menu>summary{min-height:48px;justify-content:space-between}.function-menu .function-panel{position:static;width:100%;padding:14px;border-radius:16px;margin:5px 0 12px;box-shadow:none}.function-menu .function-panel:before{display:none}.function-panel-grid{gap:0}.nav-links .function-option{padding:10px 4px;min-height:70px}.nav-links>.action{margin-top:10px}.nav-links>a{font-size:15px;min-height:46px}}
@media(max-width:620px){.nav .nav-links,.legacy-shell .nav .nav-links{top:68px;max-height:calc(100dvh - 68px)}.function-panel-grid{grid-template-columns:1fr}.function-panel-head{padding-inline:0}.nav-links .function-option{min-height:62px}.function-menu .function-panel{padding:14px}.nav .nav-inner{gap:12px}}
@media(prefers-reduced-motion:reduce){.function-menu>summary:after,.function-option{transition:none}}

/* Keep icon and label together despite the generic mobile navigation rules. */
.nav .nav-links a.function-option{display:flex;align-items:center;gap:12px}.nav .function-panel-head a{display:inline-flex}.nav .function-panel-foot a{display:flex}
/* Legacy detail pages share this header, not the old stacked navigation. */
.legacy-shell header.nav .nav-inner>.brand{order:0;margin-right:0;flex-shrink:0}
.legacy-shell header.nav nav.audience{position:static;display:flex;flex:0 0 auto;flex-direction:row;align-items:center;order:1;width:auto;min-width:0;border:0;padding:4px;gap:3px;margin-block:0}
.legacy-shell header.nav nav.audience>a{display:block;min-height:0;padding:9px 13px;font-size:12px;line-height:1.4;border:0;white-space:nowrap}
.legacy-shell header.nav .menu-toggle{order:3}
.legacy-shell header.nav nav.nav-links{order:2;flex:0 1 auto;border:0}
@media(min-width:901px){.legacy-shell header.nav nav.nav-links{flex-direction:row;width:auto;margin:0 0 0 auto;padding:0;gap:21px}}
@media(max-width:900px){.legacy-shell header.nav nav.audience{margin-left:auto}.legacy-shell header.nav nav.nav-links{width:100%;margin:0;padding:16px 22px 24px;gap:5px}}
@media(max-width:620px){.legacy-shell header.nav nav.audience{padding:3px}.legacy-shell header.nav nav.audience>a{padding:9px;font-size:10px}.legacy-shell header.nav .nav-inner>.brand{font-size:22px}}