/* Motion is optional: interaction and readability never depend on it. */
@media (prefers-reduced-motion: no-preference) {
  .refined-page :is(.overview-card-v5, .news-item-v6) {
    transition: transform 200ms ease, border-color 180ms ease, box-shadow 200ms ease;
  }

  .refined-page :is(.overview-card-v5, .news-item-v6):is(:hover, :focus-within) {
    transform: translateY(-3px);
    border-color: var(--accent-v5);
    box-shadow: 0 8px 22px rgba(16, 45, 66, .07);
  }

  .refined-page .overview-card-v5 > .icon-v5 {
    transition: transform 200ms ease;
  }

  .refined-page .overview-card-v5:is(:hover, :focus-within) > .icon-v5 {
    transform: translateY(-2px) rotate(-3deg);
  }

  .refined-page .disclosure-v5 > summary::after {
    transition: background-color 180ms ease, border-color 180ms ease;
  }

  .refined-page .disclosure-v5 > summary:is(:hover, :focus-visible)::after {
    border-color: var(--accent-v5);
    background: var(--surface-blue);
  }

  .refined-page .home-portrait-v5 img {
    transition: transform 450ms ease;
  }

  .refined-page .home-portrait-v5:hover img {
    transform: scale(1.012);
  }
}

@media print {
  .refined-page :is(.overview-card-v5, .news-item-v6, .home-portrait-v5 img) {
    transform: none !important;
    box-shadow: none !important;
  }
}