.Article--collapsible {
    margin-block: calc(var(--articlePadding) / 4);
}

.Article--collapsible:last-of-type {
    padding-block: 0 var(--articlePadding);
}

.Article--collapsible .Article__collapsibleTitle {
    display: flex;
    gap: clamp(var(--marginSmallMedium), 8vw, var(--marginMedium));
    justify-content: space-between;
    margin-bottom: 0;
    padding-block: var(--marginSmallMedium);
    padding-inline: clamp(var(--marginExtraSmall), 5vw, var(--marginSmallMedium));
    font-size: var(--rootSize);
    text-wrap: unset;
    cursor: pointer;
    background-color: var(--primaryColor200);
    border-radius: var(--borderRadiusSmall) var(--borderRadiusSmall) 0 0;
}

.Article--collapsible.Article--closed .Article__collapsibleTitle {
    border-radius: var(--borderRadiusSmall);
}

.Article--collapsible .Article__collapsibleTitle,
.Article__content[aria-hidden='false'] {
    max-width: var(--maxTextWidth);
    margin-inline: auto;
}

.variantSidebar .Article--collapsible .Article__collapsibleTitle,
.variantSidebar .Article__content[aria-hidden='false'] {
    margin-inline: 0;
}

.Article--collapsible .Article__collapsibleTitle::after {
    display: inline-block;
    content: '\e800';
    vertical-align: middle;
    speak: none;
    font-family: var(--iconFont);
    transition: transform .1s ease-in-out;
}

.Article--open .Article__collapsibleTitle::after {
    content: '\e803';
}

.Article--collapsible .Article__content {
    padding-block: var(--marginSmallMedium);
    padding-inline: clamp(var(--marginExtraSmall), 3vw, var(--marginSmallMedium));
    background-color: var(--primaryColor150);
    border-radius: 0 0 var(--borderRadiusSmall) var(--borderRadiusSmall);
}

.Article__toggleArticleContent {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    font-family: inherit !important;
    font-size: 100% !important;
    font-weight: var(--headingsWeight) !important;
    line-height: 1.4 !important;
    text-align: left !important;
    color: var(--baseDark900) !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    background-color: transparent !important;
    transition: none !important;
    transform: none !important;
}

.Article__toggleArticleContent::after {
    content: none;
}

.Article__content[aria-hidden] {
    display: none;
}

.Article__content[aria-hidden='false'] {
    display: block;
}