/* Дополнительные стили для страницы Вопросов и ответов */

.faq-item {
    background: var(--card-bg-solid);
    border: 1px solid var(--border-color);
    border-radius: 16px;
    overflow: hidden;
}

.faq-item summary {
    list-style: none;
    cursor: pointer;
    padding: 18px 52px 18px 20px;
    font-weight: 650;
    position: relative;
    outline: none !important;
    user-select: none;
    -webkit-tap-highlight-color: transparent !important;
}

.faq-item summary::-webkit-details-marker { display: none; }

.faq-item summary:focus,
.faq-item summary:active {
    outline: none !important;
    background: transparent !important;
    -webkit-tap-highlight-color: transparent !important;
}

.faq-item summary:after {
    content: "＋";
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 1.35rem;
    color: var(--accent-color);
    transition: transform 0.2s ease;
}

.faq-item[open] summary:after { content: "−"; }

.faq-answer {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows 0.35s ease;
}

.faq-item[open] .faq-answer { grid-template-rows: 1fr; }

.faq-answer p {
    overflow: hidden;
    padding: 0 20px;
    color: var(--text-secondary);
    line-height: 1.65;
}

.faq-item[open] .faq-answer p { padding: 0 20px 20px; }