/* Tablet */
@media (max-width: 1023px){
  .section{ padding: var(--space-8) 0; }
  .container{ padding-left: var(--space-4); padding-right: var(--space-4); }
  .grid-2{ display:grid; grid-template-columns: 1fr 1fr; gap: var(--grid-gap); }
}

/* Mobile */
@media (max-width: 767px){
  h1{ font-size: clamp(1.75rem, 8vw, 2.25rem); }
  h2{ font-size: clamp(1.375rem, 6vw, 1.75rem); }
  .section{ padding: var(--space-6) 0; }
  .grid-2, .grid-3{ display:grid; grid-template-columns: 1fr; gap: var(--grid-gap); }

  .has-sidebar{ display:block; }
  .has-sidebar .content-area,
  .has-sidebar .sidebar{ padding: 0; }
  .has-sidebar .sidebar{ margin-top: var(--space-8); }
}