/* Only the section links remain pinned; the masthead participates in normal flow. */
:root{--navigation-height:41px;--masthead-height:110px}
.site-masthead{position:relative;background:var(--bg)}
.navigation-header.header{position:sticky;inset:0 0 auto;top:0;z-index:30;background:var(--bg)}
main.wrap{padding-top:24px}
html{scroll-padding-top:calc(var(--navigation-height) + 20px)}
.navigation-header .mobile-nav{position:absolute;top:100%;left:0;right:0;max-height:calc(100dvh - var(--navigation-height) - var(--masthead-height));overflow:auto;border-bottom:1px solid var(--line);box-shadow:0 10px 18px #1a283318}
.navigation-header .album-nav.desktop-nav{height:auto;min-height:52px;padding-top:6px;padding-bottom:6px;border-top:0;gap:4px;font-size:12px}
.navigation-header .album-nav>a{display:inline-flex;align-items:center;justify-content:center;gap:6px;flex:0 0 auto;min-height:40px;line-height:20px;padding:8px 12px;white-space:nowrap;border:1px solid transparent;border-radius:14px;transition:background-color .18s,border-color .18s,color .18s}
.navigation-header .album-nav a::after,.navigation-header .album-nav a:hover::after{content:none;display:none}
.navigation-header .album-nav a:hover,.navigation-header .album-nav a:focus-visible{background:var(--pale);color:var(--ink)}
.navigation-header .album-nav a[aria-current]{background:var(--pale);border-color:var(--line);color:var(--ink)}
.navigation-header .mobile-nav a{border-bottom:0;border-radius:14px;padding:10px 12px}
.navigation-header .mobile-nav a[aria-current]{background:var(--pale);color:var(--ink)}
/* Category groups occupy separate rows, so wrapping never shifts their baseline. */
.catalog-filter-panel .filters{grid-column:1/-1;align-self:start;align-items:stretch;align-content:start}
.catalog-filter-panel .filters .chip{display:inline-flex;align-items:center;justify-content:center;border-style:solid;border-color:transparent;border-radius:999px;background:var(--surface);transition:background-color .18s,border-color .18s}
.catalog-filter-panel .filters .chip:hover{background:var(--pale);border-color:var(--line)}
.catalog-filter-panel .filters .chip.active{background:var(--pale);border-color:var(--green);color:var(--ink)}
@media(max-width:1180px){
 .navigation-header .album-nav.desktop-nav{display:flex;justify-content:flex-start;overflow-x:auto;overflow-y:hidden;white-space:nowrap;overscroll-behavior-x:contain;scrollbar-width:thin;max-width:100%;scroll-padding-inline:20px}
 .navigation-header .album-nav a:focus-visible{outline-offset:-1px}
}
@media(max-width:650px){
 main.wrap{padding-top:22px}
 html.mobile-scroll-header{scroll-padding-top:calc(var(--navigation-height) + 20px)}
 html.mobile-scroll-header .navigation-header{transform:translateY(0);transition:transform .22s ease}
 html.mobile-header-hidden .navigation-header{transform:translateY(-100%);pointer-events:none}
}
@media(max-width:650px) and (prefers-reduced-motion:reduce){html.mobile-scroll-header .navigation-header{transition:none}}