.music-page{background:#fafbf9;color:#193f50}
.music-breadcrumb{font-size:13px;padding-top:26px;color:#586e76}
.music-intro{padding:42px 0 34px;max-width:1000px}
.music-intro .eyebrow{color:#357a8c;margin-bottom:14px}
.music-intro h1{font-size:clamp(32px,4vw,52px);line-height:1.12}
.music-intro h1 span{color:#367e91}
.music-intro .music-lead{max-width:790px;margin-top:20px;font-size:18px}
.music-deck{border:1px solid #d4e3e7;border-radius:14px;background:#fff;overflow:hidden;max-width:1000px;margin-inline:auto}
.music-cover{position:relative;margin:0;background:#243e4a}
.music-cover img{display:block;width:100%;height:auto;aspect-ratio:3.6;object-fit:cover;object-position:50% 43%}
.music-cover figcaption{position:absolute;bottom:9px;right:10px;font-size:10px;line-height:1.3;padding:3px 6px;border-radius:3px;background:#173e52b8;color:#fff}
.music-deck-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 28px;background:#194b60;color:white}
.music-deck-heading>div{display:flex;align-items:center;gap:14px}
.music-deck-heading h2{font-size:21px;letter-spacing:-.025em}
.music-deck-heading>span{font-size:12px;color:#d8eaf0}
.music-list{list-style:none;margin:0;padding:0}
.music-item{border-bottom:1px solid #dbe6e9;scroll-margin-top:100px}
.music-item:last-child{border-bottom:0}
.music-item.is-selected{background:#edf5f6;box-shadow:inset 3px 0 #357f94}
.music-track{display:flex;align-items:center;gap:18px;padding:22px 28px;width:100%;text-align:left;background:none;border:0;color:#193f50;min-height:102px}
.music-track:hover{background:#f2f7f8}
.music-item.is-selected .music-track{box-shadow:inset 3px 0 #357f94}
.music-track:focus-visible{outline:3px solid #357f94;outline-offset:-4px}
.music-play-icon{flex:0 0 40px;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:1px solid #b5cfd8;background:white;color:#236780;font-size:13px}
.music-item.is-playing .music-play-icon{background:#194b60;border-color:#194b60;color:white}
.music-track-text{flex:1;min-width:0}
.music-track-text strong{display:block;font-size:19px;line-height:1.35;font-weight:700}
.music-track-description{display:block;font-size:14px;line-height:1.6;color:#516c79;margin-top:5px}
.music-duration{font-size:13px;color:#57707a;font-variant-numeric:tabular-nums;flex:0 0 35px;text-align:right}
.music-controls{padding:0 28px 20px 86px}
.music-controls audio{display:block;width:100%;height:42px}
.music-deck-footer{border-top:1px solid #dbe6e9;background:#f7fafb;display:flex;justify-content:space-between;align-items:center;gap:14px;padding:17px 28px;color:#607680;font-size:12px}
.music-auto{display:flex;align-items:center;gap:10px;font-size:13px;color:#315566;cursor:pointer}
.music-auto input{width:18px;height:18px;accent-color:#194b60;margin:0}
.music-cta{margin:48px 0 60px;padding:32px 0;border-top:1px solid #d3e1e5;display:flex;justify-content:space-between;align-items:center;gap:34px}
.music-cta h2{font-size:29px}
.music-cta p{max-width:510px;margin-top:12px}
.music-cta>div:last-child{flex-shrink:0}
.music-price-link{display:block;text-align:center;font-size:13px;margin-top:14px}
.music-page .button,.music-page .button:visited{color:#fff;background:#194b60}
.music-page .music-price-link:visited{color:#193f50}
@media(max-width:800px){
.music-page .wrap{width:calc(100% - 36px)}
.music-intro{padding:26px 0}.music-intro .music-lead{font-size:17px}
.music-deck-heading{padding:18px;display:block}.music-deck-heading>span{display:block;margin-top:8px}.music-deck-heading h2{font-size:20px}
.music-track{padding:19px 15px;gap:11px;align-items:flex-start;min-height:90px}
.music-play-icon{flex-basis:34px;width:34px;height:34px;font-size:11px;margin-top:2px}
.music-track-text strong{font-size:17px}.music-track-description{font-size:13px;line-height:1.55}
.music-duration{flex-basis:29px;font-size:11px;padding-top:7px}
.music-controls{padding:0 14px 17px}
.music-deck-footer{padding:16px;display:block}.music-deck-footer>span{display:block;margin-top:8px}
.music-cta{display:block;margin-top:34px}.music-cta>div:last-child{margin-top:22px}.music-cta .button{width:100%;text-align:center}
}
