/*
 * The `rich_text` block. Its headings take the scale the Tiger theme gives `.title_landing` and
 * `.subtitle_landing` (sections/_landings.less), which is how those titles looked when the
 * landings were CMS pages: without it an <h1> falls back to the theme's page-title size.
 * Alignment comes inline from the block's own data (RichTextHtml), so nothing here sets it.
 */
.cms-rich-text h1,
.cms-rich-text h2 {
    font-size: 24px;
    font-weight: 400;
    line-height: 32px;
    margin: 32px 0;
}

.cms-rich-text h3 {
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
    margin: 24px 0 16px;
}

@media (min-width: 768px) {
    .cms-rich-text h1,
    .cms-rich-text h2 {
        font-size: 32px;
    }
}

.cms-rich-text .cms-accordion {
    margin: 24px 0;
}

.cms-rich-text .cms-accordion__item {
    background: #ffffff;
    border: 1px solid #e3e3e3;
    border-radius: 6px;
    margin-bottom: 12px;
}

.cms-rich-text .cms-accordion__question {
    align-items: center;
    cursor: pointer;
    display: flex;
    font-weight: 700;
    gap: 16px;
    justify-content: space-between;
    list-style: none;
    padding: 20px 24px;
}

.cms-rich-text .cms-accordion__question::-webkit-details-marker {
    display: none;
}

.cms-rich-text .cms-accordion__question::after {
    content: '\25BC';
    flex-shrink: 0;
    font-size: 12px;
}

.cms-rich-text .cms-accordion__item[open] .cms-accordion__question::after {
    content: '\25B2';
}

.cms-rich-text .cms-accordion__answer {
    padding: 0 24px 20px;
}

.cms-rich-text .cms-accordion__answer > :last-child {
    margin-bottom: 0;
}