/* FAQ-блок на странице материала.
   Подключается только к страницам, у которых заполнен faq_items_.
   Живёт внутри .author-block — между описанием автора и копирайтом,
   поэтому ширину и выравнивание наследует от сетки автора. */

.seo-faq {
    margin: 22px 0 16px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.seo-faq > h2 {
    margin: 0 0 4px;
    font-size: 3vh;
    line-height: 1.25;
    color: var(--seo-text);
}

.seo-faq-item {
    background: var(--seo-card-bg);
    border: 1px solid var(--seo-card-border);
    border-radius: 10px;
    padding: 18px 22px;
}

.seo-faq-question {
    margin: 0 0 10px;
    font-size: 2.1vh;
    font-weight: 700;
    line-height: 1.35;
    color: var(--seo-text);
}

.seo-faq-answer {
    margin: 0;
    font-size: 1.9vh;
    line-height: 1.65;
    color: var(--seo-text);
    opacity: 0.92;
}

.seo-faq-answer + .seo-faq-answer {
    margin-top: 10px;
}

/* На странице со своим FAQ глобальный блок «Частые вопросы» не нужен:
   иначе внизу страницы окажутся два FAQ-блока. */
.list_of_questions_title_cl,
#list_of_questions_id {
    display: none !important;
}

@media (max-width: 800px) {
    .seo-faq { margin: 16px 0 12px; gap: 10px; }
    .seo-faq > h2 { font-size: 2.6vh; }
    .seo-faq-item { padding: 14px 16px; }
    .seo-faq-question { font-size: 1.9vh; }
    .seo-faq-answer { font-size: 1.7vh; }
}