/* ═══════════════════════════════════════════════════════
   RESPONSIVE
   ═══════════════════════════════════════════════════════ */
@media (max-width: 1200px) {
  .dd-signals { grid-template-columns: repeat(4, 1fr); }
  .dd-signal-panel-grid { grid-template-columns: 1fr; gap: 22px; }
}
@media (max-width: 960px) {
  .sidebar { display: none; }
  .dd-drivers { grid-template-columns: 1fr; }
  .dd-personas { grid-template-columns: 1fr; }
  .dd-direction-row { grid-template-columns: 1fr; gap: 24px; padding: 24px; }
  .dd-snapshot { grid-template-columns: repeat(2, 1fr); }
  .dd-stat { border-right: none; border-bottom: 1px solid #f3f4f6; padding: 14px 0; }
  .dd-stat:last-child { border-bottom: none; }
  .dd-intel-upper { padding: 36px; grid-template-columns: 1fr; gap: 32px; }
  .dd-intel-divider { padding: 0 24px; }
  .dd-signals-wrap { padding: 18px; }
  .dd-signal-panel-inner { padding: 24px; }
  .dd-system { grid-template-columns: 1fr; }
  .tb-right .search-box { display: none; }
}
@media (max-width: 640px) {
  .page { padding: 20px 16px 40px; }
  .dd-meta { flex-direction: column; align-items: flex-start; gap: 10px; }
  .dd-signals { grid-template-columns: repeat(2, 1fr); }
  .dd-snapshot { grid-template-columns: 1fr; }
  .dd-intel-upper { padding: 28px; }
  .dd-intel-headline { font-size: 32px; letter-spacing: -0.6px; }
  .dd-strat-row { grid-template-columns: 32px 1fr; }
  .dd-strat-tag { grid-column: 2; justify-self: start; margin-top: 4px; }
}