.faq-layout {
    display: grid;
    grid-template-columns: minmax(0,1fr) 270px;
    gap: 14px;
}

.faq-list details {
    margin-bottom: 7px;
    border: 1px solid #b8b9b3;
    background: #fff;
}

.faq-list summary {
    position: relative;
    padding: 12px 42px 12px 13px;
    background: linear-gradient(#f8f8f5, #e4e4df);
    color: var(--navy-dark);
    font: 700 12px/1.4 Verdana, Arial, sans-serif;
    cursor: pointer;
    list-style: none;
}

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

.faq-list summary::after {
    content: "+";
    position: absolute;
    right: 13px;
    top: 6px;
    color: var(--red-dark);
    font: 400 24px/1 Arial, sans-serif;
}

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

.faq-list details[open] summary {
    border-bottom: 1px solid #c7c8c2;
    background: #eeeeea;
}

.faq-answer {
    padding: 12px 13px 14px;
    background: #fff;
}

.faq-answer p {
    margin: 0;
    color: #595a54;
    font-size: 12px;
}

.sidebar-modern {
    border: 1px solid #a9aaa4;
    background: #fff;
}

.sidebar-modern h2 {
    padding: 10px 12px;
    border-bottom: 1px solid #0f1935;
    background: var(--navy);
    color: #fff;
    font: 700 15px/1.25 Verdana, Arial, sans-serif;
}

.sidebar-modern a {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    padding: 10px 11px;
    border-bottom: 1px solid #ddddD7;
    color: #34342f;
    font: 700 11px/1.3 Verdana, Arial, sans-serif;
    text-decoration: none;
}

.sidebar-modern a:last-child {
    border-bottom: 0;
}

.sidebar-modern a:hover,
.sidebar-modern a:focus {
    background: #f0f0ec;
}

.sidebar-modern span {
    color: var(--red-dark);
}

@media (max-width: 720px) {
    .faq-layout {
        grid-template-columns: 1fr;
    }
}