/* =========================================================================
   Article — colonne unique 680 px, lettrine, articles connexes
   ========================================================================= */

.np-main--article { background: var(--np-white); }

.np-article__hero {
  background: var(--np-cream);
  padding-block: var(--space-8) var(--space-6);
}
.np-article__hero-inner {
  max-width: var(--reading-max);
  text-align: start;
}
.np-article__title {
  font-family: var(--font-serif);
  font-weight: 600;
  font-size: clamp(2rem, 4vw, 3rem);
  line-height: 1.15;
  margin: var(--space-3) 0 var(--space-4);
}
.np-article__meta {
  font-family: var(--font-sans);
  font-size: 13px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--np-ink-soft);
  margin: 0;
}
.np-article__cover {
  margin-block-start: var(--space-6);
  max-width: 980px;
}
.np-article__cover img { width: 100%; height: auto; }

.np-article__body {
  max-width: var(--reading-max);
  font-family: var(--font-sans);
  font-size: 18px;
  line-height: 1.7;
  margin-block: var(--space-7);
}
.np-article__body > * { margin-block-end: 1.4em; }
.np-article__body img { margin-block: var(--space-5); }
.np-article__body blockquote { margin-block: var(--space-6); }

.np-article__related {
  background: var(--np-cream);
  padding-block: var(--space-7);
}
.np-article__related-list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
  max-width: var(--reading-max);
}
@media (min-width: 1024px) {
  .np-article__related-list { grid-template-columns: repeat(3, 1fr); gap: var(--space-5); max-width: none; }
  .np-article__related-list .np-card--mini { border-block-end: 0; padding-block: 0; }
}