.music-browser{background:var(--bg);min-height:100dvh;color:var(--ink)}.browse-main{max-width:980px;margin:0 auto;padding:48px 32px 80px}.browse-eyebrow{color:var(--confirmed);font:11px/1.5 var(--mono);letter-spacing:.13em;margin:0 0 16px}.browse-intro h1,.browse-title{font-family:var(--serif);letter-spacing:-.04em;margin:0 0 30px;font-size:clamp(40px,6vw,72px);font-weight:400;line-height:1.04}.browse-title{font-size:clamp(36px,5vw,56px)}.browse-search{margin:0 0 18px}.browse-search>label{margin-bottom:10px;font-size:14px;display:block}.browse-search>div{gap:8px;display:flex}.browse-search input[type=search]{border:1px solid var(--line-strong);background:var(--panel);width:100%;min-width:0;min-height:52px;color:var(--ink);font:16px/1.4 var(--sans);border-radius:3px;padding:12px 14px}.browse-search input::placeholder{color:var(--ink-2)}.browse-search button,.browse-action{border:1px solid var(--teal);background:var(--teal-deep);min-height:48px;color:var(--ink);font:14px/1.4 var(--sans);cursor:pointer;border-radius:3px;justify-content:center;align-items:center;gap:12px;padding:12px 18px;text-decoration:none;display:inline-flex}.browse-scope,.browse-caption,.browse-footer-note{color:var(--ink-2);font-size:13px;line-height:1.65}.browse-scope{max-width:620px;margin:14px 0 0}.browse-scope a,.browse-caption a,.browse-footer-note a{color:var(--ink);text-underline-offset:3px;text-decoration:underline}.browse-era-section{margin-top:38px}.browse-section-heading{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.browse-section-heading h2{font:400 27px/1.25 var(--serif);margin:0}.browse-section-heading>span{color:var(--ink-2);font:11px/1.5 var(--mono);text-align:right}.browse-era-list,.browse-results ul{border-top:1px solid var(--line-strong);margin:18px 0 0;padding:0;list-style:none}.browse-era-list li,.browse-results li{border-bottom:1px solid var(--line)}.browse-era-list a{color:inherit;grid-template-columns:32px minmax(0,1fr) 24px;align-items:center;gap:18px;padding:22px 4px;text-decoration:none;display:grid}.browse-era-number{color:var(--mute);font:11px var(--mono);align-self:start;margin-top:5px}.browse-era-years{color:var(--confirmed);font:11px/1.5 var(--mono)}.browse-era-list h3{font:400 clamp(23px, 3vw, 32px)/1.15 var(--serif);overflow-wrap:anywhere;margin:5px 0 8px}.browse-era-list p,.browse-results p{color:var(--ink-2);margin:0;font-size:13px;line-height:1.55}.browse-arrow{color:var(--confirmed);font-size:22px}.browse-secondary{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:32px;display:grid}.browse-secondary a{border:1px solid var(--line-strong);min-height:48px;color:var(--ink);padding:15px;font-size:14px}.browse-filters{border-bottom:1px solid var(--line);margin-top:12px}.browse-filters summary{cursor:pointer;min-height:48px;color:var(--ink-2);padding:13px 0;font-size:13px}.browse-filter-fields{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:8px 0 14px;display:grid}.browse-filter-fields label{flex-direction:column;gap:8px;font-size:12px;display:flex}.browse-filter-fields select{border:1px solid var(--line-strong);width:100%;min-width:0;min-height:48px;color:var(--ink);background:var(--panel);font:16px var(--sans);border-radius:3px;padding:10px}.browse-filter-fields button{grid-column:1/-1;justify-self:start}.browse-active-filters{flex-wrap:wrap;gap:8px;margin:16px 0;display:flex}.browse-active-filters a{border:1px solid var(--teal-deep);background:var(--panel);min-height:44px;color:var(--ink);overflow-wrap:anywhere;align-items:center;gap:12px;padding:8px 12px;font-size:13px;text-decoration:none;display:inline-flex}.browse-tabs{border-bottom:1px solid var(--line-strong);flex-wrap:wrap;gap:4px;margin-top:24px;display:flex}.browse-tabs a{min-height:48px;color:var(--ink-2);border-bottom:2px solid #0000;padding:14px 16px;font-size:14px;text-decoration:none}.browse-tabs a[aria-current=page]{border-color:var(--confirmed);color:var(--ink)}.browse-result-count{color:var(--ink-2);overflow-wrap:anywhere;margin:20px 0;font-size:13px}.browse-results{margin:30px 0}.browse-results li>a{min-height:80px;color:inherit;justify-content:space-between;align-items:center;gap:18px;padding:19px 4px;text-decoration:none;display:flex}.browse-results li>a>div{min-width:0}.browse-results h3{font:400 24px/1.2 var(--serif);overflow-wrap:anywhere;margin:0 0 7px}.browse-results p{overflow-wrap:anywhere}.browse-results .browse-arrow{flex-shrink:0}.browse-category-more{min-height:48px;color:var(--ink);text-underline-offset:4px;align-items:center;gap:12px;padding:12px 4px;font-size:14px;display:inline-flex}.browse-more{text-align:center;margin:32px 0}.browse-more p{color:var(--ink-2);font-size:13px}.browse-footer-note{border-top:1px solid var(--line);margin-top:40px;padding-top:24px}.browse-empty{padding:26px 0}.browse-empty h2{font:400 28px var(--serif)}.browse-empty p{color:var(--ink-2);line-height:1.6}.browse-empty .browse-action{margin:8px 8px 0 0}.music-browser a:focus-visible,.music-browser button:focus-visible,.music-browser input:focus-visible,.music-browser select:focus-visible,.music-browser summary:focus-visible{outline:2px solid var(--confirmed);outline-offset:4px}@media (hover:hover){.browse-era-list a:hover,.browse-results li>a:hover{background:var(--panel)}}@media (max-width:600px){.browse-main{padding:28px 18px 48px}.browse-intro h1{margin-bottom:23px;font-size:43px}.browse-era-section{margin-top:28px}.browse-search button{padding-inline:13px}.browse-search button span{display:none}.browse-era-list a{grid-template-columns:24px minmax(0,1fr) 20px;gap:10px;padding-block:20px}.browse-filter-fields{grid-template-columns:minmax(0,1fr)}.browse-tabs{gap:0}.browse-tabs a{padding-inline:9px}.browse-section-heading>span{max-width:100px}}@media (prefers-reduced-motion:reduce){.music-browser *,.music-browser :before,.music-browser :after{scroll-behavior:auto;transition:none;animation:none}}
