/* Shared post UI rule: when a standard card grid contains exactly three cards,
   keep all three on one row on desktop. Mobile remains a single column. */
@media (min-width: 768px) {
  main.about-page .guide-summary-grid:has(> article:nth-child(3)):not(:has(> article:nth-child(4))),
  main.about-page .about-highlight-grid:has(> article:nth-child(3)):not(:has(> article:nth-child(4))),
  main.about-page .about-principle-grid:has(> article:nth-child(3)):not(:has(> article:nth-child(4))),
  main.about-page .guide-compare-grid:has(> article:nth-child(3)):not(:has(> article:nth-child(4))) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  main.about-page .guide-summary-grid:has(> article:nth-child(3)):not(:has(> article:nth-child(4))),
  main.about-page .about-highlight-grid:has(> article:nth-child(3)):not(:has(> article:nth-child(4))),
  main.about-page .about-principle-grid:has(> article:nth-child(3)):not(:has(> article:nth-child(4))),
  main.about-page .guide-compare-grid:has(> article:nth-child(3)):not(:has(> article:nth-child(4))) {
    grid-template-columns: 1fr;
  }
}