/* v0.9r — Editorial series: a single compact and coherent header.
   Replaces earlier v0.9p/v0.9q experimental spacers (which are no longer loaded).
   Changes to Editorial series ONLY; cover wall, other sections and original art untouched. */
body[data-page="editorial"] #view .series-head {
  padding-top:calc(var(--head-h) + 16px);
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  grid-template-areas:"back back" "title meta" "play meta";
  column-gap:clamp(20px,3vw,48px);
  row-gap:8px;
  align-items:start;
}
body[data-page="editorial"] #view .series-head .back {
  grid-area:back;
  margin:0;
  justify-self:start;
}
body[data-page="editorial"] #view .series-head h1 {
  grid-area:title;
  width:100%;
  margin:0;
}
body[data-page="editorial"] #view .series-head .meta {
  grid-area:meta;
  justify-self:end;
  align-self:start;
  text-align:right;
  margin:0;
}
body[data-page="editorial"] #view .series-head .story-start-general {
  grid-area:play;
  margin:0;
  justify-self:start;
}
body[data-page="editorial"] #view .flow > .sc:first-child {
  margin-top:clamp(10px,1.8svh,18px);
}
body[data-page="editorial"] #view .flow > .sc:first-child .sc-name {
  margin-bottom:8px;
}
@media (max-width:760px) {
  body[data-page="editorial"] #view .series-head {
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:8px;
  }
  body[data-page="editorial"] #view .series-head h1 { width:100%; }
  body[data-page="editorial"] #view .series-head .meta {
    position:static;
    flex-direction:row;
    flex-wrap:wrap;
    align-items:baseline;
    justify-content:flex-start;
    gap:6px 14px;
    text-align:left;
    margin:0;
  }
  body[data-page="editorial"] #view .series-head .story-start-general {margin-top:4px;}
}