/* =========================================================================
   Block · Item / FAQ — Figma 7026:530 (page Global: Blocks)
   A 1px Black 20 line on top (in the layout, as Figma counts it), then a
   row spacing/stack-l apart: Content (Question in Body/Lead, Answer in
   Body/Default, spacing/stack-s apart) and the toggle, top-aligned.
     State=Open   → .b-item-faq--open   answer shown, toggle Collapse
     State=Closed →                     answer hidden, toggle Open (+)
     Size=Large   → .b-item-faq--large  toggle 44
     Size=Small   → .b-item-faq--small  toggle 32
   Raw in Figma (no variable): the space above the row — Open 40 / Closed 24
   on Large, Open 28 / Closed 16 on Small — and none below a closed row
   (Open: spacing/stack-s). Small's toggle is the 44 variant scaled to 32.
   ========================================================================= */
.b-item-faq {
  box-sizing: border-box;
  display: flex;
  align-items: flex-start;
  gap: var(--spacing-stack-l);
  border-top: 1px solid var(--color-black-20);
  color: var(--color-black);
}
.b-item-faq--large { padding-top: var(--space-24); }
.b-item-faq--small { padding-top: var(--space-16); }
.b-item-faq--large.b-item-faq--open { padding-top: var(--space-40); }
.b-item-faq--small.b-item-faq--open { padding-top: 28px; }
.b-item-faq--open { padding-bottom: var(--spacing-stack-s); }

.b-item-faq__content {
  flex: 1 1 0;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-stack-s);
}
.b-item-faq:not(.b-item-faq--open) .b-item-faq__answer,
.b-item-faq:not(.b-item-faq--open) .b-item-faq__toggle--collapse,
.b-item-faq--open .b-item-faq__toggle--open { display: none; }
.b-item-faq__toggle { flex: none; display: flex; }