@media (min-width: 48rem) {
  .site-header,
  .page-shell,
  .site-footer {
    padding-inline: 1.5rem;
  }

  .site-header {
    padding-block: 1.4rem 0.5rem;
  }

  .brand-lockup {
    gap: 0.85rem;
  }

  .brand-mark {
    width: 4rem;
    height: 4rem;
  }

  .brand-icon {
    width: 2.35rem;
    height: 2.35rem;
  }

  .brand-name {
    font-size: 1.12rem;
  }

  .brand-slogan {
    font-size: 0.98rem;
  }

  .hero-card,
  .section-card,
  .report-card,
  .warning-card {
    border-radius: 1.2rem;
  }

  .hero-card {
    padding: 1.5rem;
  }

  .hero-headline {
    font-size: 3rem;
  }

  h1 {
    font-size: 2.65rem;
  }

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

  .section-card {
    padding: 1.25rem;
  }

  .question-card {
    grid-template-columns: auto 1fr;
    align-items: center;
  }

  .question-card h3 {
    font-size: 1.45rem;
  }

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

  .email-link {
    font-size: 2.7rem;
  }
}

@media (min-width: 64rem) {
  .email-link {
    font-size: 3rem;
  }
}