.collapse-block {
    margin-bottom: var(--space-s);
}

.collapse-header {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    margin-bottom: var(--space-2xs);
    border-bottom: var(--border-md) solid var(--primary-color);
    font-size: var(--step-1);
    color:var(--heading-color);
    line-height:1.1;
}

.collapse-content {
    height: 0;
    opacity: 0;
    overflow: hidden;
    will-change: height, opacity;
    transition:
            height 0.4s cubic-bezier(0.4, 0, 0.2, 1),
            opacity 0.3s ease-in-out;
    color: var(--text-color);
}

.collapse-content.open {
    opacity: 1;
}

/* FAQ */
.faq-content div p {
    color:var(--paragraph-color);
    line-height: 1.4;
}

.faq-content div ol,
.faq-content div ul,
.faq-content div p {
    margin-bottom: var(--space-xs);
    font-size: var(--step--1);
}

.faq-content div {
    margin: var(--space-2xs) var(--space-m) 0 var(--space-m);
    color:var(--paragraph-color);
}