/* ==========================================================================
   Accordion guards

   Cross-cutting rules that fix the FAQ accordion's number badge, baked into
   per-page Elementor CSS identically on every page that has one (21 pages
   checked, all 21 affected). Sibling to overflow-guards.css,
   spacing-guards.css and order-guards.css (same "loads last" placement).
   ========================================================================== */

/* ==========================================================================
   1. Wrapped question text sliding under the number badge

   Each FAQ item is one text run: <strong>N</strong> followed by the
   question, with the number floated left (float: left, 48x48px circle,
   margin-right: 16px) so the question text wraps beside it. A float only
   pushes wrapping text aside for as long as the text is shorter than the
   float's own height - once a question is long enough to wrap past the
   circle's 48px, the remaining line(s) drop back to the full container
   width, sliding left under the number instead of staying aligned with the
   first line. Short questions never hit this; long ones always do,
   regardless of page.

   Fix: make the text run a flex row instead of floated text. Floats have no
   effect on flex items, so this alone neutralises float: left on the
   number - the circle becomes a fixed-size flex item and the question
   becomes the second flex item, wrapping in its own column at every line.
   align-items: flex-start (not the widget's own default of center) keeps
   the circle pinned to the top line instead of centering on a multi-line
   question.
   ========================================================================== */

.e-n-accordion-item-title-text {
	display: flex;
	align-items: flex-start;
}