@media (max-width: 1040px) {
  .hero-inner, .report-layout, .split-layout, .detail-layout, .region-profile, .ai-shell { grid-template-columns: 1fr; }
  .detail-aside { position: static; }
  .news-slide { grid-template-columns: 1fr; }
  .live-grid, .card-grid, .region-grid, .region-linked-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .feature-grid, .footer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .memorable-inner { grid-template-columns: 1fr; }
}

@media (max-width: 820px) {
  .nav-inner { min-height: 68px; }
  .mobile-menu { display: inline-grid; place-items: center; }
  .nav-links {
    position: absolute;
    left: 17px;
    right: 17px;
    top: 78px;
    display: none;
    padding: 14px;
    border: 1px solid var(--wg-line);
    border-radius: var(--wg-radius);
    background: var(--wg-ivory);
    box-shadow: var(--wg-shadow);
  }
  .nav-links.is-open { display: grid; }
  .nav-links a { border-radius: var(--wg-radius-sm); }
  .nav-actions .btn.ghost { display: none; }
  .hero-inner { padding: 62px 0 52px; }
  .section { padding: 56px 0; }
  .section-header { align-items: start; flex-direction: column; }
  .search-bar, .newsletter-form, .contact-form, .form-grid { grid-template-columns: 1fr; }
  .ai-console { height: min(720px, calc(100vh - 150px)); min-height: 560px; }
  .ai-console-head { align-items: start; flex-direction: column; }
  .ai-console-head select { width: 100%; }
  .ai-message { max-width: 94%; }
}

@media (max-width: 560px) {
  .nav-actions .btn.gold { display: none; }
  .visual-grid, .live-grid, .feature-grid, .card-grid, .region-grid, .prompt-grid, .footer-grid, .region-facts, .region-linked-grid { grid-template-columns: 1fr; }
  .breaking-updates .incident-list { grid-template-columns: 1fr; }
  .memorable-card { grid-template-columns: 1fr; }
  .memorable-media { max-width: none; }
  .memorable-date { width: fit-content; }
  h1 { font-size: 42px; }
  .hero-copy p, .page-hero p { font-size: 17px; }
  .dashboard-visual, .live-card, .card, .article-card, .report-panel, .form-panel { padding: 16px; }
  .footer-bottom { display: block; }
  .ai-workspace { padding-top: 14px; }
  .ai-chat { padding: 16px; }
  .ai-console { height: 680px; min-height: 0; }
  .ai-composer { grid-template-columns: 1fr; }
  .ai-mode-grid { grid-template-columns: 1fr; }
}