@media (max-width: 820px) {
  .mypage-topbar,
  .mypage-profile {
    grid-template-columns: 1fr;
  }

  .mypage-profile,
  .mypage-card {
    display: none !important;
  }

  .mypage-table {
    min-width: 0 !important;
  }

  .mypage-mobile-list {
    display: grid !important;
    gap: 14px;
  }
}

@media (min-width: 821px) {
  .mypage-mobile-list {
    display: none !important;
  }
}