/* Header refinements measured against the source's expanded navigation. */
#main-navigation{color:#333}
#main-navigation a:hover{text-decoration:underline;text-underline-offset:4px}
.submenu-toggle svg,.more-toggle svg{width:12px;height:12px;flex:none;vertical-align:middle;pointer-events:none}
.more-toggle{display:inline-flex;align-items:center;gap:5px}
.mobile-nav-account{display:none}
@media(min-width:1001px){
 .header-inner nav{height:58.484375px;min-width:0}
 .header-inner nav>ul{height:100%}
 .header-inner nav>ul>li{height:100%;position:static}
 .header-inner nav>ul>li>a{display:flex;align-items:center;min-height:44px}
 .submenu-toggle{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:44px;padding:0 4px}
 #main-navigation .has-submenu>.submenu{padding:20px 50px;gap:30px 0;grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;border:0;max-height:var(--navigation-panel-height,calc(100dvh - 102px));box-shadow:0 10px 40px #00000014;scrollbar-width:thin;scroll-padding-block:20px}
 #main-navigation .submenu>a:first-child{display:none}
 #main-navigation .nav-group,#main-navigation .nav-leaf{padding-right:20px}
 #main-navigation .nav-group>summary{font-size:16px;font-weight:400;min-height:32px;line-height:24px;padding:0 0 8px}
 #main-navigation .nav-group-desktop-link>a{display:block;min-height:24px;line-height:24px;padding:0;font-size:16px;font-weight:400}
 #main-navigation .nav-group-links{gap:0}
 #main-navigation .nav-group-links>a{display:block;width:fit-content;max-width:100%;min-height:28px;padding-block:3.5px;line-height:21px;color:#767676;font-weight:400;overflow-wrap:anywhere}
 #main-navigation .nav-leaf>a{font-size:16px;font-weight:400;padding:0;min-height:32px;line-height:24px}
 #main-navigation .more-menu>.submenu{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 30px}
 #main-navigation .nav-root>summary{font-size:16px;font-weight:400}
 #main-navigation .has-submenu.expanded>a{text-decoration:underline;text-underline-offset:4px}
}
@media(min-width:1001px) and (max-width:1199px){
 .header-inner{gap:16px}
 .header-inner nav>ul{gap:8px}
 #main-navigation .has-submenu>.submenu{padding-inline:30px}
 .submenu-toggle{min-width:16px;padding-inline:2px}
}
@media(max-width:1000px){
 .header-inner nav{display:grid;grid-template-rows:68px minmax(0,1fr) 64px;height:100dvh;width:min(85vw,380px);padding:0 20px;overflow:hidden}
 #main-navigation .mobile-nav-heading{position:static;display:flex;align-items:center;justify-content:flex-end;height:68px;margin:0;padding:0;border-bottom:1px solid var(--line);background:#fff}
 #mobile-navigation-title{position:absolute;clip:rect(1px,1px,1px,1px);width:1px;height:1px;overflow:hidden}
 #main-navigation>ul{overflow-y:auto;overscroll-behavior:contain;min-height:0;margin:0;scroll-padding-block:12px}
 .header-inner nav>ul>li{padding:0;min-height:53px;font-size:16px;letter-spacing:0}
 .header-inner nav>ul>li>a{min-height:52px;display:flex;align-items:center;padding:14px 0;line-height:24px}
 #main-navigation .submenu-toggle{min-height:52px;min-width:44px;display:flex;align-items:center;justify-content:center;padding:0}
 #main-navigation .submenu-toggle svg{transform:rotate(-90deg)}
 #main-navigation .submenu-toggle[aria-expanded=true]{transform:none}
 #main-navigation .submenu-toggle[aria-expanded=true] svg{transform:none}
 #main-navigation .has-submenu>.submenu{padding:0 12px 12px;gap:0;background:#fafafa;border-top:1px solid var(--line)}
 #main-navigation .submenu>a:first-child{display:flex;align-items:center;min-height:44px;padding-block:10px;font-weight:400}
 #main-navigation .nav-group>summary,#main-navigation .nav-root>summary{display:flex;align-items:center;justify-content:space-between;min-height:48px;line-height:24px;padding-block:12px;font-weight:400;list-style:none}
 #main-navigation summary::-webkit-details-marker{display:none}
 #main-navigation .nav-group>summary:after,#main-navigation .nav-root>summary:after{content:'';width:7px;height:7px;border-right:1px solid;border-bottom:1px solid;transform:rotate(-45deg);margin-inline:12px 4px;flex:none}
 #main-navigation details[open]>summary:after{transform:rotate(45deg)}
 #main-navigation .nav-group-links{gap:0;padding-left:10px}
 #main-navigation .nav-group-links a{font-weight:400;overflow-wrap:anywhere}
 #main-navigation .more-toggle{display:flex;justify-content:space-between;min-height:52px;font-size:16px;letter-spacing:0;padding:14px 16px 14px 0}
 .mobile-nav-account{display:flex;align-items:center;gap:10px;min-height:64px;border-top:1px solid var(--line);background:#fff;font-size:16px}
}
