.collapsible-content
{
    position: relative;
    z-index: 0;
}
.collapsible-section-layout
{
    padding-bottom: 5rem;
    padding-top: 5rem;
}
@media screen and (min-width: 750px)
{
    .collapsible-section-layout
    {
        padding-bottom: 7rem;
        padding-top: 7rem;
    }
}
.collapsible-content__media
{
    background: transparent;
}
.collapsible-content__media--small
{
    height: 19.4rem;
}
.collapsible-content__media--large
{
    height: 43.5rem;
}
@media screen and (min-width: 750px)
{
    .collapsible-content__media--small
    {
        height: 31.4rem;
    }
    .collapsible-content__media--large
    {
        height: 69.5rem;
    }
}
@media screen and (min-width: 750px)
{
    .collapsible-content__grid--reverse
    {
        flex-direction: row-reverse;
    }
}
.collapsible-content-wrapper-narrow
{
    margin: 0 auto;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
    max-width: 85rem;
}
.collapsible-content__header
{
    word-break: break-word;
}
.collapsible-content__heading
{
    margin-bottom: 2rem;
    margin-top: 0;
}
@media screen and (min-width: 750px)
{
    .collapsible-content__heading
    {
        margin-bottom: 3rem;
    }
}
.collapsible-none-layout .accordion+.accordion
{
    border-top: 0;
}
.collapsible-row-layout .accordion:not(:first-child):not(.color-scheme-1)
{
    margin-top: 1rem;
}
.caption-with-letter-spacing+h2
{
    margin-top: 1rem;
}
@media screen and (min-width: 750px)
{
    .collapsible-content .accordion
    {
        margin-top: 0;
    }
}
.collapsible-row-layout .accordion
{
    border: var(--text-boxes-border-width) solid rgba(var(--color-foreground),var(--text-boxes-border-opacity));
    margin-bottom: 1.5rem;
    transform: perspective(0);
}
.collapsible-row-layout .accordion summary, .collapsible-row-layout .accordion .accordion__content
{
    padding: 1.5rem;
}
.collapsible-row-layout .accordion .accordion__content
{
    padding-top: 0;
}
.collapsible-content summary:hover
{
    background: rgba(var(--color-foreground),.04);
}
@supports not (
inset: 10px)
{
@media screen and (min-width: 750px)
{
    .collapsible-content__grid:not(.collapsible-content__grid--reverse) .grid__item:last-child, .collapsible-content__grid--reverse .collapsible-content__grid-item
    {
        padding-left: 5rem;
        padding-right: 0;
    }
}
@media screen and (min-width: 990px)
{
    .collapsible-content__grid:not(.collapsible-content__grid--reverse) .grid__item:last-child, .collapsible-content__grid--reverse .collapsible-content__grid-item
    {
        padding-left: 7rem;
    }
}
}