/* Shared navigation for editorial categories and the two product scopes. */
.category-browser [hidden]{display:none!important}
.category-bar-wrap{padding-top:8px;padding-bottom:0}
.category-bar{display:flex;flex-wrap:wrap;gap:0 36px;border-bottom:1px solid var(--line)}
.category-bar button{position:relative;appearance:none;background:transparent;border:0;margin:0;padding:16px 2px 18px;min-height:64px;font-family:'Barlow Condensed',Arial,sans-serif;font-size:28px;font-weight:700;line-height:1.05;letter-spacing:-.01em;color:var(--muted);cursor:pointer;text-align:left;transition:color .18s ease}
.category-bar button::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:3px;background:var(--teal);transform:scaleX(0);transform-origin:left center;transition:transform .3s cubic-bezier(.16,1,.3,1)}
.category-bar button[aria-pressed="true"]{color:var(--navy)}
.category-bar button[aria-pressed="true"]::after{transform:scaleX(1)}
.category-browser[data-category-direction="-1"] .category-bar button::after{transform-origin:right center}
.category-bar button:hover{color:var(--teal)}
.category-bar button:focus-visible{outline:2px solid var(--teal);outline-offset:4px}
.category-browser .section:first-child{padding-top:42px}
.category-scope{max-width:720px;color:var(--muted);font-size:18px;line-height:1.6;margin:0 0 28px}
.category-browser[data-category-animated="true"] [data-category-group]:not([hidden]){--category-enter-x:18px;animation:category-panel-enter .32s cubic-bezier(.16,1,.3,1) both}
.category-browser[data-category-direction="-1"] [data-category-group]:not([hidden]){--category-enter-x:-18px}
@keyframes category-panel-enter{from{opacity:.55;transform:translateX(var(--category-enter-x))}to{opacity:1;transform:translateX(0)}}
@media(max-width:600px){.category-bar{gap:0 16px}.category-bar button{font-size:21px;min-height:52px;padding:13px 0}.category-browser .section:first-child{padding-top:30px}}
@media(prefers-reduced-motion:reduce){.category-bar button,.category-bar button::after{transition-duration:.12s}.category-browser[data-category-animated="true"] [data-category-group]:not([hidden]){animation-name:category-panel-fade;animation-duration:.15s}@keyframes category-panel-fade{from{opacity:.65}to{opacity:1}}}
@media print{.category-bar-wrap{display:none!important}.category-browser [data-category-group][hidden]{display:block!important}}
