/* ============================================================
   WORTHY IDEAL — reduced-motion and responsive breakpoints.
   Loaded last so these overrides win the cascade regardless of
   which file defines the base rule they're overriding (e.g. the
   reduced-motion override of .icon-btn.is-loading svg, whose
   base rule lives in nav.css).
   ============================================================ */

@media (prefers-reduced-motion: reduce) {
  * { transition: none !important; }
  html { scroll-behavior: auto; }
  .icon-btn.is-loading svg { animation: none; }
}

@media (max-width: 860px) {
  .card-grid { grid-template-columns: repeat(2, 1fr); }
  .entry-grid { grid-template-columns: 1fr; }
  .dispatch-feed { grid-template-columns: 1fr; }
  .news-card.lead .news-headline { font-size: 23px; }
}

@media (max-width: 560px) {
  .brand-word { display: none; }
  .topbar-row { gap: 10px; padding: 12px 16px; }
  .content { padding: 24px 16px 64px; }
  .card-grid { grid-template-columns: 1fr; }
  .page-title { font-size: 26px; }
  .sub-tabs { padding: 0 16px; }
  .dispatch-title { font-size: 32px; letter-spacing: 0.06em; }
  .dispatch-eyebrow { font-size: 13px; }
  .news-card.lead { padding: 22px; }
  .news-card.lead .news-headline { font-size: 20px; }
}