/* Mall chat/settings narrow readability, plus category-list text only. */
@media (max-width: 350px) {
  .worker-settings-page .profile-strip { flex-wrap: wrap; }
  .worker-settings-page .profile-main { flex: 1 1 200px; min-width: 0; }
  .worker-settings-page .profile-strip__actions {
    flex: 1 0 100%; flex-direction: row; align-items: center;
    justify-content: flex-end; gap: 8px;
  }
  .worker-settings-page .count-badge { white-space: nowrap; flex: 0 0 auto; }
  .worker-settings-page :is(
    .cq-subtitle, .profile-meta, .review-badge, .avatar-entry-button,
    .cq-card-desc, .count-badge, .form-label, .picker-value,
    .uni-input-placeholder, .mini-button, .cq-button, .inline-empty,
    .skill-desc
  ) { font-size: 12px !important; line-height: 1.4; }

  .chat-page .mobile-order-card,
  .chat-page .mobile-order-card *,
  .chat-page .notice,
  .chat-page .mobile-event-check,
  .chat-page .mobile-event-title,
  .chat-page .mobile-event-copy,
  .chat-page .message-empty,
  .chat-page .message-empty *,
  .chat-page .chat-readonly-bar,
  .chat-page .chat-readonly-bar *,
  .chat-page .input-bar .message-input,
  .chat-page .input-bar .message-input *,
  .chat-page .input-bar .send-button,
  .chat-page .input-bar .send-button *,
  .chat-page .chat-state-error > uni-view:not(.chat-state-title):not(.chat-state-actions),
  .chat-page .chat-state-error .chat-state-actions * {
    font-size: 12px !important;
    line-height: 1.4;
  }
  .chat-page .mobile-order-no,
  .chat-page .mobile-order-no * { overflow-wrap: anywhere; }
}

/* The active category page is .r20-market; legacy hidden markup is untouched. */
@media (max-width: 420px) {
  .r20-market__brand-copy uni-text:last-child,
  .r20-market__customer uni-text,
  .r20-market__category-head uni-text:last-child,
  .r20-market__count,
  .r20-market__availability uni-text,
  .r20-market__state uni-text:last-child {
    font-size: 12px !important;
    line-height: 1.4;
  }
  .r20-market__category-head { height: auto !important; min-height: 22px; flex-wrap: wrap; row-gap: 2px; margin-bottom: 8px; }
  .r20-market__category-head uni-text:last-child { flex: 1 0 100%; }
  .r20-market__filters { height: auto !important; flex-wrap: wrap; row-gap: 6px; padding-bottom: 6px; }
  .r20-market__count { flex: 1 0 100%; text-align: right; }
}