/*
 * PROJECT SOUNDTRACK – Patch 23.2
 * Einheitlicher vertikaler Rhythmus auf Soundtrack-Detailseiten.
 */

.soundtrack-detail{
  --ps-detail-gap:clamp(30px,3.1vw,44px);
  padding-top:clamp(28px,3vw,42px);
  padding-bottom:clamp(70px,7vw,96px);
}

/* Breadcrumb und Hauptinhalt beginnen auf derselben Achse. */
.soundtrack-detail>.container>.visible-breadcrumb{
  width:min(1180px,100%);
  margin:0 auto clamp(20px,2vw,27px);
}

.soundtrack-detail-copy{
  margin:0 auto;
}

.soundtrack-detail-copy>.soundtrack-number{
  margin:0 0 clamp(10px,1vw,14px);
}

.soundtrack-detail-copy>h1{
  margin:0 0 clamp(12px,1.3vw,18px);
}

.soundtrack-detail-copy>.lead{
  margin:0 0 clamp(15px,1.5vw,20px);
}

.soundtrack-detail-copy>.soundtrack-meta{
  margin:0;
}

/* Einheitlicher Abstand zwischen den inhaltlichen Hauptblöcken. */
.soundtrack-detail-copy>.soundcloud-section-above-cards{
  margin:var(--ps-detail-gap) 0 0;
}

.soundtrack-detail-copy>.soundtrack-video-section{
  margin:var(--ps-detail-gap) 0 0;
}

.soundtrack-detail-copy>.ps-share-section-prominent{
  margin:var(--ps-detail-gap) 0 18px;
}

/* Teilen steht bewusst direkt über Ort · Moment · Sound. */
.soundtrack-detail-copy>.ps-share-section-prominent + .soundtrack-story-structure{
  margin-top:0!important;
}

.soundtrack-detail-copy>.soundtrack-story-structure{
  margin-bottom:0;
}

.soundtrack-detail-copy>.soundtrack-episode-section{
  margin-top:var(--ps-detail-gap);
  padding-top:var(--ps-detail-gap);
}

.soundtrack-detail-copy>.event-link-note{
  margin:var(--ps-detail-gap) 0 0;
}

/* Auch der untere Seitenbereich folgt demselben Rhythmus. */
.soundtrack-detail>.container>.internal-navigation-section{
  margin-top:var(--ps-detail-gap);
  padding-top:var(--ps-detail-gap);
}

.soundtrack-detail>.container>.soundtrack-actions-page-bottom{
  margin-top:var(--ps-detail-gap);
  padding-top:clamp(24px,2.5vw,32px);
}

/* Alte Sonderabstände neutralisieren. */
.soundtrack-detail .soundcloud-section-above-cards + .soundtrack-story-structure{
  margin-top:0!important;
}

@media(max-width:900px){
  .soundtrack-detail{
    --ps-detail-gap:34px;
    padding-top:28px;
  }
}

@media(max-width:700px){
  .soundtrack-detail{
    --ps-detail-gap:28px;
    padding-top:20px;
    padding-bottom:62px;
  }

  .soundtrack-detail>.container>.visible-breadcrumb{
    margin-bottom:18px;
  }

  .soundtrack-inline-thumb{
    margin-bottom:20px;
  }

  .soundtrack-detail-copy>.soundtrack-number{
    margin-bottom:9px;
  }

  .soundtrack-detail-copy>h1{
    margin-bottom:12px;
  }

  .soundtrack-detail-copy>.lead{
    margin-bottom:14px;
  }

  .soundtrack-detail-copy>.ps-share-section-prominent{
    margin-bottom:14px;
  }
}