/* ==========================================================================
   Prime Learn Spaces — Responsive Layout Rules (responsive.css)
   Breakpoints:
   - Desktop: 1025px and above
   - Laptop: 769px – 1024px
   - Mobile & Tablet: 481px – 768px
   - Small Mobile: up to 480px
   ========================================================================== */

/* Laptop: up to 1024px */
@media (max-width: 1024px) {
  .hero-grid,
  .dual-editorial-grid,
  .category-featured-card,
  .newsletter-box,
  .contact-grid {
    grid-template-columns: 1fr;
    gap: var(--space-8);
  }

  .article-grid-4 {
    grid-template-columns: repeat(2, 1fr);
  }

  .article-grid-3 {
    grid-template-columns: repeat(2, 1fr);
  }

  .footer-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--space-8);
  }
}

/* Mobile and Tablet: up to 768px */
@media (max-width: 768px) {
  /* Keep mobile sticky header well below 15% of viewport height */
  .header-inner {
    min-height: 3.5rem;
    gap: var(--space-3);
  }

  .main-nav {
    display: none;
  }

  .mobile-menu-toggle {
    display: inline-flex;
  }

  .announcement-inner {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--space-1);
  }

  .article-grid-3,
  .article-grid-2,
  .article-grid-4 {
    grid-template-columns: 1fr;
    gap: var(--space-6);
  }

  .pick-row {
    grid-template-columns: 1fr;
  }

  .pick-content {
    padding: var(--space-5);
  }

  .hero-lead-content,
  .category-featured-body,
  .newsletter-box,
  .editorial-prose-box,
  .contact-info-card,
  .contact-form-card {
    padding: var(--space-6);
  }

  .newsletter-input-group,
  .search-form-row {
    flex-direction: column;
  }

  .newsletter-input-group .btn,
  .search-form-row .btn,
  .search-select {
    width: 100%;
    max-width: 100%;
    min-height: 44px;
  }

  .section-header {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--space-2);
  }

  .footer-grid {
    grid-template-columns: 1fr;
    gap: var(--space-8);
  }

  .footer-bottom {
    flex-direction: column;
    align-items: flex-start;
  }
}

/* Small Mobile: up to 480px */
@media (max-width: 480px) {
  .container,
  .container-narrow {
    padding-left: var(--space-4);
    padding-right: var(--space-4);
  }

  .brand-logo img {
    height: 28px;
  }

  .search-trigger span {
    display: none;
  }

  .search-trigger {
    padding: 0.55rem;
    min-width: 42px;
    min-height: 42px;
    justify-content: center;
  }

  .hero-title {
    font-size: 1.55rem;
  }

  .page-title {
    font-size: 1.75rem;
  }

  .hero-cta-row {
    flex-direction: column;
    align-items: flex-start;
  }

  .hero-cta-row .btn {
    width: 100%;
  }

  .back-to-top {
    right: var(--space-4);
    bottom: var(--space-4);
  }
}