.faq{border-top:1px solid var(--card-border);max-width:76ch}.faq__item{border-bottom:1px solid var(--card-border)}.faq__q{align-items:center;color:var(--color-slate-900);cursor:pointer;display:flex;font-size:var(--text-subheading);gap:var(--spacing-16);justify-content:space-between;line-height:var(--leading-subheading);list-style:none;padding:var(--spacing-24) 0}.faq__q::-webkit-details-marker{display:none}.faq__q::marker{content:""}.faq__mark{flex:none;height:16px;position:relative;width:16px}.faq__mark:after,.faq__mark:before{background:var(--color-slate-600);content:"";height:2px;inset:50% 0 auto 0;position:absolute;transform:translateY(-50%);transition:transform var(--dur-pop) var(--ease-out)}.faq__mark:after{transform:translateY(-50%) rotate(90deg)}.faq__item[open] .faq__mark:after{transform:translateY(-50%) rotate(0deg)}.faq__a{color:var(--color-slate-600);font-size:var(--text-body-sm);line-height:var(--leading-body-sm);max-width:68ch;padding-bottom:var(--spacing-24)}@media(hover:hover)and (pointer:fine){.faq__q{border-radius:var(--radius-lg);margin-inline:calc(var(--spacing-16)*-1);padding-inline:var(--spacing-16);transition:background-color var(--dur-hover) var(--ease-out)}.faq__q:hover{background:var(--color-frost)}.faq__q:hover .faq__mark:after,.faq__q:hover .faq__mark:before{background:var(--color-slate-900)}}.faq{interpolate-size:allow-keywords}.faq__item::details-content{block-size:0;overflow:hidden;transition:block-size var(--dur-line) var(--ease-drawer),content-visibility var(--dur-line) allow-discrete}.faq__item[open]::details-content{block-size:auto}@media(prefers-reduced-motion:reduce){.faq__item::details-content{transition:none}}@media(prefers-reduced-motion:reduce){.faq__mark:after,.faq__mark:before{transition:none}}
