/* =============================================================
   FAQ.CSS
   Блок "Часто задаваемые вопросы": аккордеон.
   Логика: JS добавляет класс .open на .faq-item, ответ раскрывается.
   -------------------------------------------------------------
   По SUMMARY "украшен +/− и голубым фоном" — в blocks.css этого нет.
   Значит, украшения в другом месте (header.css? style.css?).
   Если нет — допиши сюда при дизайн-ревизии.
   ============================================================= */


/* -------------------------------------------------------------
   ЭЛЕМЕНТ АККОРДЕОНА (вопрос + ответ)
   ------------------------------------------------------------- */
.faq-item {
    border        : 1px solid #eee;
    border-radius : 5px;
    margin-bottom : 10px;
    padding       : 10px;
}


/* -------------------------------------------------------------
   СТРОКА С ВОПРОСОМ
   cursor: pointer — визуальный намёк на кликабельность.
   ------------------------------------------------------------- */
.faq-question {
    font-weight : bold;
    cursor      : pointer;
}


/* -------------------------------------------------------------
   ОТВЕТ (скрыт по умолчанию)
   ------------------------------------------------------------- */
.faq-answer {
    display    : none;
    margin-top : 5px;
}


/* -------------------------------------------------------------
   ОТКРЫТОЕ СОСТОЯНИЕ
   JS навешивает .open на .faq-item — ответ показывается.
   ------------------------------------------------------------- */
.faq-item.open .faq-answer {
    display : block;
}