/* ============================================================
   LifeFolder — Help / FAQ
   ============================================================ */
.help { max-width: 720px; display: flex; flex-direction: column; gap: 18px; }

.help-faq { padding: 4px 0; }
.faq { border-bottom: 1px solid var(--color-line-soft); }
.faq:last-child { border-bottom: none; }
.faq__q { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 16px 20px; cursor: pointer; font-size: 15px; font-weight: 700; list-style: none; }
.faq__q::-webkit-details-marker { display: none; }
.faq__q::marker { content: ""; }
.faq__chevron { color: var(--color-muted-2); transition: transform .2s; flex: none; display: inline-flex; }
.faq[open] .faq__chevron { transform: rotate(90deg); }
.faq__a { padding: 0 20px 18px; color: var(--color-muted); font-size: 14px; line-height: 1.6; }

.help-contact { display: flex; align-items: center; gap: 16px; }
.help-contact__icon { width: 46px; height: 46px; flex: none; border-radius: 12px; background: var(--color-selected-soft); color: var(--color-selected); display: flex; align-items: center; justify-content: center; }
.help-contact__body { flex: 1; min-width: 0; }
.help-contact__title { font-size: 15px; font-weight: 700; }
.help-contact__text { margin: 3px 0 0; font-size: 13.5px; color: var(--color-muted); }

@media (max-width: 560px) { .help-contact { flex-direction: column; align-items: flex-start; } }

/* Getting started — 3 Schritt-Karten (Handoff) */
.help-steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin-bottom: 22px; }
.help-step { padding: 20px; display: flex; flex-direction: column; gap: 6px; }
.help-step__icon { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 12px; margin-bottom: 4px; }
.help-step--s1 .help-step__icon { background: var(--status-valid-bg); color: var(--color-action); }
.help-step--s2 .help-step__icon { background: var(--color-ai-soft); color: var(--color-ai); }
.help-step--s3 .help-step__icon { background: var(--status-valid-bg); color: var(--status-valid-fg); }
.help-step__label { font-size: 11.5px; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; color: var(--color-muted-2); }
.help-step__title { font-family: var(--font-head); font-size: 16px; font-weight: 700; }
.help-step__text { font-size: 13.5px; color: var(--color-muted); margin: 0; line-height: 1.55; }
@media (max-width: 800px) { .help-steps { grid-template-columns: 1fr; } }