/* news-related-three
   Generated from the approved mockup CSS by wp-build/css.py, plus css-fixes/news-related-three.css. */
.related-news { padding: 104px 0; background: var(--mist); margin-top: 104px; }
.related-news .cards { grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 40px; }
.related-news h2 { font-size: 36px; }
@media (max-width: 1100px) {
  .related-news .cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 720px) {
  .related-news { padding: 72px 0; margin-top: 72px; }
  .related-news .cards { grid-template-columns: minmax(0, 1fr); }
}

/* Block markup adjustments */
.news-index { padding-bottom: 112px; }
.news-index .news-cards { grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 40px; }
@media (max-width: 1100px) { .news-index .news-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 720px) { .news-index .news-cards { grid-template-columns: minmax(0, 1fr); } }