static/css/responsive.css

/* ── Responsive ────────────────────────────────────────────── */
@media (max-width: 1024px) {
  .stats-row {
    grid-template-columns: repeat(3, 1fr);
  }
  .home-cards-secondary {
    grid-template-columns: 1fr;
  }
  .topbar-inner {
    padding: 14px 16px;
  }
  .detail-grid,
  .eval-grid,
  .about-grid,
  .ethics-columns {
    grid-template-columns: 1fr;
  }
  .triage-grid,
  .band-grid {
    grid-template-columns: 1fr;
  }
  .arch-flow {
    justify-content: center;
  }
  .home-cards {
    grid-template-columns: 1fr;
  }
  .steps-grid {
    grid-template-columns: 1fr 1fr;
  }
  .batch-stats-row {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 640px) {
  .stats-row {
    grid-template-columns: 1fr 1fr;
  }
  .topbar-inner {
    flex-direction: column;
    gap: 8px;
  }
  .nav-links {
    width: 100%;
    justify-content: center;
    flex-wrap: wrap;
  }
  .detail-header {
    flex-direction: column;
  }
  .filters {
    flex-direction: column;
  }
  .home-hero h1 {
    font-size: 1.7rem;
  }
  .home-card {
    padding: 28px 20px;
  }
  .steps-grid {
    grid-template-columns: 1fr;
  }
  .upload-tabs {
    flex-wrap: wrap;
  }
  .dir-input-row {
    flex-direction: column;
  }
  .dir-input-row .btn-primary {
    width: 100%;
  }
  .batch-done-actions {
    flex-direction: column;
  }
}