/* Breakpoints defined by DESIGN.md: compact below 1120px and mobile below 720px. */
@media (max-width: 1119px) {
  .site-header__inner {
    grid-template-columns: auto 1fr;
    padding-block: var(--space-4);
  }

  .site-navigation--desktop {
    display: none;
  }

  .site-navigation--mobile {
    display: block;
    justify-self: end;
  }

  .site-search {
    grid-column: 1 / -1;
  }

  .site-search input {
    width: 100%;
  }

  [data-section] > div,
  [data-archive-list],
  [data-search-results] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

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

  .featured-grid [data-featured-role],
  .editorial-grid > .article-card {
    grid-column: auto;
    grid-row: auto;
  }

  .featured-grid [data-featured-role="lead"],
  .editorial-grid > .article-card--visual,
  .editorial-grid > .article-card--compact {
    grid-column: span 2;
  }
}

@media (max-width: 719px) {
  .site-header__brand img,
  .site-footer__brand img {
    width: min(100%, var(--header-logo-mobile-width));
  }

  .site-navigation ul,
  .site-footer ul {
    display: grid;
    gap: var(--space-1);
  }

  .site-navigation a,
  .site-footer a {
    width: 100%;
  }

  .site-search button {
    flex: 0 0 auto;
  }

  [data-section] > div,
  [data-archive-list],
  [data-search-results] {
    grid-template-columns: minmax(0, 1fr);
  }

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

  .search-page__controls {
    display: grid;
  }

  .home-title {
    font-size: var(--text-card);
  }

  .section-heading {
    align-items: center;
  }

  .news-ticker {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .news-ticker__viewport {
    grid-column: 1 / -1;
    grid-row: 2;
  }

  .news-ticker__toggle {
    justify-self: end;
  }

  .featured-grid [data-featured-role],
  .editorial-grid > .article-card,
  .featured-grid [data-featured-role="lead"],
  .editorial-grid > .article-card--visual,
  .editorial-grid > .article-card--compact {
    grid-column: auto;
    grid-row: auto;
  }

  .featured-grid [data-featured-role="lead"] {
    min-height: var(--featured-secondary-min-height);
  }

  .article-card--compact .article-card__content {
    grid-template-columns: minmax(var(--compact-media-mobile-min), 2fr) minmax(0, 3fr);
  }

  .article-card--compact .article-card__meta {
    grid-column: 1 / -1;
  }

  .site-footer__inner {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-8);
  }

  .site-footer__legal {
    grid-column: auto;
  }

  .related-news {
    grid-template-columns: minmax(0, 1fr);
  }

  .share-controls a {
    flex: 1 1 auto;
  }
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    animation-duration: var(--motion-duration-reduced) !important;
    animation-iteration-count: 1 !important;
    transition-duration: var(--motion-duration-reduced) !important;
  }

  .news-ticker__viewport {
    overflow-x: auto;
  }

  .news-ticker__track {
    animation: none !important;
  }
}