/* Journal is unchanged: 1600px outer maximum, with 40px on each side.
   The upper homepage shares its 1520px content bounds on desktop. */
@media (min-width:961px) {
 body.home-page {
  --home-journal-outer:1600px;
  --home-journal-gutter:40px;
  --home-content-max:calc(var(--home-journal-outer) - 2 * var(--home-journal-gutter));
  --home-player-width:366px;
  --home-column-gap:24px;
 }
 body.home-page #public-app .site-header,
 body.home-page #public-app .home-layout {
  width:calc(100% - 2 * var(--home-journal-gutter));
  max-width:var(--home-content-max);
  margin-left:auto;
  margin-right:auto;
 }
 body.home-page #public-app .site-header .nav {
  width:100%;max-width:none;margin:0;
  padding-left:0;
  padding-right:calc(var(--home-player-width) + var(--home-column-gap));
 }
 body.home-page #public-app .home-layout {
  grid-template-columns:minmax(0,1fr) var(--home-player-width);
  gap:var(--home-column-gap);padding:0;
 }
 body.home-page #public-app .home-main {height:auto!important;min-height:0!important;}
 body.home-page #public-app .home-hero {
  flex:0 0 auto;height:auto!important;min-height:0!important;padding-bottom:24px;
 }
 body.home-page #public-app .featured {margin-top:0;padding:0;}
 body.home-page #public-app .featured .section-label {margin-top:0;margin-bottom:16px;}
 body.home-page #public-app .home-layout>[data-player-slot] {
  position:absolute;top:-97px;right:0;bottom:0;
  width:var(--home-player-width);margin:0;
 }
 body.home-page #public-app .home-layout .music-panel {
  display:flex;flex-direction:column;box-sizing:border-box;
  height:calc(100% - 18px);min-height:0;margin:18px 0 0!important;
 }
 body.home-page #public-app .music-panel>.player-card-logo,
 body.home-page #public-app .music-panel>.wide-art-shell,
 body.home-page #public-app .music-panel>.wide-player-details {flex:0 0 auto;}
 body.home-page #public-app .music-panel>.wide-player-queue {
  display:flex;flex-direction:column;flex:1 1 0;min-height:0;
 }
 body.home-page #public-app .music-panel .playlist-heading,
 body.home-page #public-app .music-panel .player-view-all {flex:0 0 auto;}
 body.home-page #public-app .music-panel .track-list {
  flex:1 1 0;min-height:0;max-height:none;overflow-y:auto;
 }
}
@media (min-width:961px) and (max-width:1400px) {
 body.home-page {--home-player-width:330px;}
}
@media (min-width:961px) and (max-width:1180px) {
 body.home-page {--home-player-width:305px;}
}