:root{--ink:#102454;--green:#79bd38;--lime:#a9d755;--paper:#f4f6f9;--line:#d8dfeb;--muted:#637087;--shadow:0 12px 35px rgba(16,36,84,.10)}
.topbar{height:88px;background:#fff;color:var(--ink);border-bottom:1px solid var(--line)}
.brand{gap:18px}.brand img{width:142px;height:76px;object-fit:contain}.brand-label{font-size:14px;font-weight:800;padding-left:18px;border-left:1px solid var(--line);color:#52617c}
.spotify{color:#fff;background:var(--ink);border-color:var(--ink)}.spotify:hover{background:var(--green);border-color:var(--green);color:#fff}
.intro{background:linear-gradient(135deg,#102454 0%,#16336f 58%,#397640 100%)}
.search-box svg{stroke:var(--ink)}
.filter{border-color:#ccd5e4;color:#324363}.filter:hover,.filter.active{border-color:var(--ink);background:var(--ink);color:#fff}
.ep,.guest strong,.listen{color:#4f9224}.tag{background:#edf4e7;color:#396d1d}.more{border-color:var(--ink);color:var(--ink)}.more:hover{background:var(--ink);color:#fff}
@media(max-width:760px){.topbar{height:76px;padding:0 16px}.brand{gap:8px}.brand img{width:100px;height:64px}.brand-label{display:none}}