/* Keep the Axtaran tapar page inside the viewport on narrow phones. */
.wanted-page,
.wanted-page > *,
.wanted-layout,
.wanted-layout > *,
.wanted-create-card,
.wanted-login-card,
.wanted-list-header,
.wanted-recent-header {
  min-width: 0;
  max-width: 100%;
}

.wanted-login-card h3,
.wanted-login-card p,
.wanted-card h3,
.wanted-card p,
.wanted-mini-card h3 {
  overflow-wrap: anywhere;
}

@media (max-width: 850px) {
  .wanted-layout,
  .wanted-detail {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 560px) {
  .wanted-page {
    gap: 18px;
  }

  .wanted-recent,
  .wanted-create-card {
    padding: 18px;
    border-radius: 18px;
  }

  .wanted-login-card {
    padding: 18px;
  }

  .wanted-login-card h3 {
    font-size: 1rem;
    line-height: 1.35;
  }

  .wanted-login-card .button {
    width: 100%;
  }

  .wanted-list-header {
    align-items: flex-start;
    flex-direction: column;
    gap: 8px;
  }

  .wanted-list-actions {
    align-items: flex-start;
  }

  .wanted-category-tabs {
    width: 100%;
    max-width: 100%;
    margin-right: 0;
  }
}