.faq{--faq-texte:var(--color-graphite);--faq-secondaire:var(--color-ardoise);--faq-filet:var(--color-trait);--faq-accent:var(--color-graphite);border-top:2px solid var(--faq-texte);color:var(--faq-texte)}.faq[data-ton=sombre]{--faq-texte:var(--color-mineral);--faq-secondaire:var(--color-voile);--faq-filet:var(--color-filet);--faq-accent:var(--color-or)}.faq-item{border-bottom:1px solid var(--faq-filet)}.faq-question{cursor:pointer;justify-content:space-between;align-items:center;gap:1.5rem;min-height:4rem;padding:1.25rem 0;list-style:none;display:flex}.faq-question::-webkit-details-marker{display:none}.faq-intitule{font-size:clamp(1.2rem,1rem + .6vw,1.55rem);font-weight:600;line-height:1.375}.faq[data-survol=accent] .faq-question:hover .faq-intitule{text-decoration:underline;-webkit-text-decoration-color:var(--faq-accent);text-decoration-color:var(--faq-accent);text-underline-offset:.2em;text-decoration-thickness:2px}.faq[data-survol=trait] .faq-question:hover .faq-intitule{text-underline-offset:.2em;text-decoration:underline;text-decoration-thickness:1px}.faq-reponse{max-width:68ch;color:var(--faq-secondaire);padding-bottom:1.75rem}.faq-lien{color:var(--faq-texte);text-decoration:underline;-webkit-text-decoration-color:var(--faq-accent);text-decoration-color:var(--faq-accent);text-underline-offset:4px;font-weight:600;text-decoration-thickness:2px}.faq-lien:hover{text-decoration-color:currentColor}.faq-signe{flex-shrink:0;width:1rem;height:1rem;position:relative}.faq-signe:before,.faq-signe:after{content:"";background:var(--faq-texte);width:100%;height:2px;transition:transform .2s var(--ease-flux);margin-top:-1px;position:absolute;top:50%;left:0}.faq[data-signe=lent] .faq-signe:before,.faq[data-signe=lent] .faq-signe:after{transition-duration:.35s}.faq-signe:after{transform:rotate(90deg)}.faq-item[open] .faq-signe:after{transform:rotate(0)}.faq-item[open] .faq-signe:before{background:var(--faq-accent)}@media (prefers-reduced-motion:no-preference){@keyframes faq-ouvre{0%{opacity:0;transform:translateY(-.25rem)}}.faq[data-ouverture=animee] .faq-item[open] .faq-reponse{animation:faq-ouvre .22s var(--ease-flux) both}@supports (interpolate-size:allow-keywords){.faq[data-ouverture=animee] .faq-item{interpolate-size:allow-keywords}.faq[data-ouverture=animee] .faq-item::details-content{block-size:0;transition:block-size .24s var(--ease-flux), content-visibility .24s allow-discrete;overflow:clip}.faq[data-ouverture=animee] .faq-item[open]::details-content{block-size:auto}}}
