/* Blog listing page — page-specific style deltas. */

.page-header {
  padding: var(--space-4) 0 var(--space-2);
}

.blog-intro {
  padding: var(--space-3) 0 var(--space-5);
  max-width: 700px;
}

.cta-banner {
  background: var(--color-bg-alt);
  padding: var(--space-5) 0;
}

.cta-banner__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-4);
  align-items: center;
}

@media (max-width: 800px) {
  .cta-banner__grid {
    grid-template-columns: 1fr;
  }
}