/* V2.5 Insights split, article images, and demonstration-template labels. */

.insight-split {
  display: grid;
  grid-template-columns: 1.15fr 0.85fr;
  gap: 48px;
  align-items: start;
}
.insight-split h2 {
  font-size: 28px;
  margin: 8px 0 16px;
}
.article-hero-img,
.article picture {
  display: block;
  width: 100%;
  margin: 24px 0 28px;
}
.article-hero-img,
.article picture img {
  width: 100%;
  height: auto;
  border-radius: 6px;
}
.demo-banner {
  background: var(--ivory);
  border-left: 4px solid var(--chartreuse);
  padding: 14px 16px;
  margin: 0 0 24px;
  color: var(--charcoal);
}
.page-insights .insight-card .meta {
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: 12px;
  color: var(--olive);
}

@media (max-width: 1100px) {
  .insight-split { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 720px) {
  .insight-split { grid-template-columns: 1fr; }
}