/* Accordion */
.accordion {margin-bottom:2rem;}
.accordion .accordion-panel {border-bottom:1px solid var(--neutral-400); padding-bottom:1rem; padding-top:1rem;}
.accordion .accordion-panel .accordion-title { position:relative; padding-top:0; padding-bottom:0; margin-bottom:0; padding:0;}
.accordion .accordion-panel .accordion-title .accordion-trigger {color:var(--primary-300); width:100%; padding-right:4rem; /*min-height:48px;*/ background:transparent; border:0; cursor:pointer; text-align:left; transition:var(--transition-default);}
.accordion .accordion-panel .accordion-title .accordion-trigger:hover,
.accordion .accordion-panel .accordion-title .accordion-trigger[aria-expanded="true"] {color:var(--primary-900);}
.accordion .accordion-panel h3 {margin:0;}

.accordion .accordion-panel .accordion-content {display:grid; grid-template-rows:0fr; transition:grid-template-rows 500ms;}
.accordion .accordion-panel .accordion-content[aria-hidden="false"] {grid-template-rows:1fr;}
.accordion .accordion-panel .accordion-content > div {overflow:hidden;}
.accordion .accordion-body {padding-top:1rem;}

.accordion .accordion-panel .accordion-title .accordion-trigger::after {content:''; position:absolute; border-radius:50%; transform-origin:center center;  top:1rem; right:0; 
    width:28px; height:16px; transition:rotate 0.25s ease-out; rotate: 0deg; background-image:url(/images/icon-arrow-accordion.svg); background-repeat:no-repeat; background-position:center; background-size:contain;}
.accordion .accordion-panel .accordion-title .accordion-trigger[aria-expanded="true"]::after {rotate:180deg;}

.accordion .accordion-panel .level-3-title button {font-weight:var(--fw-bold); font-size: var(--fs-base-d);}

@media (min-width:768px) {
    .accordion .accordion-body {padding-right:3rem;}
}