
@media (prefers-reduced-motion: no-preference) {
  .tool-proof-image {
    will-change: transform, filter;
  }

  .tool-proof-card:hover .tool-proof-image,
  .collection-tool-card:hover .tool-proof-image,
  .article-shell-use-case .tool-card:hover .tool-proof-image {
    transform: scale(1.018);
  }

  .tool-jump-nav-compact a,
  .collection-tool-card,
  .article-shell-use-case .tool-card,
  .collection-archive-grid .article-card,
  .archive-shell-use-cases .article-card {
    transition: border-color 160ms ease, background 160ms ease, color 160ms ease, transform 160ms ease;
  }
}

@media (max-width: 1180px) {
  .tool-hero-dossier,
  .collection-shell-header,
  .archive-header-collections,
  .archive-header-use-cases,
  .collection-spotlight.card {
    grid-template-columns: 1fr;
  }

  .collection-shell-sidebar,
  .archive-proof.card.archive-proof-card,
  .collection-spotlight-meta {
    padding-left: 0;
    border-left: 0;
  }

  .tool-dossier-facts,
  .tool-dossier-matrix,
  .article-shell-use-case .article-proof-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .tool-hero-dossier.card,
  .collection-shell.card,
  .article-shell-use-case.card,
  .archive-header-collections.card,
  .archive-header-use-cases.card {
    padding-bottom: 26px;
  }

  .tool-hero-dossier h1,
  .collection-shell-header h1,
  .article-shell-use-case .article-header h1,
  .archive-header-collections .archive-header-copy h1,
  .archive-header-use-cases .archive-header-copy h1 {
    max-width: none;
    font-size: clamp(2.3rem, 11vw, 3.45rem);
  }

  .tool-dossier-facts,
  .tool-dossier-matrix,
  .article-shell-use-case .article-proof-grid,
  .collection-picks-grid {
    grid-template-columns: 1fr;
  }

  .tool-hero-actions,
  .collection-tool-card-actions,
  .article-shell-use-case .tool-card-footer,
  .article-shell-use-case .article-footer {
    display: grid;
    grid-template-columns: 1fr;
  }

  .tool-proof-card--hero .tool-proof-surface {
    min-height: 240px;
  }

  .tool-jump-nav.tool-jump-nav-compact {
    gap: 12px;
    overflow-x: auto;
    scrollbar-width: none;
  }

  .tool-jump-nav.tool-jump-nav-compact::-webkit-scrollbar {
    display: none;
  }

  .tool-jump-nav-compact a {
    white-space: nowrap;
  }

  .tool-dossier-row {
    grid-template-columns: 1fr;
    gap: 7px;
  }

  .collection-shell-sidebar .article-proof-card:nth-of-type(n+3),
  .archive-header-meta .badge:nth-child(n+3) {
    display: none;
  }
}
