/* r1434 member journey (member_journey_v1): plain-language pick notes, the
   report-ready alert prompt and the Install app row. Linked by base.html only
   while the journey is on. */
.fe-howto { margin: 14px 0 0; border: 1px solid var(--border-color, rgba(127, 140, 152, .28)); border-radius: 12px; background: var(--bg-secondary, transparent); }
.fe-howto__summary { cursor: pointer; display: flex; align-items: center; min-height: 44px; padding: 0 14px; font-weight: 700; font-size: 14px; color: var(--text-primary, inherit); list-style: none; }
.fe-howto__summary::-webkit-details-marker { display: none; }
.fe-howto__summary::before { content: "+"; display: inline-flex; width: 18px; justify-content: center; margin-right: 8px; color: var(--accent-teal, #2FE3D0); font-weight: 800; }
.fe-howto[open] > .fe-howto__summary::before { content: "\2212"; }
.fe-howto__summary:focus-visible { outline: 2px solid var(--accent-teal, #2FE3D0); outline-offset: 2px; border-radius: 10px; }
.fe-howto__note { margin: 0 14px 10px; font-size: 13px; line-height: 1.5; color: var(--text-secondary, inherit); }
.fe-howto__list { margin: 0; padding: 0 14px 4px; display: grid; gap: 10px; }
.fe-howto__row { display: grid; gap: 2px; }
.fe-howto__row dt { font-weight: 700; font-size: 13px; color: var(--text-primary, inherit); }
.fe-howto__row dd { margin: 0; font-size: 13px; line-height: 1.5; color: var(--text-secondary, inherit); }
.fe-howto__more { margin: 6px 14px 12px; font-size: 13px; }
.fe-howto__more a { color: var(--accent-teal, #2FE3D0); font-weight: 600; }

.fe-journey-prompt { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; margin: 12px 0 0; padding: 10px 14px; border: 1px dashed var(--border-color, rgba(127, 140, 152, .4)); border-radius: 12px; font-size: 13px; color: var(--text-secondary, inherit); }
.fe-journey-prompt a { color: var(--accent-teal, #2FE3D0); font-weight: 700; min-height: 44px; display: inline-flex; align-items: center; }

.fe-install { display: none; }
.fe-install[data-fe-install-ready] { display: flex; flex-direction: column; gap: 6px; padding: 8px 12px; }
.fe-install__btn { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 12px; border: 1px solid var(--border-color, rgba(127, 140, 152, .4)); border-radius: 10px; background: transparent; color: var(--text-primary, inherit); font: inherit; font-weight: 650; cursor: pointer; }
.fe-install__btn:focus-visible { outline: 2px solid var(--accent-teal, #2FE3D0); outline-offset: 2px; }
.fe-install__help { margin: 6px 0 0; font-size: 13px; line-height: 1.5; color: var(--text-secondary, inherit); }
.fe-install__help[hidden] { display: none; }