/* Tablet Overrides (768px to 1023px) */
@media (min-width: 768px) and (max-width: 1023px) {
  :root {
    --spacing-section: 3rem;
  }

  h1 { font-size: 2.25rem; }

  /* Two-column grid fallback for tablets */
  .grid-tablet-2 {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}