/* G2.1: bounded native header layout; existing component/JS states retained. */
@media(min-width:941px){
 .irh3-header--ai-product-nav .irh3-nav__inner{position:relative;gap:0;justify-content:space-between}
 .irh3-header--ai-product-nav .irh3-nav-item{position:static;min-width:0}
 .irh3-header--ai-product-nav .irh3-nav-trigger>a{white-space:nowrap}
 .irh3-header--ai-product-nav .irh3-panel{right:0;left:0;width:100%;max-height:calc(100dvh - 180px);overflow-y:auto;overscroll-behavior:contain;visibility:hidden}
 .irh3-header--ai-product-nav .irh3-nav-item:hover>.irh3-panel,
 .irh3-header--ai-product-nav .irh3-nav-item:focus-within>.irh3-panel,
 .irh3-header--ai-product-nav .irh3-nav-item.is-expanded>.irh3-panel{visibility:visible}
 .irh3-header--ai-product-nav .irh3-nav__inner:not(:has(:focus-visible)):has(>.irh3-nav-item:hover)>.irh3-nav-item:not(:hover)>.irh3-panel,
 .irh3-header--ai-product-nav .irh3-nav__inner:has(:focus-visible)>.irh3-nav-item:not(:focus-within)>.irh3-panel{visibility:hidden;opacity:0;pointer-events:none}
}
@media(min-width:941px) and (max-width:1180px){
 .irh3-header--ai-product-nav .irh3-nav-trigger>a{padding-inline:6px;font-size:13px}
 .irh3-header--ai-product-nav .irh3-nav-trigger>button{width:26px}
}
.irh3-header--ai-product-nav .irh3-nav-trigger>a:focus-visible,
.irh3-header--ai-product-nav .irh3-nav-trigger>button:focus-visible,
.irh3-nav-item--ai .irh3-panel-card:focus-visible{outline:3px solid #3156df;outline-offset:3px}
