.faq-page-wrapper{margin:0 auto;max-width:1200px}h1,h2{font-family:bebas neue,sans-serif;text-transform:uppercase;line-height:var(--line-height-h1);text-align:center;margin-block:var(--spacing-xl)}h2{text-align:left;margin-bottom:var(--spacing-md);line-height:var(--line-height-h2)}.faq-page-wrapper section{position:relative;padding-bottom:var(--spacing-2xl);margin-bottom:var(--spacing-2xl);&::after { content:''; position:absolute; bottom:0; left:50%; transform:translateX(-50%); width:120px; height:5px; background:linear-gradient( 90deg,transparent 0%,var(--color-accent-primary) 20%,var(--color-accent-light) 80%,transparent 100% ); border-radius:3px; } &:last-child::after { display:none; }}.intro-video-container{margin-bottom:var(--spacing-xl);margin-top:var(--spacing-sm)}.intro-text-wrapper{text-align:center;padding-bottom:var(--spacing-md)}@media(min-width:768px){.intro-video-container{display:flex;gap:2rem;align-items:center;justify-content:center}.intro-text-wrapper{flex:1;text-align:left}.intro-video-wrapper{flex:1}}h3:has(+details){color:var(--color-accent-primary);margin-top:var(--spacing-xl);margin-bottom:var(--spacing-md);font-family:bebas neue,sans-serif;text-transform:uppercase;border-bottom:2px solid var(--color-accent-primary)}.explanation-video{display:block;max-width:100%;height:auto;width:100%}@media(max-width:767px){.explanation-video{width:60ch;margin-inline:auto}}details{overflow:hidden}summary{display:flex;flex-direction:row-reverse;justify-content:space-between;padding:var(--spacing-sm);cursor:pointer;font-weight:700;list-style:none;font-variation-settings:normal;font-weight:600;border-radius:.25rem;transition:background-color .2s ease,outline .2s ease;&:hover { background-color:var(--color-accent-primary-20); } &:focus { outline:none; background-color:var(--color-accent-primary-20); } &:focus-visible { outline:2px solid var(--color-accent-primary); outline-offset:2px; }}details[open] summary{background-color:var(--color-accent-primary);color:var(--base-color);&:focus-visible { outline:2px solid var(--base-color); outline-offset:-2px; }}summary::-webkit-details-marker{display:none}summary::before{content:'+'}details[open] summary::before{content:'-'}details[open]{border-bottom:1px solid var(--text-color)}details .content{padding:var(--spacing-md);padding-top:0;padding-bottom:var(--spacing-xl);padding-left:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-sm);p { margin-top: var(--spacing-sm); } a { color: var(--color-accent-primary); text-decoration: underline; font-weight: 600; border-radius: 0.125rem; &:focus { outline: none; } &:focus-visible { outline: 2px solid var(--color-accent-primary); outline-offset: 2px; } } li { list-style-type: none; }}details::details-content{@supports(interpolate-size:allow-keywords){block-size: 0; transition: block-size 0.5s,content-visibility 0.5s; transition-behavior: allow-discrete;}}details[open]::details-content{block-size:auto}