/* ============ Screen: help ============ */

.help-title {
  font-size: 26px; font-weight: 800; letter-spacing: -0.01em;
  margin: 22px 2px 16px;
}

/* --- Search field --- */
.help-search { position: relative; margin-bottom: 14px; }
.help-search > svg {
  position: absolute; left: 15px; top: 50%; transform: translateY(-50%);
  width: 20px; height: 20px; color: var(--color-text-subtle);
  pointer-events: none;
}
.help-search .field { padding-left: 46px; }

/* --- Row chevrons --- */
.help-chevron { display: grid; place-items: center; color: var(--color-text-subtle); }
.help-chevron svg { width: 20px; height: 20px; }

/* --- FAQ accordion --- */
.help-faq .row__title { padding-right: 8px; }
.help-faq-q { width: 100%; }
.help-faq-chev svg { transition: transform 160ms ease; }
.help-faq-item.open .help-faq-chev svg { transform: rotate(90deg); }

.help-faq-a { padding: 0 24px 15px 0; }
.help-faq-a p {
  font-size: 14.5px; line-height: 1.55;
  color: var(--color-text-muted);
}

.help-faq-empty {
  font-size: var(--text-sm); color: var(--color-text-muted);
  padding: 10px 0 2px;
}

/* --- Bottom sheet --- */
.help-sheet__body {
  color: var(--color-text-muted); font-size: var(--text-base);
  line-height: 1.5; margin: 2px 0 18px;
}