@media (min-width: 48rem) {
  .brand-mark__name {
    font-size: 1.08rem;
  }

  .hero__actions {
    gap: var(--space-md);
  }

  .site-footer__top {
    grid-template-columns: minmax(15rem, 1fr) minmax(20rem, 0.8fr);
    align-items: start;
  }
}

@media (min-width: 64rem) {
  .hero__inner {
    grid-template-columns: minmax(0, 1fr) minmax(28rem, 0.92fr);
  }

  .hero__media {
    transform: rotate(0.8deg);
  }

  .featured-recommendation {
    grid-template-columns: minmax(20rem, 0.88fr) minmax(0, 1.12fr);
  }
}

@media (min-width: 75rem) {
  .site-header__desktop-nav {
    display: block;
    margin-left: auto;
  }

  .site-header__mobile-cta,
  .nav-toggle {
    display: none;
  }

  .site-header__panel {
    display: none !important;
  }

  .no-script-nav {
    display: none;
  }
}

@media (min-width: 80rem) {
  .hero__inner {
    grid-template-columns: minmax(0, 0.95fr) minmax(34rem, 1.05fr);
  }
}

@media (max-width: 47.999rem) {
  .section-header {
    align-items: flex-start;
    flex-direction: column;
  }

  .guide-header h1 {
    text-wrap: wrap;
  }

  .comparison-table-hint {
    display: block;
  }

  .button {
    width: 100%;
  }

  .site-header__mobile-cta {
    width: auto;
  }

  .hero__actions .text-link {
    width: auto;
  }

  .featured-recommendation__media {
    border-radius: var(--radius-lg);
  }

  .final-cta__action {
    flex-basis: 100%;
  }

  .publication-navigation__item {
    min-height: 5.5rem;
  }
}

@media (max-width: 30rem) {
  .section {
    padding-block: clamp(3.75rem, 12vw, 4.5rem);
  }

  .hero {
    padding-block: 3.75rem 4.5rem;
  }

  .hero__trust {
    display: grid;
  }

  .featured-recommendation {
    padding: var(--space-sm);
  }

  .featured-recommendation__content {
    padding: var(--space-xs) var(--space-2xs) var(--space-md);
  }
}

@media (max-width: 22rem) {
  .site-header__inner {
    gap: var(--space-xs);
  }

  .site-header__actions {
    gap: 0.25rem;
  }

  .site-header__mobile-cta-label {
    display: none;
  }

  .site-header__mobile-cta-label--compact {
    display: inline;
  }

  .brand-mark__tagline {
    display: none;
  }

  .brand-mark__logo {
    width: 2rem;
    height: 2rem;
  }
}

@media (hover: none) {
  .button:hover {
    transform: none;
  }
}

@media (forced-colors: active) {
  .eyebrow::before,
  .hero::after {
    forced-color-adjust: none;
  }
}

@media print {
  .site-header,
  .site-footer,
  .hero__actions,
  .featured-recommendation__actions,
  .publication-navigation,
  .publications-section__actions,
  .final-cta,
  .button,
  .text-link {
    display: none !important;
  }

  body {
    background: #ffffff;
    color: #000000;
    font-size: 11pt;
  }

  main,
  .section,
  .hero,
  .page-hero {
    overflow: visible;
    padding-block: 1rem;
    background: #ffffff;
  }

  .container {
    width: 100%;
  }

  a {
    text-decoration: underline;
  }

  .card,
  .featured-recommendation {
    box-shadow: none;
  }
}