/* Mobile Overrides (Max-width 767px) */
@media (max-width: 767px) {
  :root {
    --spacing-section: 2.5rem;
  }

  h1 { font-size: 2rem; }
  h2 { font-size: 1.75rem; }
  h3 { font-size: 1.5rem; }

  /* Generic grid collapse for mobile */
  .grid {
    grid-template-columns: 1fr !important;
    gap: var(--spacing-lg);
  }
}