.songs{background:#f1e5d8}
.catalog-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:32px;align-items:start}
.catalog-block{border:1px solid var(--line);background:#f6ecdf}
.catalog-block>header{height:auto;position:static;padding:22px 24px;display:flex;align-items:baseline;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line)}
.catalog-block h3{margin:0;font-size:23px;font-weight:500;letter-spacing:-.025em}
.catalog-block>header span{font-size:9px;letter-spacing:1.4px;text-transform:uppercase;opacity:.62;white-space:nowrap}
.catalog-list{margin:0;padding:0;list-style:none;counter-reset:track}
.catalog-list>li{counter-increment:track;display:grid;grid-template-columns:35px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:50px;padding:9px 18px;border-bottom:1px solid var(--line)}
.catalog-list>li:last-child{border-bottom:0}
.catalog-list>li:before{content:counter(track,decimal-leading-zero);font-size:8px;letter-spacing:1px;opacity:.55}
.catalog-list>li>span{font-size:13px;font-weight:500}
.catalog-list small{font-size:9px;line-height:1.35;text-align:right;opacity:.64}
.catalog-list>li.has-preview{grid-template-columns:35px minmax(0,1fr) auto 31px}
.track-play{width:31px;height:31px;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--ink);display:grid;place-items:center;padding:0;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.track-play span{font-size:0;line-height:0}
.track-play span:before{content:'';display:block;width:0;height:0;margin-left:2px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:8px solid currentColor}
.track-play:hover,.track-play.is-playing{background:#725538;border-color:#725538;color:#fff7eb}
.track-play.is-playing span:before{width:8px;height:10px;margin-left:0;border:0;border-left:2px solid currentColor;border-right:2px solid currentColor}
.catalog-list>li.catalog-mix{align-items:start;padding-top:16px;padding-bottom:13px}
.catalog-mix details{grid-column:2/4;width:100%}
.catalog-mix summary{display:flex;align-items:center;justify-content:space-between;gap:12px;list-style:none;cursor:pointer;font-size:13px;font-weight:500}
.catalog-mix summary::-webkit-details-marker{display:none}
.catalog-mix summary:after{content:'⌄';font-size:18px;font-weight:400;line-height:1;transition:transform .2s}
.catalog-mix details[open] summary:after{transform:rotate(180deg)}
.catalog-mix summary small{margin-left:auto}
.mix-tracks{counter-reset:mix;margin:12px 0 2px;padding:5px 0 0;list-style:none;border-top:1px solid var(--line)}
.mix-tracks li{counter-increment:mix;display:grid;grid-template-columns:25px 1fr;gap:8px;padding:7px 0;font-size:11px;border-bottom:1px solid var(--line)}
.mix-tracks li:last-child{border-bottom:0}
.mix-tracks li:before{content:counter(mix,decimal-leading-zero);font-size:8px;opacity:.52}
.catalog-originals{background:#ead9c7}
.program-catalog{margin-top:38px}
@media(max-width:650px){.catalog-columns{grid-template-columns:1fr;gap:12px}.catalog-list li{grid-template-columns:31px minmax(0,1fr) auto}.catalog-block>header{padding:18px}.catalog-block h3{font-size:20px}}
@media(max-width:480px){.catalog-list li{grid-template-columns:27px minmax(0,1fr);gap:8px;padding:10px 12px}.catalog-list small{grid-column:2;text-align:left;margin-top:-5px}.catalog-list>li.has-preview{grid-template-columns:27px minmax(0,1fr) 31px}.has-preview .track-play{grid-column:3;grid-row:1/3}.catalog-block>header span{font-size:8px}}
/* Consistent title, credit and play columns in both catalogs. */
.catalog-list>li{grid-template-columns:26px minmax(0,1fr) minmax(74px,140px) 34px;gap:10px;min-height:64px}
.catalog-list>li.has-preview{grid-template-columns:26px minmax(0,1fr) minmax(74px,140px) 34px}
.catalog-list>li>span{font-size:15px;line-height:1.4}
.catalog-list>li>small{grid-column:3;font-size:12px;text-align:right}
.catalog-list>li>.track-play{grid-column:4;grid-row:1;width:34px;height:34px}
.catalog-list>li:before{font-size:11px}
.catalog-mix details{grid-column:2/-1}
.catalog-mix summary{flex-wrap:wrap;justify-content:flex-start;font-size:15px;line-height:1.4;min-height:44px}
.catalog-mix summary>span:first-child{flex:1 1 190px}
.catalog-mix summary small{font-size:12px}
.mix-toggle-label{display:inline-flex;font-size:12px;border:1px solid var(--line);border-radius:20px;padding:7px 10px}
.mix-hide,details[open] .mix-show{display:none}
details[open] .mix-hide{display:inline}
.catalog-mix summary:after{display:none}
.catalog-mix summary:focus-visible,.track-play:focus-visible{outline:2px solid #725538;outline-offset:4px}
.catalog-list .mix-tracks>li{grid-template-columns:24px minmax(0,1fr) 34px;align-items:center;min-height:49px;gap:8px;padding:8px 0;font-size:14px}
.mix-tracks .track-play{grid-column:3;grid-row:1}
.mix-tracks li:before{font-size:11px}
.track-upcoming em{display:block;font-size:12px;font-style:normal;font-weight:400;opacity:.7;margin-top:3px}
@media(max-width:1000px) and (min-width:651px),(max-width:480px){.catalog-list>li,.catalog-list>li.has-preview{grid-template-columns:24px minmax(0,1fr) 34px;gap:5px 10px;padding:12px}.catalog-list>li>span{grid-column:2;grid-row:1}.catalog-list>li>small{grid-column:2;grid-row:2;text-align:left;margin:0}.catalog-list>li>.track-play{grid-column:3;grid-row:1/3}.catalog-list>li:before{grid-row:1/3}.catalog-mix details{grid-column:2/-1}.catalog-list .mix-tracks>li{grid-template-columns:20px minmax(0,1fr) 34px}}
/* Aligned video and audio controls; the television opens the full clip. */
.catalog-list>li,.catalog-list>li.has-preview{grid-template-columns:26px minmax(0,1fr) minmax(52px,120px) 34px 34px;gap:8px}
.catalog-list>li>.track-play{grid-column:4}
.track-video{grid-column:5;grid-row:1;display:grid;place-items:center;width:34px;height:34px;padding:6px;border:1px solid #a7824e88;border-radius:9px;background:#b9925120;color:#8b642f;cursor:pointer;transition:background .2s,color .2s}
.track-video svg{display:block;width:21px;height:21px}
.track-video:hover{background:#725538;color:#fff7eb}
.track-video:focus-visible{outline:2px solid #725538;outline-offset:3px}
@media(max-width:1000px) and (min-width:651px),(max-width:480px){.catalog-list>li,.catalog-list>li.has-preview{grid-template-columns:24px minmax(0,1fr) 34px 34px;gap:5px 8px}.catalog-list>li>.track-play{grid-column:3;grid-row:1/3}.catalog-list>li>.track-video{grid-column:4;grid-row:1/3}}
@media(prefers-reduced-motion:reduce){.track-video{transition:none}}