/* ═══ EVENT INFO PAGE: FAQ (window 14) ═════════════════════════════════════════
   The accordion itself is event-page.css's FAQ block, the design's own rules,
   unchanged. This file only adapts them to a details element per row, which
   is what lets the accordion work with JavaScript off:

   - the summary's disclosure triangle is removed (the design draws a + icon);
   - the open-state icon applies to [open] as well as .is-open, with the
     design's declarations, so it turns into the dark x without script.
   ═══════════════════════════════════════════════════════════════════════════ */

.evp-faq-q { list-style: none; }
.evp-faq-q::-webkit-details-marker { display: none; }
.evp-faq-q::marker { content: ""; }
.evp-faq-row[open] .evp-faq-icon { transform: rotate(45deg); background: var(--o5-ink); color: var(--o5-bg); }

/* "Show more" (Mac, 2026-10-13): the "Read the full terms" pill, .oep-more in
   eip-common.css, with its chevron turned down, and up once the list is open.
   .oep-more sets a display, which outranks the hidden attribute's, so the
   button needs this to stay hidden with JavaScript off. */
#eipFaqMore[hidden] { display: none; }
#eipFaqMore[aria-expanded="true"] .oi { transform: rotate(180deg); }
.eip-faq-collapsed .evp-faq-row[data-eip-extra] { display: none; }