/* Shared Resources disclosure; keep future header additions in this component. */
.nav-resources{position:relative;flex-shrink:0;font-size:.9rem}
.nav-resources>summary{display:flex;align-items:center;gap:7px;min-height:36px;cursor:pointer;list-style:none;white-space:nowrap;color:inherit;font:inherit;border-radius:6px}
.nav-resources>summary::-webkit-details-marker{display:none}
.nav-resources>summary::after{content:"";width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .15s ease}
.nav-resources[open]>summary::after{transform:translateY(2px) rotate(225deg)}
.nav-resources>summary:focus-visible,.nav .resources-menu a:focus-visible{outline:2px solid var(--accent,#a51e2d);outline-offset:4px}
.resources-menu{position:absolute;top:100%;left:-16px;z-index:30;min-width:245px;max-width:calc(100vw - 24px);margin:0;padding:14px 10px;list-style:none;background:#fff;border:1px solid var(--line,#dedee3);border-radius:12px;box-shadow:0 16px 36px rgba(0,0,0,.12);text-align:left}
.resources-menu li{margin:0;padding:0}
.nav .resources-menu a{display:block;padding:11px 14px;border-radius:7px;font:inherit;line-height:1.35;white-space:normal;text-align:left}
.nav .resources-menu a:hover,.nav .resources-menu a:focus-visible{background:var(--soft,#f5f5f7)}
@media(max-width:900px){.nav .nav-links>a:not(.nav-news):not(.nav-newsletter):not(.nav-shop){display:none}.nav .nav-inner{align-items:center;padding-top:0;padding-bottom:0}.nav-links .resources-menu a{display:block}.resources-menu{left:auto;right:0}}
@media(max-width:620px){.nav>.shell{padding-left:12px;padding-right:12px}.nav .brand img{width:112px;max-width:none}.nav .nav-inner{gap:10px}.nav .nav-links{column-gap:11px;font-size:.82rem}.nav-resources{font-size:.82rem;position:static}.resources-menu{left:12px;right:12px;min-width:0;max-width:none}}
@media(prefers-reduced-motion:reduce){.nav-resources>summary::after{transition:none}}

/* Newsletter navigation */
.nav .nav-links>a.nav-newsletter{display:inline-block}
@media(max-width:620px){
  .nav .nav-inner{flex-wrap:wrap;row-gap:0}
  .nav .brand{padding-top:9px}
  .nav .nav-links{flex:1 1 100%;justify-content:flex-start;column-gap:20px;padding:0 0 9px}
}

/* Products uses the same accessible disclosure as Resources. */
.nav .products-menu{min-width:310px}
@media(max-width:620px){.nav .products-menu{min-width:0}}