@media (max-width: 768px) {
  .container {
    padding: 0 16px;
  }

  .header-inner {
    flex-wrap: wrap;
  }

  .header-nav {
    order: 3;
    width: 100%;
    overflow-x: auto;
    gap: 4px;
    padding-top: 8px;
  }

  .nav-link {
    padding: 6px 12px;
    font-size: 0.813rem;
    white-space: nowrap;
  }

  .overall-card {
    padding: 24px 16px;
  }

  .overall-status-text {
    font-size: 1.25rem;
  }

  .status-grid {
    grid-template-columns: 1fr;
  }

  .status-card {
    padding: 12px 16px;
  }

  .incident-header {
    flex-direction: column;
  }

  .footer-inner {
    flex-direction: column;
    text-align: center;
  }
}

@media (max-width: 480px) {
  .overall-card {
    padding: 20px 12px;
  }

  .overall-status-icon {
    width: 48px;
    height: 48px;
  }

  .status-card-name {
    font-size: 0.875rem;
  }

  .status-card-indicator {
    font-size: 0.75rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
  }
}

/* updated: 2026-07-15 11:36:52 */