/* Shared presentation and click behavior for every header dropdown. */
.header :is(.commercial-nav-group,.tools-nav-item){display:flex;align-items:center;gap:5px;position:relative}
.header :is(.commercial-nav-group,.tools-nav-item)>a{font-family:'Space Grotesk',Arial,sans-serif;font-size:13px;font-weight:600;letter-spacing:0;text-transform:none;line-height:1.4;white-space:nowrap;padding:10px 0}
.header :is(.commercial-nav-toggle,.tools-menu-toggle){display:grid;place-items:center;flex:0 0 22px;width:22px;height:22px;padding:0;border:0;border-radius:50%;background:#e7ebf0;color:#273d5e;cursor:pointer;transform:none;font:14px Arial,sans-serif;transition:transform .2s,background .2s}
.header :is(.commercial-nav-toggle,.tools-menu-toggle) span{display:block;border:0;width:auto;height:auto;font-size:14px;transform:none}
.header :is(.commercial-nav-toggle,.tools-menu-toggle):hover{background:#d9e1ed;color:#273d5e}
.header :is(.commercial-nav-group,.tools-nav-item).open :is(.commercial-nav-toggle,.tools-menu-toggle){background:#d9e1ed;color:#273d5e;transform:rotate(180deg)}
.header :is(.commercial-submenu,.tools-submenu){display:grid;position:absolute;top:calc(100% + 20px);left:50%;width:310px;padding:9px;border:1px solid #dce0e7;border-radius:16px;background:#fff;box-shadow:0 20px 50px #101c2e20;z-index:60;opacity:0;visibility:hidden;transform:translate(-50%,-7px);transition:opacity .18s,transform .18s,visibility .18s}
.header :is(.commercial-nav-group,.tools-nav-item).open :is(.commercial-submenu,.tools-submenu){display:grid;opacity:1;visibility:visible;transform:translate(-50%,0)}
.header :is(.commercial-submenu,.tools-submenu):before{content:'';position:absolute;left:0;right:0;top:-22px;height:22px}
.header .nav :is(.commercial-submenu,.tools-submenu) a{display:flex;align-items:center;min-height:40px;padding:9px 11px;border:0;border-radius:9px;font:500 13px/1.45 'Space Grotesk',Arial,sans-serif;letter-spacing:.02em;text-transform:none;color:#445267;text-decoration:none}
.header .nav :is(.commercial-submenu,.tools-submenu) a:first-child{background:#e7edf5;color:#262f3c}
.header .nav :is(.commercial-submenu,.tools-submenu) a:hover,.header .nav :is(.commercial-submenu,.tools-submenu) a:focus-visible,.header .nav :is(.commercial-submenu,.tools-submenu) a[aria-current]{background:#eff2f7;color:#234cb5}
.header .nav :is(.commercial-submenu,.tools-submenu) a:after{display:none!important}
@media(min-width:1101px) and (max-width:1300px){.header :is(.commercial-nav-group,.tools-nav-item)>a{font-size:12px}}
@media(max-width:1100px){.header :is(.commercial-nav-group,.tools-nav-item){display:grid;grid-template-columns:1fr auto;gap:0;width:100%;border-bottom:1px solid #d7dfea}.header :is(.commercial-nav-group,.tools-nav-item)>a{padding:14px 0;font-size:18px}.header :is(.commercial-nav-toggle,.tools-menu-toggle){width:38px;height:38px}.header :is(.commercial-submenu,.tools-submenu){display:none;position:static;grid-column:1/-1;width:auto;padding:0 0 12px 14px;margin:0;box-shadow:none;border:0;background:transparent;opacity:1;visibility:visible;transform:none;transition:none}.header :is(.commercial-nav-group,.tools-nav-item).open :is(.commercial-submenu,.tools-submenu){transform:none}.header .nav :is(.commercial-submenu,.tools-submenu) a{font-size:13px;min-height:38px;padding:7px 11px}.header .nav :is(.commercial-submenu,.tools-submenu) a:first-child{background:transparent}}

@media(max-width:680px){.header .nav :is(.commercial-submenu,.tools-submenu) a{font-size:14px}}
@media(prefers-reduced-motion:reduce){.header :is(.commercial-submenu,.tools-submenu,.commercial-nav-toggle,.tools-menu-toggle){transition:none}}
