/* TradeComply page (post 54) — FAQ accordion open state, which atomic styles cannot express (they have no [open] state).
   The accordion is a native Elementor e-accordion (<details>/<summary>) with the class "ag-tradecomply-faq"; every item's
   size, padding, colours and text are set in the editor. Only the OPEN look (Figma item 2) lives here:
   card #f1fdff → #fffaf2, question #384154 SemiBold → #a2262d Bold, toggle "+" (slate) → "-" (red).
   The toggle slot holds two paragraphs: the first is "+", the second "-". */
.ag-tradecomply-faq > details { transition: background-color .3s ease; }
.ag-tradecomply-faq > details[open] { background-color: #fffaf2; }
.ag-tradecomply-faq > details > summary .e-accordion-item-title-base > * { transition: color .3s ease; }
.ag-tradecomply-faq > details[open] > summary .e-accordion-item-title-base > * { color: var(--ag-red, #a2262d); font-weight: 700; }
.ag-tradecomply-faq > details > summary .e-accordion-item-icon-base > :last-child,
.ag-tradecomply-faq > details[open] > summary .e-accordion-item-icon-base > :first-child { display: none; }
.ag-tradecomply-faq > details[open] > summary .e-accordion-item-icon-base > :last-child { display: block; }
.ag-tradecomply-faq > details > summary:focus-visible { outline: 2px solid var(--ag-red, #a2262d); outline-offset: -2px; border-radius: 15px; }