/* MC v0.13z11 — Music & Actors: Show-Logik wie Advertising (Auftakt, Übersicht, Strecke) und Korrektur der Abschnittsköpfe der Übersicht.
   Teil 1 ist die Regel-Kopie aus story-adv-v013w.css / story-intro-v013u.css, nur für body[data-page="music"] (die Originaldateien bleiben unverändert).
   Teil 2 korrigiert den Umbruch „Artist portraits": Die Nummernspalte .music-section-n ist ausgeblendet (portfolio-v012v.css), das Raster hatte aber noch drei Spalten. */
body[data-page="music"]:has(.mc-strip .strip-hero) .site-head{position:absolute}
body[data-page="music"] #view .mc-strip .strip-text .series-head{
  display:flex;flex-direction:column;align-items:flex-start;flex:1 1 auto;
  padding:0;margin:0;gap:10px;grid-template-columns:none;grid-template-areas:none}
body[data-page="music"] #view .mc-strip .strip-text .series-head .back{margin:0 0 auto;justify-self:auto}
body[data-page="music"] #view .mc-strip .strip-text .series-head h1{width:100%;margin:auto 0 0;grid-area:auto}
body[data-page="music"] #view .mc-strip .strip-text .series-head .meta{
  margin:0 0 auto;text-align:left;justify-self:auto;align-self:flex-start;
  flex-direction:column;align-items:flex-start;gap:6px}
@media (max-width:760px){
  body[data-page="music"] #view .mc-strip .strip-text .series-head{gap:8px}
  body[data-page="music"] #view .mc-strip .strip-text .series-head .back{margin:0 0 clamp(10px,2svh,16px)}
  body[data-page="music"] #view .mc-strip .strip-text .series-head h1{margin:0}
  body[data-page="music"] #view .mc-strip .strip-text .series-head .meta{margin:0;flex-direction:row;flex-wrap:wrap;gap:6px 14px;align-items:baseline}
}

body[data-page="music"] #view > .series-head ~ .mc-strip:not(.is-collapsed){padding-top:clamp(18px,3svh,30px)}

/* ---- Music-Übersicht: Abschnittsköpfe (01 Artist portraits / 02 Actors & personalities / 03 Record artwork) ----
   Überschrift und Projektanzahl stehen nebeneinander auf einer Grundlinie (die Anzahl rechts am Rand kollidierte mit dem festen Untertitel rechts oben). */
body[data-page="music"] .music-section-head{grid-template-columns:auto auto minmax(0,1fr);column-gap:16px;align-items:baseline}
body[data-page="music"] .music-section-head h2{white-space:nowrap}
body[data-page="music"] .music-section-count{white-space:nowrap;text-align:left}
body[data-page="music"] #view:not(.music-project-view) .music-artists .music-section-count{transform:none}
@media (max-width:760px){
  body[data-page="music"] .music-section-head{grid-template-columns:auto auto minmax(0,1fr);column-gap:12px}
}