/* Compact reference menus: at most nine icon entries, secondary links, two shortcuts. */
.nav-backdrop{position:fixed;inset:var(--nav-bottom,94px) 0 0;z-index:55;background:rgba(0,0,0,.3);animation:nav-veil-in 130ms ease-out}
.nav-backdrop[hidden]{display:none}
.site-header .nav-item>a{position:relative}
.site-header .nav-item.open>a{color:var(--cyan)}
.site-header .header-utility .pro-access{display:inline-flex;align-items:center;gap:7px}
.pro-access-icon{display:block;width:19px;height:19px;object-fit:contain;flex:none}
.site-header .mega-main{min-width:0}
.site-header .mega-heading{margin:0 0 10px}
.site-header .mega-heading .mega-title{display:inline-flex;align-items:center;padding:0;min-height:28px;font-size:16px;font-weight:600;line-height:1.5;color:var(--navy)}
.site-header .mega-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px 22px}
.site-header .mega-entry{display:flex;align-items:center;gap:12px;min-height:52px;padding:7px 0;color:var(--navy);font-size:13px;line-height:1.5;font-weight:400;border:0;background:transparent;border-radius:5px}
.site-header .mega-entry>span{min-width:0}
.site-header .mega-entry-icon{display:block;width:30px;height:32px;object-fit:contain;flex:none}
.site-header .mega-entry:hover,.site-header .mega-entry:focus-visible{color:var(--cyan)}
.site-header .mega-entry:focus-visible,.site-header .mega-shortcut:focus-visible,.site-header .mega-secondary a:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}
.site-header .mega-secondary{margin-top:15px;padding-top:12px;border-top:1px solid var(--line)}
.site-header .mega-secondary h3{font-size:10px;font-weight:600;line-height:1.6;letter-spacing:.045em;text-transform:uppercase;margin:0 0 5px}
.site-header .mega-secondary>div{display:flex;flex-wrap:wrap;gap:0 20px}
.site-header .mega-secondary a{display:inline-flex;align-items:center;font-size:11px;line-height:1.6;min-height:28px;padding:3px 0;color:var(--navy)}
.site-header .mega-secondary a:hover{color:var(--cyan)}
.site-header .mega-menu-inner>.mega-extra{display:flex;flex-direction:column;gap:12px;border:0;padding:0;margin:0;grid-column:auto;align-self:start;min-width:0}
.site-header .mega-extra a.mega-shortcut{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:108px;padding:16px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 2px 9px #1f1f540b;line-height:1.6;color:var(--navy);text-decoration:none}
.site-header .mega-extra a.mega-shortcut:hover{border-color:var(--cyan);box-shadow:0 4px 14px #1f1f5414}
.site-header .mega-shortcut-copy{display:flex;flex-direction:column;gap:5px;min-width:0}
.site-header .mega-extra .mega-shortcut-copy>strong{font-size:12px;line-height:1.5;font-weight:600;margin:0;color:var(--navy)}
.site-header .mega-shortcut-copy>span{font-size:10px;line-height:1.7;color:#575766;font-weight:400}
.site-header .mega-shortcut-icon{display:block;width:37px;height:40px;object-fit:contain;flex:none}
.site-header .mega-app-icon{border-radius:9px}
@media(min-width:801px){
 .site-header>.container,.site-header .nav-row,.site-header .nav-item{position:static}
 .site-header .nav-item.open>a:after{content:'';position:absolute;left:-10px;right:-10px;bottom:-1px;height:3px;background:var(--cyan)}
 .site-header .mega-menu,.site-header .nav-item:nth-child(n) .mega-menu,.site-header .mega-menu.mega-professionals{position:absolute;top:100%;left:0;right:0;width:100%;min-width:0;max-width:none;padding:0;border:0;border-top:1px solid var(--line);border-radius:0;background:#fff;box-shadow:0 6px 12px #0000000a;max-height:var(--mega-menu-space,calc(100dvh - var(--header-height) - 12px));overflow:auto}
 .site-header .nav-item.open .mega-menu{display:block;animation:nav-panel-in 130ms ease-out}
 /* Must outrank the obsolete .mega-menu>div:last-child 50/50 grid. */
 .site-header .mega-menu>.mega-menu-inner{display:grid;width:100%;max-width:1240px;margin:0 auto;padding:24px 28px 25px;grid-template-columns:minmax(0,1fr) 280px;gap:34px;align-items:start}
 .site-header .mega-house .mega-entry-icon{width:31px;height:34px}
}
@media(min-width:801px) and (max-width:1100px){
 .site-header .mega-menu>.mega-menu-inner{grid-template-columns:minmax(0,1fr) 235px;gap:24px;padding:22px 24px 24px}
 .site-header .mega-links{column-gap:14px}
 .site-header .mega-entry{font-size:12px;gap:9px;min-height:54px}
 .site-header .mega-entry-icon{width:27px;height:30px}
 .site-header .mega-extra a.mega-shortcut{padding:13px;gap:10px;min-height:106px}
 .site-header .mega-shortcut-icon{width:32px;height:36px}
 .site-header .mega-heading .mega-title{font-size:15px}
 .site-header .mega-secondary>div{column-gap:16px}
}
@media(max-width:800px){
 .nav-backdrop{display:none}
 .site-header .nav-item.open .mega-menu{display:block}
 /* Also overrides legacy first-child hiding and last-child grids on mobile. */
 .site-header .mega-menu>.mega-menu-inner{display:block;width:100%;padding:0}
 .site-header .mega-heading{display:none}
 .site-header .mega-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 18px}
 .site-header .mega-entry{font-size:13px;min-height:52px;gap:11px;padding:8px 0}
 .site-header .mega-entry-icon{width:29px;height:32px}
 .site-header .mega-secondary{margin-top:14px;padding-top:12px}
 .site-header .mega-secondary h3{font-size:11px}
 .site-header .mega-secondary a{min-height:44px;font-size:12px}
 .site-header .mega-menu-inner>.mega-extra{border-top:1px solid var(--line);padding:15px 0 0;margin-top:14px;gap:10px}
 .site-header .mega-extra a.mega-shortcut{min-height:94px;padding:14px 16px}
 .site-header .mega-extra .mega-shortcut-copy>strong{font-size:13px}
 .site-header .mega-shortcut-copy>span{font-size:12px;line-height:1.6}
 .site-header .mega-shortcut-icon{width:38px;height:40px}
 .site-header .nav-chevron{width:44px;min-width:44px;height:44px;min-height:44px}
}
@media(max-width:380px){.site-header .mega-entry{font-size:12px;gap:8px}.site-header .mega-entry-icon{width:25px;height:29px}.site-header .mega-links{column-gap:12px}}
@keyframes nav-veil-in{from{background:rgba(0,0,0,0)}to{background:rgba(0,0,0,.3)}}
@keyframes nav-panel-in{from{opacity:.8}to{opacity:1}}
@media(prefers-reduced-motion:reduce){.nav-backdrop,.site-header .nav-item.open .mega-menu{animation:none}}
