@media (max-width: 25rem) {
  .content-width, .header-inner, .breadcrumb { width: min(100% - 1.25rem, var(--content-width)); }
  .brand-title span { display: none; }
  .brand-title strong { max-width: 8.75rem; overflow: hidden; font-size: 0.8rem; text-overflow: ellipsis; }
  .mobile-actions { gap: var(--space-1); }
  .icon-button { padding-inline: 0.55rem; font-size: var(--text-sm); }
  .button-row .btn, .hero-actions .btn { width: 100%; }
  .review-card__body, .comparison-card__body { padding: var(--space-4); }
}

@media (max-width: 30rem) {
  .comparison-card__products, .comparison-detail-products { grid-template-columns: 1fr; }
  .comparison-card__vs { justify-self: center; }
  .comparison-card__product .product-card-media, .comparison-detail-products .product-card-media { width: min(100%, 15rem); margin-inline: auto; }
  .comparison-card__footer { align-items: stretch; }
  .comparison-card__footer .btn { width: 100%; }
}

@media (max-width: 47.99rem) {
  .comparison-product-images, .comparison-purchases { grid-template-columns: 1fr; }
  .spec-list > div { grid-template-columns: 1fr; gap: var(--space-1); }
}

@media (min-width: 48rem) {
  .section { padding-block: 3rem; }
  .section-tight { padding-top: 0; }
  .grid-2, .grid-3, .category-grid, .check-grid, .decision-grid, .review-grid, .comparison-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .form-row { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .trust-strip { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .trust-strip a + a { border-top: 0; border-left: 1px solid var(--color-border); }
  .newsletter-pending { grid-template-columns: 1fr auto; padding: var(--space-6); }
  .section-heading { flex-direction: row; align-items: end; justify-content: space-between; }
  .footer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .pros-cons { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .verdict-summary dl > div { grid-template-columns: 7rem 1fr; }
  .contact-layout { grid-template-columns: minmax(0, 1.5fr) minmax(15rem, 0.7fr); }
}

@media (min-width: 64rem) {
  :root { --header-height: 4.5rem; }
  .primary-nav { display: flex; align-items: center; justify-content: flex-end; gap: 0.15rem; white-space: nowrap; }
  .primary-nav a, .nav-search { min-height: 2.75rem; padding: 0.55rem 0.65rem; display: inline-flex; align-items: center; border: 0; border-radius: var(--radius-sm); background: transparent; color: var(--color-text); font-size: 0.9rem; font-weight: 700; text-decoration: none; }
  .primary-nav a:hover, .primary-nav a[aria-current="page"], .nav-search:hover { background: var(--color-surface-subtle); color: var(--color-brand-navy); }
  .primary-nav a[aria-current="page"] { box-shadow: inset 0 -3px 0 var(--color-brand-teal); }
  .mobile-actions, .mobile-nav-shell { display: none !important; }
  .hero-layout { grid-template-columns: minmax(0, 1.35fr) minmax(18rem, 0.65fr); align-items: stretch; gap: var(--space-7); }
  .grid-3, .review-grid, .comparison-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .category-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .article-header:not(.narrow) { grid-template-columns: minmax(0, 1.25fr) minmax(19rem, 0.75fr); }
  .article-layout { grid-template-columns: minmax(0, 1fr) 19rem; gap: var(--space-6); }
  .article-rail { position: sticky; top: calc(var(--header-height) + var(--space-4)); }
  .footer-grid { grid-template-columns: 1.6fr repeat(3, 1fr); }
}

@media (min-width: 75rem) {
  .primary-nav { gap: var(--space-1); }
  .primary-nav a, .nav-search { padding-inline: 0.8rem; font-size: var(--text-sm); }
  .category-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

@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; }
}

@media (forced-colors: active) {
  .btn, .category-card, .content-card, .trust-strip, .filter-controls button { border: 1px solid CanvasText; }
}