<details> и <summary>: аккордеон FAQ без JavaScript
Нативное раскрытие блоков, SEO для FAQ и стилизация `::marker` без дублирования разметки.
Пара `<details>` / `<summary>` даёт встроенное состояние open/closed, клавиатурное управление и семантику «раскрывающегося раздела» без ARIA-костылей.
Для FAQ на лендинге комбинируйте с JSON-LD `FAQPage`, но не дублируйте один и тот же текст в скрытых div — поисковикам нужен видимый контент.
- <details> — MDN — Атрибуты open и события toggle.
- FAQ structured data — Google — Правила FAQPage.
Вёрстка
Группируйте несколько `<details>` в секции; для «только один открыт» понадобится лёгкий JS или CSS `:has()` на контейнере.
Стилизуйте summary как кнопку: достаточный контраст и `cursor: pointer`, не убирайте фокус-стили.