/* ════════════════════════════════════════════════════════════
   responsive.css — Mobile & Tablet Refinements
   ════════════════════════════════════════════════════════════ */

@media (max-width: 1024px) {
  :root {
    --space-3xl: 5rem;
  }
}

@media (max-width: 900px) {
  section {
    padding: var(--space-2xl) var(--space-m);
  }

  .heading {
    font-size: var(--step-4);
  }
}

@media (max-width: 640px) {
  :root {
    --step-7: 3.5rem;
    --step-6: 3rem;
  }

  section {
    padding: var(--space-xl) var(--space-s);
  }
}

/* Touch Target Polish */
@media (pointer: coarse) {
  .btn, .nav-links a, .nav-cta, .cl {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
  }
}