/* Full FAQ page (/fr/faq). Palette and layout follow Atirao_FAQ_Maquette.html and the homepage FAQ. */
.atirao-home.faq-page{overflow-x:clip;background:#f7f6f3;color:#222224;font-family:var(--atirao-font-sans)}
.faq-page__skip{position:absolute;left:-10000px;top:12px;z-index:100;padding:10px 16px;border-radius:8px;background:#222224;color:#fff!important}
.faq-page__skip:focus{left:16px}
.faq-page__main{scroll-padding-top:120px}
.faq-page__wrap{width:min(1220px,calc(100% - 56px));margin:auto}
.faq-page :focus-visible{outline:3px solid #16736e;outline-offset:4px}
.faq-page__dot{color:#e5373f}

.faq-page__hero{padding:48px 0 42px}
.faq-page__crumb ol{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;font-size:13px;color:#5f5f5f}
.faq-page__crumb li+li:before{content:"/";margin-right:6px}
.faq-page__crumb a{text-decoration:underline!important;text-underline-offset:3px}
.faq-page__hero-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:55px;align-items:center}
.faq-page__eyebrow{margin:40px 0 0;text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:700}
.faq-page__eyebrow:before{content:"";display:inline-block;width:25px;height:3px;margin-right:10px;vertical-align:middle;background:#69c1bd}
.faq-page h1{margin:23px 0;font-size:clamp(40px,6vw,76px);line-height:1.03;letter-spacing:-.05em;font-weight:700}
.faq-page__lead{max-width:650px;margin:0;color:#5c5c5c;font-size:17px;line-height:1.75}
.faq-page__signal{padding-left:25px;border-left:4px solid #69c1bd}
.faq-page__signal strong{display:block;font-size:57px;line-height:1.1;letter-spacing:-3px}
.faq-page__signal p{margin:8px 0 0;color:#5f5f5f;line-height:1.6}

.faq-page__search{display:flex;gap:14px;align-items:center;margin-top:32px;padding:15px 20px;border:1px solid #cfcbc3;border-radius:12px;background:#fff}
.faq-page__search[hidden]{display:none}
.faq-page__search:focus-within{outline:3px solid #16736e;outline-offset:2px}
.faq-page__search label{font-size:13px;font-weight:700;white-space:nowrap}
.faq-page__search input{width:100%;padding:4px;border:0;outline:none;background:transparent;color:#222224;font-size:16px}
.faq-page__count{margin:13px 0 0;color:#5f5f5f;font-size:13px}

.faq-page__layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:36px;align-items:start;padding-bottom:70px}
.faq-page__aside{position:sticky;top:130px;padding:27px;border-radius:18px;background:#222224;color:#fff}
.faq-page .faq-page__aside-title{margin:0 0 9px;font-size:25px;line-height:1.15;letter-spacing:-1px;color:#fff}
.faq-page__aside>p{margin:0 0 6px;color:#c4c4c4;font-size:13px;line-height:1.6}
.faq-page__aside ul{margin:0;padding:0;list-style:none}
.faq-page__category{display:flex;justify-content:space-between;gap:10px;padding:13px 0;border-bottom:1px solid #454547;font-size:13px}
.faq-page__category:hover{color:#69c1bd}
.faq-page__category span{color:#69c1bd}
.faq-page__btn{display:inline-block;padding:15px 22px;border-radius:9px;background:#c62828;color:#fff!important;font-weight:700;text-align:center;transition:background-color .2s}
.faq-page__btn:hover{background:#a91f1f}
.faq-page__aside .faq-page__btn{width:100%;margin-top:24px}

.faq-page__content:focus{outline:none}
.faq-page__tools{display:flex;flex-wrap:wrap;gap:6px 20px;margin-bottom:22px}
.faq-page__tools[hidden]{display:none}
.faq-page__tools button{padding:4px 0;background:none;color:#4a4a4a;font-size:13px;text-decoration:underline;text-underline-offset:3px}
.faq-page__empty{margin:0 0 30px;padding:25px;border-radius:15px;background:#fff}
.faq-page__empty a{font-weight:700;text-decoration:underline!important}
.faq-page__topic{margin-bottom:40px;scroll-margin-top:130px}
.faq-page__section-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 0 17px}
.faq-page__section-head h2{margin:0;font-size:28px;line-height:1.2;letter-spacing:-1px}
.faq-page__section-head span{flex-shrink:0;color:#5f5f5f;font-size:12px}
.faq-page__items{overflow:hidden;border:1px solid #e1dfda;border-radius:17px;background:#fff}
.faq-page__item{border-bottom:1px solid #e1dfda;scroll-margin-top:130px}
.faq-page__item:last-child{border-bottom:0}
.faq-page__item[open]{background:linear-gradient(100deg,#e8f8f6,#fff 70%)}
.faq-page__item summary{display:flex;align-items:center;gap:18px;padding:23px;cursor:pointer;list-style:none}
.faq-page__item summary::-webkit-details-marker{display:none}
.faq-page__item summary:after{content:"+";display:grid;place-items:center;flex-shrink:0;width:30px;height:30px;border:1px solid #b9b5ad;border-radius:50%}
.faq-page__item[open] summary:after{content:"\2212"}
.faq-page__num{color:#b7252d;font-size:11px;font-weight:700}
.faq-page__item h3{flex:1;margin:0;font-size:17px;line-height:1.45;font-weight:600;text-wrap:pretty}
.faq-page__answer{padding:0 30px 25px 59px;color:#4d4d4d;font-size:15px;line-height:1.8}
.faq-page__answer p{margin:0 0 16px}
.faq-page__brief{padding:12px 15px;border-left:3px solid #69c1bd;background:#eff4f1;font-size:14px}
.faq-page__links{display:flex;flex-wrap:wrap;gap:6px 18px;margin:0!important}
.faq-page__links a{color:#222224;font-size:13px;font-weight:700;text-decoration:underline!important;text-decoration-color:#69c1bd!important;text-underline-offset:4px}

.faq-page__cta{display:flex;justify-content:space-between;align-items:center;gap:30px;margin:0 0 55px;padding:46px;border-radius:20px;background:#222224;color:#fff}
.faq-page__cta .faq-page__eyebrow{margin-top:0}
.faq-page .faq-page__cta h2{margin:14px 0;font-size:35px;line-height:1.15;color:#fff}
.faq-page__cta p:not(.faq-page__eyebrow){margin:0;color:#c4c4c4;line-height:1.7}

@media (max-width:950px){
    .faq-page__hero-grid{grid-template-columns:1fr;gap:20px}
    .faq-page__signal{display:none}
    .faq-page__layout{grid-template-columns:1fr}
    .faq-page__aside{position:static;padding:22px}
    .faq-page__aside>p,.faq-page__aside .faq-page__btn{display:none}
    .faq-page__aside ul{display:flex;flex-wrap:wrap;gap:0 18px}
    .faq-page__category{display:inline-flex}
}
@media (max-width:600px){
    .faq-page__wrap{width:calc(100% - 32px)}
    .faq-page__hero{padding-top:28px}
    .faq-page__eyebrow{margin-top:28px}
    .faq-page__search{flex-wrap:wrap;gap:6px;padding:12px 14px}
    .faq-page__item summary{gap:12px;padding:20px 16px}
    .faq-page__answer{padding:0 18px 22px 18px}
    .faq-page__section-head{align-items:flex-start}
    .faq-page__section-head h2{font-size:24px}
    .faq-page__cta{display:block;padding:28px}
    .faq-page .faq-page__cta h2{font-size:28px}
    .faq-page__cta .faq-page__btn{margin-top:18px}
}
@media (prefers-reduced-motion:reduce){.faq-page__btn{transition:none}}
@media print{
    .atirao-header,.atirao-footer,.faq-page__aside,.faq-page__search,.faq-page__tools,.faq-page__cta{display:none!important}
    .faq-page__layout{display:block}
    .faq-page__item{break-inside:avoid}
}