
.header .desktop-nav{gap:24px;font-size:13px}
.header .desktop-nav>.nav-disclosure{position:static}
.header .desktop-nav>.nav-disclosure>summary{min-height:48px;padding:0 2px}
.header .nav-panel{color:var(--ink);background:var(--paper);border:1px solid var(--line);box-shadow:0 20px 35px #1d1d1f20;text-align:left}
.header .desktop-nav .nav-panel{position:absolute;top:100%;left:32px;right:32px;padding:28px 32px;max-height:calc(100dvh - 130px);overflow-y:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px 32px;border-radius:0 0 14px 14px}
.header .desktop-nav .nav-panel--departments{gap:24px 36px}
.header .desktop-nav .nav-panel a{display:flex;min-height:34px;padding:5px 8px;font-size:13px;line-height:1.4;border-radius:5px}
.header .desktop-nav .nav-panel a:hover,.header .nav-panel a:focus-visible{background:var(--signal)}
.header .desktop-nav .nav-department-title{font-size:14px;font-weight:700;border-bottom:1px solid var(--line);border-radius:0;margin-bottom:7px;padding-bottom:11px}
.header .nav-panel a[aria-current=page]{font-weight:700;text-decoration:underline;text-underline-offset:4px}
.header .mobile-nav .nav-panel{position:static;border:0;box-shadow:none;padding:4px 0 8px;background:transparent}
.header .mobile-nav nav{color:var(--ink);background:var(--paper);padding:12px 20px 24px;max-height:calc(100dvh - 100px)}
.header .mobile-nav nav>.nav-disclosure{padding:0;border-bottom:1px solid var(--line)}
.header .mobile-nav nav>.nav-disclosure>summary{min-height:52px;font-size:16px;font-weight:600;padding:8px 0;list-style:none}
.header .mobile-nav nav .nav-department{padding:0;border:0}
.header .mobile-nav nav .nav-department>summary{min-height:48px;padding:8px 12px;font-size:14px;list-style:none}
.header .mobile-nav nav details>summary:after{content:'+';margin-left:auto;padding-left:12px}
.header .mobile-nav nav details[open]>summary:after{content:'−'}
.header .mobile-nav .nav-department-links{padding:0 0 8px 14px;border-left:2px solid var(--line);margin:0 0 8px 12px}
.header .mobile-nav nav a{display:flex;align-items:center;min-height:44px;padding:10px 12px;font-size:14px;line-height:1.4}
.header .mobile-nav nav>a{padding-inline:0;font-size:16px;min-height:52px;border-bottom:1px solid var(--line)}
@media(min-width:990px) and (max-width:1150px){.header{padding-inline:24px;gap:18px}.header .desktop-nav{gap:16px;font-size:12px}.header .wordmark .brand-logo{width:160px}.header .header-actions{gap:4px}}
@media(min-width:1151px){.header .desktop-nav .nav-panel{left:52px;right:52px}}
