/* ==========================================================================
   Fikra (فِكْرة) — responsive.css
   Mobile-first breakpoints, reduced-motion, and print adaptations
   ========================================================================== */

/* Narrow handset refinement (< 36rem / 576px) */
@media (max-width: 35.99rem) {
  .hero__actions .btn {
    flex: 1 1 100%;
  }

  .search-field__submit {
    inline-size: 100%;
  }

  .site-nav {
    inline-size: 100%;
  }

  .site-nav__list {
    justify-content: flex-start;
  }
}

/* Small Tablets & Large Phones (>= 40rem / 640px) */
@media (min-width: 40rem) {
  .search-field {
    flex-direction: row;
    align-items: stretch;
  }

  .search-field__control {
    flex: 1 1 auto;
  }

  .search-field__submit {
    flex: 0 0 auto;
    min-inline-size: 7.5rem;
  }

  .grid-categories,
  .grid-paths {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* Tablets (>= 48rem / 768px) */
@media (min-width: 48rem) {
  .site-header__inner {
    padding-block: var(--space-4);
  }

  .hero__actions {
    inline-size: auto;
  }

  .grid-pillars,
  .grid-steps {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .philosophy__notes {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* Desktop (>= 64rem / 1024px) */
@media (min-width: 64rem) {
  .grid-categories {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--space-5);
  }

  .grid-steps {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--space-6);
  }

  .grid-paths {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-4) var(--space-5);
  }
}

/* Large Screens (>= 80rem / 1280px) */
@media (min-width: 80rem) {
  .grid-paths {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

/* Respect user motion preferences */
@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}

/* Clean Print Foundation (ready for P02+ results printing) */
@media print {
  .site-header,
  .skip-link,
  .hero__actions {
    display: none;
  }

  body {
    color: #000000;
    background: #ffffff;
  }

  .section,
  .section--tinted {
    padding-block: 1.25rem;
    background: #ffffff;
    border: 0;
  }
}