/* Adjustments for the main homepage. */
html.main-site{scroll-padding-top:0}
.main-site .playlists{padding-top:42px}
.main-site .player-panel{grid-template-columns:1fr;text-align:center;gap:20px}
.main-site .embed-wrap{min-height:0;width:100%;max-width:640px;margin:0 auto}
.main-site .platforms{grid-template-columns:repeat(5,minmax(0,1fr))}
@media(max-width:760px){.main-site .playlists{padding-top:32px}.main-site .platforms{grid-template-columns:1fr}}

/* Compact discovery panel leaves more room for the artist introduction. */
@media(min-width:761px){.main-site .hero-layout{grid-template-columns:1fr 1fr;gap:6%}.main-site .discovery{width:100%;max-width:560px;justify-self:end}.main-site .spotlight,.main-site .hero-curation{padding:18px 20px}.main-site .spotlight-body{grid-template-columns:32% 1fr;gap:18px}.main-site .spotlight h2{font-size:28px}.main-site .spotlight-description{margin:10px 0 14px}.main-site .spotlight-top{margin-bottom:14px}.main-site .hero-playlist{padding:11px 0;gap:10px}.main-site .hero-playlist strong{font-size:17px}.main-site .hero-playlist small{font-size:12px;margin-top:3px}.main-site .hero-submit{margin-top:12px;padding-top:12px;gap:8px}.main-site .hero-submit .text-link{font-size:12px}.main-site .discovery-heading{margin-bottom:12px}}

.main-site .hero-playlist{grid-template-columns:22px 48px minmax(0,1fr) 36px;gap:12px}.hero-playlist-art{display:block;width:48px;height:48px;object-fit:cover;border-radius:4px}
@media(min-width:761px){.main-site .hero-layout{grid-template-columns:.95fr 1.05fr;gap:5%}.main-site .discovery{max-width:640px}}
@media(max-width:400px){.main-site .hero-playlist{grid-template-columns:18px 40px minmax(0,1fr) 28px;gap:8px}.hero-playlist-art{width:40px;height:40px}.main-site .hero-playlist .round-arrow{width:28px;height:28px}.main-site .hero-playlist strong{font-size:15px}.main-site .hero-playlist small{font-size:12px}}