/* Apex-only styles. Composes design-system tokens; introduces no new
 * colors, sizes, or spacing values. Limited to layouts that are specific
 * to this page (the homepage card grid).
 */
.card-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: var(--space-5);
  margin-block-start: var(--space-5);
}

main > section + section {
  margin-block-start: var(--space-8);
}