@media (min-width: 640px) {
  .wrap {
    width: min(100% - 48px, 1320px);
  }

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

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

  .disclosure-inner {
    grid-template-columns: auto 1fr;
    align-items: start;
  }

  .pipeline-strip-inner {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

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

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

  .quickfacts-grid,
  .fit-grid,
  .pros-cons-grid,
  .feature-card-grid,
  .alternatives-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .cta-inner {
    grid-template-columns: minmax(0, 1fr) minmax(260px, 0.7fr);
  }

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

@media (min-width: 860px) {
  .section {
    padding: 96px 0;
  }

  h1 {
    font-size: 4.5rem;
  }

  h2 {
    font-size: 3.05rem;
  }

  .hero {
    padding-top: 86px;
  }

  .hero-grid {
    grid-template-columns: minmax(0, 1.15fr) minmax(330px, 0.85fr);
    gap: 56px;
  }

  .review-hero-grid {
    grid-template-columns: minmax(0, 1.08fr) minmax(320px, 0.92fr);
    gap: 48px;
  }

  .hero-panel {
    padding: 32px;
  }

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

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

  .quick-pick-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

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

  .review-layout,
  .article-layout {
    grid-template-columns: 240px minmax(0, 1fr);
    align-items: start;
  }

  .toc-card,
  .toc {
    position: sticky;
    top: calc(var(--header-height) + 20px);
  }

  .quickfacts-grid,
  .feature-card-grid,
  .alternatives-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (min-width: 1180px) {
  .review-layout,
  .article-layout {
    grid-template-columns: 240px minmax(0, 1fr) 280px;
  }

  .article-sidebar {
    position: sticky;
    top: calc(var(--header-height) + 20px);
  }
}

@media (min-width: 1040px) {
  .nav-toggle {
    display: none;
  }

  .desktop-nav {
    display: flex;
  }

  .header-cta {
    display: inline-flex;
  }

  .mobile-nav,
  .mobile-nav.is-open {
    display: none;
  }

  .site-nav a,
  .nav-dropdown-toggle {
    padding-inline: 8px;
    font-size: 0.82rem;
  }

  .trust-grid {
    grid-template-columns: minmax(0, 1fr) minmax(320px, 0.8fr);
  }
}

@media (min-width: 1220px) {
  .footer-grid {
    grid-template-columns: minmax(260px, 1.2fr) repeat(3, minmax(0, 1fr));
  }

  .site-nav a,
  .nav-dropdown-toggle {
    padding-inline: 12px;
    font-size: 0.94rem;
  }
}

@media (max-width: 420px) {
  .logo {
    font-size: 0.93rem;
  }

  .hero-actions,
  .btn {
    width: 100%;
  }

  .category-card,
  .tool-card,
  .hero-panel {
    padding: 20px;
  }
}