/* ── Article page layout (shared by /insights/template.html and all /insights/[slug].html pages) ── */
.article-wrap { max-width: 820px; }

.article-header {
  padding-top: 9rem;
  padding-bottom: 2.5rem;
}
.article-meta {
  font-size: .8rem;
  color: rgba(255,255,255,.4);
  font-weight: 600;
  letter-spacing: .02em;
}

.article-section { padding-bottom: var(--gap); }

.article-body { color: var(--white); font-size: 1rem; line-height: 1.9; }
.article-body h2 {
  font-size: clamp(1.3rem, 2.2vw, 1.7rem);
  font-weight: 800;
  color: var(--white);
  letter-spacing: -.015em;
  margin: 2.5rem 0 1rem;
}
.article-body h2:first-child { margin-top: 0; }
.article-body p { margin-bottom: 1.5rem; }
.article-body a { color: var(--yellow); text-decoration: underline; text-underline-offset: .15em; }
.article-body ul { list-style: disc; padding-left: 1.4rem; margin-bottom: 1.5rem; }
.article-body li { margin-bottom: .5rem; }

.article-back {
  display: inline-flex;
  margin-top: 1rem;
}