@media (max-width: 920px) {
  .titan-grid-metrics {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));
  }

  .titan-grid-halves {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 580px) {
  .titan-page {
    padding:
      var(--titan-space-4)
      var(--titan-space-3)
      var(--titan-space-8);
  }

  .titan-hero {
    padding:
      var(--titan-space-8)
      var(--titan-space-5);
    border-radius: 22px;
  }

  .titan-grid-metrics {
    grid-template-columns: 1fr;
  }

  .titan-panel,
  .titan-summary-card {
    padding: var(--titan-space-5);
    border-radius: var(--titan-radius-medium);
  }

  .titan-panel-header {
    flex-direction: column;
  }

  .titan-actions {
    flex-direction: column;
  }

  .titan-button {
    width: 100%;
  }

  .titan-table th,
  .titan-table td {
    padding:
      13px
      11px;
  }
}