/* Final owner direction: top-right period control, independently centered price row. */
.commerce .offer{display:flex;justify-content:center;align-items:center;padding:14px}
.offer-top{display:block;width:100%}
.price{display:flex;align-items:baseline;justify-content:center;gap:16px;width:max-content;max-width:100%;height:auto;margin:0 auto}
.price strong{display:flex;align-items:baseline;gap:7px;font-size:58px;line-height:1;transform:translateY(-2px)}
.price .currency{font-size:32px;margin:0}
.price-meta{display:flex;flex-direction:column;align-items:stretch;gap:8px;width:145px;flex:none}
.price .unit{font-size:23px;line-height:1.15;letter-spacing:0;text-align:center;margin:0}
.offer .billing{position:absolute;top:8px;right:12px;display:flex;width:145px;height:34px;padding:3px;gap:2px;border-radius:6px}
.offer .billing button{min-width:0;min-height:26px;font:400 16px/1 ReferenceUI,Arial,sans-serif;padding:4px 6px;flex:0 0 auto}
.offer .billing button[data-period=year]{display:flex;align-items:center;justify-content:center;gap:5px;flex:1}
.offer .billing button span{font:700 15px/1 Inter,Arial,sans-serif;margin:0;color:#ed2029}
.billing button:focus-visible{outline:2px solid var(--red);outline-offset:3px}
.dialog-billing{padding:4px;gap:3px}.dialog-billing button{font-size:17px;min-height:38px}.dialog-billing button span{font-size:16px;font-weight:700}
@media(min-width:1800px){.price strong{font-size:64px}.price .currency{font-size:35px}.price-meta{width:160px}.price .unit{font-size:21px}.offer .billing{height:36px}.offer .billing button{font-size:18px}.offer .billing button span{font-size:16px}}
@media(max-width:1450px) and (min-width:1101px){.price{gap:12px}.price strong{font-size:48px;gap:5px}.price .currency{font-size:28px}.price-meta{width:137px}.price .unit{font-size:18px}.offer .billing button{font-size:15px;padding-inline:5px}.offer .billing button span{font-size:14px}}
@media(max-width:1100px) and (min-width:901px){.commerce .offer{padding:8px}.price{gap:9px}.price strong{font-size:39px;gap:4px}.price .currency{font-size:24px}.price-meta{width:122px;gap:7px}.price .unit{font-size:16px}.offer .billing button{font-size:14px;padding-inline:4px}.offer .billing button span{font-size:13px}}
@media(max-width:900px){.commerce .offer{padding:14px}.price{gap:17px}.price strong{font-size:55px;gap:6px}.price .currency{font-size:31px}.price-meta{width:142px}.price .unit{font-size:19px}}
@media(max-width:370px){.price{gap:12px}.price strong{font-size:48px}.price .currency{font-size:28px}.price-meta{width:132px}.price .unit{font-size:17px}.offer .billing button{font-size:15px}.offer .billing button span{font-size:14px}}

/* The changing venue label is the only eyebrow above the playlist name. */
.player-kicker{font:400 15px/1.2 ReferenceUI,Arial,sans-serif;white-space:nowrap;margin:0 0 8px;color:#bcbab6}
.track h2{margin-bottom:15px;white-space:nowrap}
.format-grid button span{white-space:nowrap}
@media(max-width:1450px) and (min-width:901px){
  .player-kicker{font-size:13px;margin-bottom:7px}
  .track h2{margin-bottom:12px}
}
@media(max-width:900px){
  .player-kicker{font-size:12px;margin-bottom:6px}
  .track h2{font-size:17px;margin-bottom:12px}

}
@media(max-width:400px){.track h2{font-size:15px}.player-kicker{font-size:11px}}