@charset "utf-8";



.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: 0px auto; padding-right: 1.5rem; padding-left: 1.5rem; max-width: 73.4rem; }



.collapsible-content__header { word-break: break-word; }



.collapsible-content__heading { margin-bottom: 2rem; margin-top: 0px; }



@media screen and (min-width: 750px) {

  .collapsible-content__heading { margin-bottom: 3rem; }

}



.collapsible-none-layout .accordion + .accordion { border-top: 0px; }



.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: 0px; }

}



.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(0px); }



.collapsible-row-layout .accordion summary, .collapsible-row-layout .accordion .accordion__content { padding: 1.5rem; }



.collapsible-row-layout .accordion .accordion__content { padding-top: 0px; }



.collapsible-content summary:hover { background: rgba(var(--color-foreground),.04); }



.collapsible-content summary:hover .accordion__title { text-decoration: underline; text-underline-offset: 0.3rem; }



@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: 0px; }

}

  @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; }

}

}