#main-nav[data-simple-navigation]{align-items:center;gap:6px}
#main-nav[data-simple-navigation]>a,#main-nav .nav-more>summary{font-size:.94rem;font-weight:800;line-height:1.35;padding:12px 10px;border-radius:10px;white-space:nowrap;color:var(--muted)}
#main-nav[data-simple-navigation]>a:hover,#main-nav[data-simple-navigation]>a[aria-current=page],#main-nav .nav-more>summary:hover,#main-nav .nav-more[data-current]>summary{background:var(--panel2);color:var(--ink)}
.nav-more{position:relative}.nav-more>summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:7px;min-height:44px}.nav-more>summary::-webkit-details-marker{display:none}.nav-more>summary>span{transition:transform .15s}.nav-more[open]>summary>span{transform:rotate(180deg)}
.nav-more-panel{position:absolute;right:0;top:calc(100% + 10px);width:430px;max-width:calc(100vw - 32px);padding:16px;display:grid;grid-template-columns:1fr 1fr;gap:18px;max-height:calc(100dvh - 110px);overflow:auto;background:var(--panel);border:1px solid var(--line);border-radius:16px;box-shadow:0 18px 55px rgba(0,0,0,.3)}
.nav-more:not([open])>.nav-more-panel{display:none}.nav-more-group{display:grid;align-content:start;gap:3px;min-width:0}.nav-more-group>strong{font-size:.75rem;letter-spacing:.04em;color:var(--muted);padding:4px 10px 9px}
#main-nav .nav-more-panel a{display:flex;align-items:center;min-height:44px;padding:10px;border-radius:9px;font-size:.9rem;line-height:1.4;white-space:normal;overflow-wrap:anywhere;color:var(--ink)}
#main-nav .nav-more-panel a:hover,#main-nav .nav-more-panel a[aria-current=page]{background:var(--panel2);color:var(--ink)}
.site-header:has([data-simple-navigation]) .nav-shell{gap:14px}
@media(min-width:981px){.site-header:has([data-simple-navigation]) .brand>span:last-child{display:none}.site-header:has([data-simple-navigation]) .nav-shell{flex-wrap:nowrap;padding-block:0}#main-nav[data-simple-navigation]{order:0;flex:0 1 auto;margin-left:auto;padding-top:0;border-top:0;justify-content:flex-start}}
@media(min-width:1181px){.site-header:has([data-simple-navigation]) .brand>span:last-child{display:inline}}
@media(max-width:1100px) and (min-width:981px){#main-nav[data-simple-navigation]>a,#main-nav .nav-more>summary{padding-inline:7px;font-size:.88rem}}
@media(max-width:980px){#main-nav[data-simple-navigation]{top:calc(100% + 6px);max-height:calc(100dvh - 88px);overflow:auto;background:var(--panel);padding:12px;gap:4px}#main-nav[data-simple-navigation].open{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}#main-nav[data-simple-navigation]>a{display:flex;align-items:center;min-height:48px;white-space:normal;overflow-wrap:anywhere}#main-nav .nav-more{grid-column:1/-1}#main-nav .nav-more>summary{min-height:48px;justify-content:space-between}#main-nav .nav-more-panel{position:static;width:100%;max-width:none;max-height:none;box-shadow:none;border:0;border-top:1px solid var(--line);border-radius:0;padding:12px 0 0;margin-top:4px;gap:10px}.site-header:has([data-simple-navigation]) .nav-shell{gap:8px}}
@media(max-width:370px){#main-nav .nav-more-panel{grid-template-columns:1fr}}
@media(max-width:980px){#main-nav .nav-more-panel{background:transparent}}
/* Expanded catalog navigation and a decorative recording-style Live indicator. */
#main-nav[data-nav-layout=compact-live]{gap:3px}
#main-nav[data-nav-layout=compact-live]>a,#main-nav[data-nav-layout=compact-live] .nav-more>summary{padding-inline:8px;font-size:.88rem}
#main-nav[data-nav-layout=compact-live]>.nav-live{display:inline-flex;align-items:center;gap:6px}
.nav-live-dot{position:relative;display:inline-block;flex:0 0 10px;width:10px;height:10px;border-radius:50%;background:#f43f5e;border:2px solid var(--ink);isolation:isolate}
.nav-live-dot:before{content:"";position:absolute;inset:-6px;border-radius:50%;background:#f43f5e55;z-index:-1;animation:nav-live-pulse 1.8s ease-out infinite}
@keyframes nav-live-pulse{0%,100%{transform:scale(.85);opacity:.6}60%{transform:scale(1.2);opacity:1}}
@media(min-width:981px){.site-header:has([data-nav-layout=compact-live]) .brand>span:last-child{display:none}}
@media(max-width:980px){#main-nav[data-nav-layout=compact-live]>a,#main-nav[data-nav-layout=compact-live] .nav-more>summary{font-size:.94rem}}
@media(prefers-reduced-motion:reduce){.nav-live-dot:before{animation:none;transform:none;opacity:.7}}
/* Keep the site name visible, with the navigation beside the brand. */
.site-header:has([data-simple-navigation]) .brand{flex-shrink:0}
.site-header:has([data-simple-navigation]) .brand>span:last-child{display:inline!important}
@media(min-width:981px){#main-nav[data-simple-navigation]{margin-left:0}.site-header:has([data-simple-navigation]) .nav-shell{gap:12px}.site-header:has([data-simple-navigation]) .global-search{margin-left:auto}}
@media(min-width:981px) and (max-width:1400px){.site-header:has([data-simple-navigation]) .search-trigger{min-width:40px;width:40px;padding:8px;justify-content:center}.site-header:has([data-simple-navigation]) .search-trigger>span,.site-header:has([data-simple-navigation]) .search-trigger kbd{display:none}}
@media(min-width:981px) and (max-width:1100px){#main-nav[data-simple-navigation]>a,#main-nav .nav-more>summary{font-size:.82rem;padding-inline:6px}.site-header:has([data-simple-navigation]) .brand{font-size:.95rem}.site-header:has([data-simple-navigation]) .nav-shell{gap:8px}}
@media(max-width:480px){.site-header:has([data-simple-navigation]) .nav-shell{gap:5px}.site-header:has([data-simple-navigation]) .brand{gap:5px}.site-header:has([data-simple-navigation]) .brand>span:last-child{font-size:.78rem}.site-header:has([data-simple-navigation]) .brand-egg{width:30px;height:34px;flex-shrink:0}.site-header:has([data-simple-navigation]) .theme-toggle{flex-basis:36px;width:36px;height:36px}.site-header:has([data-simple-navigation]) .menu-btn{padding:7px;min-width:34px}.site-header:has([data-simple-navigation]) .search-trigger{min-width:36px;width:36px;min-height:36px;padding:7px}.site-header:has([data-simple-navigation]) .language>button{padding:7px}}
/* A centered menu with a real search field that stays visible at every width. */
.site-header:has([data-header-search-input]) .nav-shell{display:grid;grid-template-columns:auto minmax(0,1fr) 40px minmax(160px,210px) auto;gap:12px}
.site-header:has([data-header-search-input]) .brand{grid-column:1;grid-row:1}
.site-header:has([data-header-search-input]) #main-nav{grid-column:2;grid-row:1;justify-self:center;margin:0;flex:none;width:max-content}
.site-header:has([data-header-search-input]) .theme-toggle{grid-column:3;grid-row:1}
.site-header:has([data-header-search-input]) .global-search{grid-column:4;grid-row:1;width:100%;min-width:0;margin:0}
.site-header:has([data-header-search-input]) .language{grid-column:5;grid-row:1}
.header-search-form{display:flex;align-items:center;gap:8px;min-width:0;width:100%;min-height:42px;padding:0 12px;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--yellow)}
.header-search-form svg{flex:0 0 20px;width:20px;height:20px}
.header-search-form:focus-within{border-color:var(--cyan);box-shadow:0 0 0 2px color-mix(in srgb,var(--cyan) 18%,transparent)}
.site-header .header-search-form input.search-trigger{display:block;flex:1;min-width:0;width:100%;height:40px;min-height:40px;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;color:var(--ink);font:inherit;font-size:.85rem;font-weight:600;cursor:text;outline:none}
.header-search-form input::placeholder{color:var(--muted);opacity:1}.header-search-form kbd{font:inherit;color:var(--muted);font-size:.8rem}
@media(min-width:981px) and (max-width:1279px){.site-header:has([data-header-search-input]) .nav-shell{grid-template-columns:minmax(140px,1fr) 40px minmax(190px,240px) auto;padding-block:10px;gap:9px 12px}.site-header:has([data-header-search-input]) .theme-toggle{grid-column:2}.site-header:has([data-header-search-input]) .global-search{grid-column:3}.site-header:has([data-header-search-input]) .language{grid-column:4}.site-header:has([data-header-search-input]) #main-nav{grid-row:2;grid-column:1/-1}}
@media(max-width:980px){.site-header:has([data-header-search-input]) .nav-shell{grid-template-columns:minmax(0,1fr) auto 40px auto;padding-block:8px;gap:8px}.site-header:has([data-header-search-input]) .menu-btn{grid-column:2;grid-row:1;margin:0}.site-header:has([data-header-search-input]) .theme-toggle{grid-column:3}.site-header:has([data-header-search-input]) .language{grid-column:4}.site-header:has([data-header-search-input]) .global-search{grid-column:1/-1;grid-row:2}.site-header:has([data-header-search-input]) #main-nav{grid-row:auto;grid-column:auto;justify-self:auto;width:auto;left:12px;right:12px;max-height:calc(100dvh - 140px)}.site-header .header-search-form input.search-trigger{font-size:16px}}
@media(max-width:480px){.site-header:has([data-header-search-input]) .nav-shell{grid-template-columns:minmax(0,1fr) auto 36px auto;gap:7px}.site-header:has([data-header-search-input]) .brand>span:last-child{font-size:.85rem}}