/* Hỏi đáp ở trang chủ (15/10/2026): cùng khuôn đầu khối với các khối khác — nhãn, H2 một tông, giới thiệu và nút "Xem tất cả"
 * ở cột trái, danh sách câu hỏi ở cột phải (khung 2 cột ở layers-home.css, ≤850px xếp chồng). Ở đây chỉ còn kiểu của danh sách. */
.home-faq-all { margin-block-start: 28px; }

.home-faq-answers {
    overflow: hidden;
    border: 1px solid #3b3443;
    border-radius: 20px;
    background: #1b1820;
}

.home-faq-answers .home-faq-entry + .home-faq-entry { border-top: 1px solid #3b3443; }
.home-faq-answers .home-faq-entry[open] { background: #24202b; }

.home-faq-question {
    display: block;
    min-block-size: 76px;
    padding: 22px 28px;
    color: #eae5f0;
    cursor: pointer;
    list-style: none;
}

.home-faq-question::-webkit-details-marker { display: none; }
.home-faq-question:focus-visible { outline: 3px solid #d8befb; outline-offset: -4px; border-radius: 8px; }

.home-faq-answers .home-faq-entry h3 {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 32px;
    align-items: center;
    gap: 24px;
    max-width: none;
    margin: 0;
    color: inherit;
    font-size: var(--text-lg);
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: -.01em;
    text-wrap: wrap;
}

.home-faq-answers .home-faq-entry p {
    margin: 0;
    padding: 0 84px 26px 28px;
    color: #c6bdcf;
    font-size: var(--text-base);
    line-height: 1.8;
}

.home-faq-icon {
    position: relative;
    inline-size: 32px;
    block-size: 32px;
    border: 1px solid #504757;
    border-radius: 50%;
    color: #cec3dc;
}

.home-faq-icon::before,.home-faq-icon::after {
    content: '';
    position: absolute;
    inset-block-start: 14px;
    inset-inline-start: 8px;
    inline-size: 14px;
    block-size: 2px;
    border-radius: 1px;
    background: currentColor;
}

.home-faq-icon::after { transform: rotate(90deg); }
.home-faq-entry[open] .home-faq-icon { border-color: #e6d9f7; background: #e6d9f7; color: #2a2134; }
.home-faq-entry[open] .home-faq-icon::after { transform: rotate(0); }
.home-faq-question:active .home-faq-icon { transform: scale(.96); }

@media (hover: hover) and (pointer: fine) {
    .home-faq-question:hover { background: #ffffff05; color: #fff; }
    .home-faq-question:hover .home-faq-icon { border-color: #c6b5d8; }
}

@media (max-width: 600px) {
    .home-faq-answers { border-radius: 16px; }
    .home-faq-question { padding: 20px; }
    .home-faq-answers .home-faq-entry h3 { gap: 16px; font-size: var(--text-lg); }
    .home-faq-answers .home-faq-entry p { padding: 0 20px 24px; }
}