@media (max-width: 560px) {
  .user-shell .app-page-header h1 {
    font-size: 1.55rem;
  }

  .user-shell .mx-auto.max-w-7xl,
  .user-shell .app-content {
    padding-left: 0.875rem;
    padding-right: 0.875rem;
  }

  .user-shell .user-nav-link {
    padding: 0.7rem 0.75rem;
    font-size: 0.9rem;
  }

  .user-shell.page-jobs-index .job-listing-main {
    flex-direction: column;
    gap: 0.75rem;
  }

  .user-shell.page-jobs-index .job-listing-main > div:first-child {
    height: 3.5rem;
    width: 3.5rem;
  }

  .user-shell.page-account .profile-progress-card {
    align-items: flex-start;
  }

  .user-shell.page-account .account-success-title,
  .user-shell.page-jobs-show .quick-apply-success-title {
    font-size: 1.35rem;
  }

  .user-shell.page-account .account-success-text,
  .user-shell.page-account .account-success-note,
  .user-shell.page-jobs-show .quick-apply-success-text,
  .user-shell.page-jobs-show .quick-apply-success-note {
    font-size: 0.95rem;
  }

  .user-shell.page-jobs-show .job-top-card .grid,
  .user-shell.page-jobs-show .job-description-col .flex.flex-wrap.gap-2 {
    gap: 0.75rem;
  }

  .user-shell.page-jobs-show #quick-apply-modal .quick-country-fixed,
  .user-shell.page-account .account-phone-grid > div:first-child > div {
    justify-content: flex-start;
  }

  .user-shell.page-jobs-interview .calendar-weekdays {
    font-size: 10px;
  }

  .user-shell.page-jobs-interview .calendar-cell {
    height: 38px;
    border-radius: 8px;
    font-size: 12px;
  }
}