/* Keep the caption and counter on one compact row below the gallery. */
.article-gallery .gallery-status {
  bottom: auto;
  color: var(--muted);
  font-size: 14px;
  left: auto;
  line-height: 1.4;
  margin: 0;
  padding: 0;
  position: absolute;
  right: 0;
  text-align: right;
  top: calc(100% + 4px);
  white-space: nowrap;
}

#articleCaption.caption {
  color: var(--muted);
  font-size: 14px;
  line-height: 1.4;
  margin-bottom: 0;
  margin-right: 86px;
  margin-top: 4px;
  min-height: 1.4em;
  white-space: pre-line;
}

#articleBody.article-body {
  margin-top: 20px;
}

#articleBody.article-body > :first-child {
  margin-top: 0;
}

@media (max-width: 700px) {
  .article-gallery .gallery-status,
  #articleCaption.caption {
    font-size: 13px;
  }

  #articleCaption.caption {
    margin-right: 64px;
  }

  #articleBody.article-body {
    margin-top: 16px;
  }
}

/* Interview speaker typography: JazzingFfm in typewriter, musician in serif. */
body .article-body p.question {
  font-family: "Courier New", Courier, monospace;
}

body .article-body p:not(.question):has(> strong:first-child) {
  font-family: Georgia, "Times New Roman", serif;
}


/* Explicit interview answer paragraphs keep the musician serif voice without altering text. */
body .article-body p.answer {
  font-family: Georgia, "Times New Roman", serif;
}


/* Three-line interview headline: artist + hook large, context line smaller. */
.article-title.has-title-lines {
  display: flex;
  flex-direction: column;
  gap: 0.08em;
}

.article-title.has-title-lines .article-title-primary,
.article-title.has-title-lines .article-title-subline {
  display: block;
}

.article-title.has-title-lines .article-title-primary {
  font-size: 1em;
  line-height: 0.94;
}

.article-title.has-title-lines .article-title-subline {
  font-size: 0.52em;
  letter-spacing: -0.025em;
  line-height: 1.08;
}

@media (max-width: 680px) {
  .article-title.has-title-lines .article-title-subline {
    font-size: 0.58em;
  }
}