/* TopicRadar 响应式样式:窄屏时让 Feed 回到单列。 */
@media (max-width: 1020px) {
  .summary-panel,
  .layout,
  .card {
    grid-template-columns: 1fr;
  }

  .side-column {
    position: static;
  }

  .card-body {
    padding: 0 18px 18px;
  }

  .media-link {
    padding: 16px;
  }
}

@media (max-width: 720px) {
  .shell {
    width: min(100% - 28px, 1480px);
    padding-top: 18px;
  }

  .topbar {
    align-items: flex-start;
    flex-direction: column;
  }

  .metric-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .summary-panel {
    padding: 22px;
  }
}