/* AidFacile : panneau « Aide et accessibilité » partagé par toutes les pages.
   Reprend à l'identique les règles de la page d'accueil.
   Chargé avec aidfacile-aide.js, qui pose le bouton et les fenêtres. */

/* Aide et accessibilité */ .aide-modal{display:none;position:fixed;inset:0;z-index:10000}
.aide-modal.open{display:block}
.aide-overlay{position:absolute;inset:0;background:rgba(30,45,35,.45)}
.aide-card{position:relative;z-index:1;width:min(560px,calc(100vw - 32px));margin:min(12vh,110px) auto 0;max-height:min(80vh,760px);overflow-y:auto;background:#fff;border:1px solid #DCE5DE;border-radius:20px;padding:30px 28px 26px;box-shadow:0 18px 60px rgba(30,50,35,.22);display:flex;flex-direction:column;gap:12px;text-align:left}
.aide-card h2,.aide-card .aide-title{margin:0!important;font-family:'Fraunces',serif;font-size:25px;font-weight:600;color:#252F28;text-align:left!important}
.aide-sub{margin:0 0 6px!important;font-size:15px;line-height:1.6;color:#566060}
.aide-close{position:absolute;top:14px;right:14px;width:40px;height:40px;border:none;background:none;font-size:18px;color:#566060;cursor:pointer;border-radius:50%}
.aide-close:hover{background:#F3F6F3;color:#252F28}
.aide-action{display:grid;grid-template-columns:1fr 20px;align-items:center;gap:14px;width:100%;text-align:left;background:#FDFAF7;border:1.5px solid #DCE5DE;border-radius:14px;padding:16px 18px;cursor:pointer;font-family:'DM Sans',sans-serif}
.aide-action:hover{background:#fff;border-color:var(--accent)}
.aide-action:focus-visible{outline:3px solid var(--accent-light);outline-offset:2px}
.aide-action-txt{display:flex;flex-direction:column;gap:4px}
.aide-action-txt strong{font-size:17px;font-weight:700;color:#252F28}
.aide-action-txt small{font-size:13px;line-height:1.45;color:#566060}
.aide-action-arrow{font-size:20px;color:var(--accent);justify-self:end}
.aide-action--fort{background:var(--accent-pale);border-color:var(--accent-light)}
.aide-taille{display:flex;flex-direction:column;gap:9px;margin:2px 0 6px;padding:15px 18px;background:#FDFAF7;border:1.5px solid #DCE5DE;border-radius:14px}
.aide-taille-label{font-size:17px;font-weight:700;color:#252F28}
.aide-taille-btns{display:flex;gap:8px;flex-wrap:wrap}
.aide-taille-btn{flex:1;min-width:96px;min-height:48px;padding:8px 12px;border:1.5px solid #DCE5DE;border-radius:11px;background:#fff;color:#252F28;font-family:'DM Sans',sans-serif;font-weight:600;cursor:pointer;transition:border-color .15s,background .15s}
.aide-taille-btn:nth-child(1){font-size:15px}
.aide-taille-btn:nth-child(2){font-size:17px}
.aide-taille-btn:nth-child(3){font-size:19px}
.aide-taille-btn:hover{border-color:var(--accent)}
.aide-taille-btn[aria-pressed="true"]{background:var(--accent);border-color:var(--accent);color:#fff}
.aide-taille-btn:focus-visible{outline:3px solid var(--accent-light);outline-offset:2px}
html[data-af-taille="2"] body{zoom:1.15}
html[data-af-taille="3"] body{zoom:1.32}
@media print{html[data-af-taille] body{zoom:1!important}}
/* Glossaire */ .glo-modal{display:none;position:fixed;inset:0;z-index:200}
.glo-modal.open{display:block}
.glo-overlay{position:absolute;inset:0;background:rgba(30,45,35,.45)}
.glo-card{position:relative;z-index:1;width:min(620px,calc(100vw - 32px));margin:min(9vh,80px) auto 0; background:#fff;border:1px solid #DCE5DE;border-radius:20px;padding:30px 28px 22px; box-shadow:0 24px 60px rgba(30,50,35,.22);display:flex;flex-direction:column;max-height:min(78vh,720px)}
.glo-title{margin:0 0 4px!important;font-family:'Fraunces',serif;font-size:25px;font-weight:600;color:#252F28;text-align:left!important}
.glo-sub{margin:0 0 16px!important;font-size:15px;line-height:1.6;color:#566060}
.glo-search{width:100%;min-height:50px;padding:12px 15px;border:1.5px solid #DCE5DE;border-radius:12px; background:#FDFAF7;font-family:'DM Sans',sans-serif;font-size:17px;color:#252F28;margin-bottom:14px}
.glo-search:focus{outline:3px solid var(--accent-light);outline-offset:1px;border-color:var(--accent)}
.glo-list{overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding-right:4px}
.glo-item{border:1.5px solid #DCE5DE;border-radius:14px;background:#FDFAF7;padding:14px 16px}
.glo-sigle{display:block;font-size:18px;font-weight:700;color:#252F28;letter-spacing:.01em}
.glo-long{display:block;font-size:15px;font-weight:600;color:var(--accent);margin:2px 0 6px}
.glo-def{margin:0;font-size:15px;line-height:1.6;color:#566060}
.glo-vide{margin:0;padding:18px 4px;font-size:16px;color:#566060}


/* Bouton « Aide » de l'en-tête : il reprend exactement le style des boutons
   FAQ et Qui sommes-nous déjà présents sur la page, en utilisant les
   variables locales. Aucune autre règle d'en-tête n'est touchée. */
.btn-aide{font-size:0.77rem;font-weight:500;color:var(--accent);background:none;border:1.5px solid var(--accent-light);border-radius:100px;padding:5px 13px;font-family:'DM Sans',sans-serif;cursor:pointer;transition:background .15s}
.btn-aide:hover{background:var(--accent-pale)}
.btn-aide:focus-visible{outline:3px solid var(--accent-light);outline-offset:2px}
@media(max-width:600px){.btn-aide{font-size:0.72rem;padding:5px 10px}}