/* A quiet neutral palette for public navigation panels. */
/* Match the member download header without changing public content containers. */
body.public-site .site-header .container.header-inner {
    width:calc(100% - 48px)!important;
    max-width:none;
    padding:0;
    margin-inline:auto;
    min-height:84px;
    gap:48px;
}
body.public-site .site-header .account-actions { margin-left:auto; flex-shrink:0; gap:16px; }
body.public-site .site-header .account-actions .button.small {
    display:inline-flex; align-items:center; justify-content:center;
    height:40px!important; padding:0 24px; border-radius:8px; font-size:14px; line-height:20px!important;
}
@media(max-width:1500px) {
    body.public-site .site-header .container.header-inner { gap:35px; }
}
/* Keep the active section close to its label, away from editor scrollbars. */
body.public-site .site-header .main-nav { gap: 12px; }
body.public-site .site-header .main-nav > .nav-dropdown { padding: 20px 0; }
body.public-site .site-header .main-nav > a,
body.public-site .site-header .main-nav > .nav-dropdown > summary {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 44px;
    padding: 11px 14px;
    border: 0;
    border-radius: 9px;
    color: #40516a;
    font-size: 16px;
    line-height: 22px;
    background: transparent;
    transition: color .16s, background-color .16s;
}
body.public-site .site-header .main-nav > a:hover,
body.public-site .site-header .main-nav > .nav-dropdown > summary:hover {
    color: #326db3;
    background: #f5f7fa;
}
body.public-site .site-header .main-nav > a.active,
body.public-site .site-header .main-nav > .nav-dropdown.active > summary,
body.public-site .site-header .main-nav > .nav-dropdown[open] > summary {
    color: #2374c9;
    background: #edf5ff;
}
body.public-site .site-header .main-nav > a:focus-visible,
body.public-site .site-header .main-nav > .nav-dropdown > summary:focus-visible {
    outline: 2px solid #91b9e4;
    outline-offset: 3px;
}
@media (max-width:767px) {
    body.public-site .site-header .main-nav.open { gap: 4px; }
    body.public-site .site-header .main-nav > .nav-dropdown { padding: 0; }
    body.public-site .site-header .main-nav > a,
    body.public-site .site-header .main-nav > .nav-dropdown > summary { width: 100%; }
}
/* Hide the legacy responsive offcanvas until the public dropdown is initialized. */
body.public-site .site-header #menu_user #z_nav_link_vip{display:none!important}
body.public-site .site-header .public-account-trigger{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 14px;border:1px solid #e2e8f0;border-radius:8px!important;background:#fff;color:#283344;font:inherit;font-size:14px;white-space:nowrap;cursor:pointer}
body.public-site .site-header .public-account-trigger:hover,body.public-site .site-header .public-account-trigger[aria-expanded="true"]{background:#f3f6fa;border-color:#cdd9e7}
body.public-site .site-header .public-account-trigger:focus-visible{outline:2px solid #91abc9;outline-offset:3px}
body.public-site .site-header .public-account-trigger .bi-person-circle{font-size:18px!important}
body.public-site .site-header .public-account-trigger .bi-chevron-down{font-size:11px!important}
body.public-site .site-header #menu_user #z_nav_link_vip.public-account-panel{position:absolute!important;inset:auto 0 auto auto!important;top:calc(100% + 10px)!important;width:190px!important;min-width:190px;max-width:calc(100vw - 32px);height:auto!important;max-height:calc(100vh - 110px);padding:6px!important;overflow:auto;background:#fff!important;color:#414b5b;border:1px solid #e7e9ee;border-radius:12px;box-shadow:0 12px 32px #20283816;transform:none!important;visibility:visible!important;z-index:40}
body.public-site .site-header #menu_user #z_nav_link_vip.public-account-panel:not([hidden]){display:block!important}
body.public-site .site-header .public-account-panel .dropdown-divider{display:none}
body.public-site .site-header .public-account-panel ul{list-style:none;margin:0!important;padding:0!important}
body.public-site .site-header .public-account-panel a{display:block;font-size:14px;color:#414b5b;padding:11px 14px!important;border-radius:7px;line-height:20px}
body.public-site .site-header .public-account-panel a:hover,body.public-site .site-header .public-account-panel a:focus-visible{background:#f1f4f8;color:#326db3}
body.public-site .site-header .public-account-panel li:last-child{border-top:1px solid #edf0f5;margin-top:4px;padding-top:4px}
@media(max-width:760px){body.public-site .site-header .public-account-trigger{padding:0 10px;font-size:13px;height:36px}}
body.public-site .site-header .mega,
body.public-site .site-header .mini {
    background: #fff;
    border-color: #e7e9ee;
    box-shadow: 0 16px 40px rgba(32, 40, 56, .09);
}
body.public-site .site-header .mega h3 { color: #283344; }
body.public-site .site-header .main-nav .mega-grid a,
body.public-site .site-header .main-nav .mini a {
    color: #414b5b;
    transition: color .18s, background-color .18s;
}
body.public-site .site-header .mega-grid a > i:first-child { color: #7c899b; }
body.public-site .site-header .mega-grid a > i:last-child { color: #aab2be; }
body.public-site .site-header .main-nav .mega-grid a:hover,
body.public-site .site-header .main-nav .mega-grid a:focus-visible,
body.public-site .site-header .main-nav .mini a:hover,
body.public-site .site-header .main-nav .mini a:focus-visible {
    color: #326db3;
    background: #f1f4f8;
}
body.public-site .site-header .mega-grid a:hover > i:first-child,
body.public-site .site-header .mega-grid a:focus-visible > i:first-child { color: #527cac; }
body.public-site .site-header .main-nav .mega-grid a:focus-visible,
body.public-site .site-header .main-nav .mini a:focus-visible {
    outline: 2px solid #91abc9;
    outline-offset: 2px;
}
@media (max-width:767px) {
    body.public-site .site-header .main-nav .mega,
    body.public-site .site-header .main-nav .mini { box-shadow: none; }
}
@media (prefers-reduced-motion:reduce) {
    body.public-site .site-header .main-nav > a,
    body.public-site .site-header .main-nav > .nav-dropdown > summary,
    body.public-site .site-header .main-nav .mega-grid a,
    body.public-site .site-header .main-nav .mini a { transition: none; }
}

/* Keep the same compact navigation and account geometry at tablet/mobile widths. */
@media(max-width:1100px) {
    body.public-site .site-header .container.header-inner { gap:16px; }
    body.public-site .site-header .main-nav { gap:4px; }
    body.public-site .site-header .main-nav > a,
    body.public-site .site-header .main-nav > .nav-dropdown > summary { font-size:14px; padding-inline:10px; }
}
@media(max-width:767px) {
    body.public-site .site-header .container.header-inner { width:calc(100% - 40px)!important; min-height:68px; gap:12px; }
    body.public-site .site-header .brand img { width:116px!important; }
    body.public-site .site-header .main-nav { display:none; }
    body.public-site .site-header .main-nav.open { display:flex; top:100%; max-height:calc(100dvh - 68px); overflow:auto; }
    body.public-site .site-header .menu-toggle { display:inline-block; }
    body.public-site .site-header .account-actions { gap:12px; }
    body.public-site .site-header .account-actions .button.small { height:36px!important; padding:0 14px; font-size:13px; }
    body.public-site .site-header .public-account-trigger { height:36px; padding:0 10px; font-size:13px; }
}
@media(max-width:360px) {
    body.public-site .site-header .container.header-inner { width:calc(100% - 28px)!important; gap:8px; }
    body.public-site .site-header .brand img { width:100px!important; }
    body.public-site .site-header .account-actions { gap:8px; }
    body.public-site .site-header .public-account-trigger { font-size:12px; gap:5px; padding-inline:8px; }
}