/* ==========================================================================
   Blog magazine skin (Batch B2)
   The hand-built blog articles consume the frozen shared/magazine.css. This
   per-article sheet adds the reading measure and the drop-cap lede the shared
   sheet does not define for blog pages, and finishes the dark next-in-path
   band. It owns no colours of its own; every value comes from the shared
   magazine tokens.
   ========================================================================== */

.article-prose.mag-body > * {
  max-width: min(100%, 44rem);
  margin-inline: auto;
}

/* Magazine bands break the text measure and run the container width. */
.article-prose.mag-body > .mag-statband,
.article-prose.mag-body > .mag-figure {
  max-width: none;
}

.article-prose.mag-body > .mag-statband .mag-statband__grid,
.article-prose.mag-body > .mag-figure .mag-figure__caption {
  padding-inline: clamp(1rem, 4vw, 2.5rem);
}

/* Drop-cap lede, matching the guide measure. */
.article-prose.mag-body .mag-lede {
  color: var(--mag-ink-body, #2c3444);
  font-size: clamp(1.08rem, 1.5vw, 1.24rem);
  line-height: 1.7;
}
.article-prose.mag-body .mag-lede::first-letter {
  float: left;
  margin: 0.06em 0.09em 0 0;
  color: var(--mag-accent-bright, #0061fd);
  font-family: var(--mag-display, "Fraunces", Georgia, serif);
  font-size: 3.1em;
  font-weight: 700;
  line-height: 0.82;
}

/* A body blockquote reads as the centered pull quote. */
.article-prose.mag-body > blockquote {
  max-width: 26em;
  margin: clamp(1.9rem, 4vw, 2.9rem) auto;
  padding: 0;
  border: 0;
  background: none;
  color: var(--mag-ink, #0b1220);
  font: 600 clamp(1.3rem, 2.4vw, 1.8rem) / 1.35 var(--mag-display, "Fraunces", Georgia, serif);
  text-align: center;
}
.article-prose.mag-body > blockquote::before {
  content: "\201C";
  display: block;
  margin-bottom: 0.15rem;
  color: var(--mag-accent-bright, #0061fd);
  font-size: 2.4em;
  line-height: 0.4;
}
.article-prose.mag-body > blockquote p {
  color: inherit;
  font: inherit;
}

/* Next-in-path band: carry the closing copy and links on the dark ground. */
.mag-next__lead { max-width: 44rem; }
.mag-next__copy {
  margin: 0.6rem 0 0;
  color: #dfe7fb;
  font: 400 1rem/1.6 var(--mag-body, "Archivo", system-ui, sans-serif);
}
.mag-next .cta-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem 1.25rem;
  margin: 0;
}
.mag-next .cta-actions a {
  color: #fff;
  background: none;
  border: 0;
  padding: 0;
  font: 600 0.98rem/1.45 var(--mag-body, "Archivo", system-ui, sans-serif);
  text-decoration: underline;
  text-underline-offset: 0.2em;
}

@media (max-width: 640px) {
  .article-prose.mag-body .mag-lede::first-letter { font-size: 2.6em; }
}

/* Next-in-path contrast on the dark ground. */
.mag-next .lede { color: #dfe7fb; }
.mag-next .lede a,
.mag-next .mag-next__copy a { color: #ffffff; }