/* Copie légère de /assets/phare-faq.css (commentaires retirés) — tools/prod-css-purge.mjs — source-sha1:516bcf5700cf04a2061be747180dc7b8c075ddc2 — ne pas éditer, relancer l'outil. */
.fq{--fq-encre: var(--rs-encre, #0A0A0A);
    --fq-doux: var(--rs-doux, #5F5F5F);
    --fq-trait: rgba(10, 10, 10, 0.16);
    --fq-ouvert: #F6F6F7;
    --fq-depasse: 14px;
    --fq-pad: clamp(22px, 2.8vw, 48px);
    --fq-e: cubic-bezier(0.22, 0.68, 0.24, 1);

    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 4fr) minmax(0, 8fr);
    margin-inline: auto;
    interpolate-size: allow-keywords;
    font-family: var(--font-nav);
    color: var(--fq-encre);
    
    background: #FFFFFF;
    box-shadow:
        0 1px 2px rgba(10, 10, 10, 0.05),
        0 28px 60px -36px rgba(10, 10, 10, 0.3);}
.fq-cadre,.fq-cadre::before,.fq-cadre::after{position: absolute;
    pointer-events: none;}
.fq-cadre{inset: 0;}
.fq-cadre::before,.fq-cadre::after{content: "";
    background-repeat: no-repeat;}
.fq-cadre::before{inset: 0 calc(-1 * var(--fq-depasse));
    background-image: linear-gradient(var(--fq-trait), var(--fq-trait)), linear-gradient(var(--fq-trait), var(--fq-trait));
    background-size: 100% 1px;
    background-position: top, bottom;}
.fq-cadre::after{inset: calc(-1 * var(--fq-depasse)) 0;
    background-image: linear-gradient(var(--fq-trait), var(--fq-trait)), linear-gradient(var(--fq-trait), var(--fq-trait));
    background-size: 1px 100%;
    background-position: left, right;}
.fq-tete{display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: var(--fq-pad);}
.fq .fq-t{margin: 0;
    font-family: var(--font-nav);
    font-size: clamp(32px, 3.3vw, 54px);
    font-weight: 500;
    line-height: 1;
    letter-spacing: -0.045em;
    color: var(--fq-encre);
    text-wrap: balance;}
.fq .fq-texte{max-width: 34ch;
    margin: 18px 0 0;
    font-family: var(--font-text);
    font-size: var(--rs-t-texte, 17px);
    line-height: 1.55;
    color: var(--fq-doux);
    text-wrap: pretty;}
.fq .fq-actions{display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 26px 0 0;}
.fq .fq-pill{display: inline-flex;
    align-items: center;
    gap: 9px;
    height: 44px;
    padding: 0 18px 0 15px;
    border-radius: 999px;
    font-family: var(--font-nav);
    font-size: 14.5px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: -0.01em;
    text-decoration: none;
    white-space: nowrap;
    transition: translate .2s var(--fq-e), background-color .22s var(--fq-e), box-shadow .22s var(--fq-e);}
.fq .fq-pill:hover{translate: 0 -1px;}
.fq .fq-pill:focus-visible{outline: 2px solid var(--fq-encre); outline-offset: 3px;}
.fq .fq-pill--plein{background: var(--fq-encre); color: #FFFFFF; box-shadow: 0 10px 22px -12px rgba(10, 10, 10, 0.7);}
.fq .fq-pill--plein:hover{background: #2A2A2A;}
.fq .fq-pill--contour{box-shadow: inset 0 0 0 1px var(--fq-trait); color: var(--fq-encre);}
.fq .fq-pill--contour:hover{box-shadow: inset 0 0 0 1px var(--fq-encre);}
.fq-ico{flex: none;
    width: 16px;
    height: 16px;
    background: currentColor;
    -webkit-mask: var(--ico) center / contain no-repeat;
            mask: var(--ico) center / contain no-repeat;}
.fq-ico--tel{--ico: var(--i-telephone);}
.fq-ico--ecrire{--ico: var(--i-enveloppe);}
.fq-questions{position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    column-gap: clamp(24px, 3vw, 56px);
    align-items: start;
    padding: calc(var(--fq-pad) - 8px) var(--fq-pad) var(--fq-pad);
    border-left: 1px solid var(--fq-trait);}
.fq-questions::before,.fq-questions::after{content: "";
    position: absolute;
    left: -1px;
    width: 1px;
    height: var(--fq-depasse);
    background: var(--fq-trait);
    pointer-events: none;}
.fq-questions::before{top: calc(-1 * var(--fq-depasse));}
.fq-questions::after{bottom: calc(-1 * var(--fq-depasse));}
.fq-col{display: flex;
    flex-direction: column;
    min-width: 0;}
.fq .fq-q{border-bottom: 1px solid var(--fq-trait);}
.fq .fq-q summary{display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    padding: 20px 0;
    cursor: pointer;
    list-style: none;
    font-family: var(--font-nav);
    font-size: clamp(15.5px, 1.1vw, 17px);
    font-weight: 500;
    line-height: 1.35;
    letter-spacing: -0.012em;
    color: var(--fq-encre);
    transition: padding-inline .32s var(--fq-e);}
.fq .fq-q summary::-webkit-details-marker{display: none;}
.fq .fq-q summary:focus-visible{outline: 2px solid var(--fq-encre); outline-offset: 2px;}
.fq .fq-q summary::after{content: "";
    flex: none;
    width: 13px;
    height: 13px;
    margin-top: 5px;
    background:
        linear-gradient(currentColor, currentColor) center / 13px 1.5px no-repeat,
        linear-gradient(currentColor, currentColor) center / 1.5px 13px no-repeat;
    transition: rotate .32s var(--fq-e), background-size .32s var(--fq-e);}
.fq .fq-q[open] summary::after{rotate: 180deg;
    background-size: 13px 1.5px, 1.5px 0;}
.fq .fq-r p{margin: 0;
    padding: 0 0 22px;
    font-family: var(--font-text);
    font-size: 15.5px;
    line-height: 1.62;
    color: #3A3A3A;
    text-wrap: pretty;}
.fq .fq-r a:not([class]){color: var(--fq-encre);
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-decoration-color: rgba(10, 10, 10, 0.28);
    text-underline-offset: 3px;}
.fq .fq-r a:not([class]):hover{text-decoration-color: var(--fq-encre);}
.fq .fq-q::details-content{height: 0;
    overflow: clip;
    transition: height .32s var(--fq-e), content-visibility .32s allow-discrete;}
.fq .fq-q[open]::details-content{height: auto;}
.fq .fq-q[open]{background: var(--fq-ouvert);}
.fq .fq-q[open] summary,.fq .fq-q[open] .fq-r p{padding-inline: 18px;}
@media (max-width: 980px){
.fq{grid-template-columns: minmax(0, 1fr);}
.fq-questions{border-left: 0;
        border-top: 1px solid var(--fq-trait);}
.fq-questions::before{top: -1px;
        left: calc(-1 * var(--fq-depasse));
        right: calc(-1 * var(--fq-depasse));
        width: auto;
        height: 1px;}
.fq-questions::after{content: none;}
}
@media (max-width: 760px){
.fq{--fq-depasse: 10px;}
.fq-questions{grid-template-columns: minmax(0, 1fr);}
}
@media (prefers-reduced-motion: reduce){
.fq .fq-q::details-content,.fq .fq-q summary,.fq .fq-q summary::after{transition: none;}
}
