/* Responsive */

@media (max-width: 720px) {
  .app {
    padding: 24px 16px 48px;
  }

  .grid {
    min-width: 600px;
  }

  .panel {
    padding: 20px;
    border-radius: var(--radius-md);
  }

  .topbar {
    gap: 16px;
  }

  .topbar__meta,
  .site-footer__meta {
    justify-content: flex-start;
  }

  .brand h1 {
    font-size: 22px;
  }

  .card__value {
    font-size: 22px;
  }

  .tab {
    padding: 12px 14px;
    font-size: 12px;
  }

  .site-footer__brand {
    font-size: 20px;
  }
}