/* NADÈ 1.8.0 — centre d'aide (ai-) et langues (lg-). */
.ai{display:grid;gap:14px}
.ai-recherche{display:flex;gap:8px;max-width:640px}
.ai-recherche input{flex:1;min-width:0;font:500 16px var(--f-body);padding:12px 14px;border:1.5px solid var(--line);border-radius:12px;background:#fff;color:var(--ink)}
.ai-recherche input:focus{outline:none;border-color:var(--enamel);box-shadow:0 0 0 3px var(--enamel-2)}
.ai-onglets,.lg-filtres{display:flex;flex-wrap:wrap;gap:6px}
.ai-onglets a,.lg-filtres a{padding:8px 14px;border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--ink);text-decoration:none;font:600 14px var(--f-body)}
.ai-onglets a.actif,.lg-filtres a.actif{background:var(--nuit);border-color:var(--nuit);color:#fff}
.ai-titre,.lg-titre{font:700 22px var(--f-display);margin:6px 0 0}
.ai-rubrique{font:700 13px var(--f-body);letter-spacing:.08em;text-transform:uppercase;color:var(--laterite);margin:14px 0 2px}
.ai-grille{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}
.ai-carte{position:relative;display:grid;grid-template-columns:64px 1fr;gap:12px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:14px;background:#fff;color:var(--ink);text-decoration:none;transition:border-color .15s,box-shadow .15s}
.ai-carte:hover{border-color:var(--enamel);box-shadow:0 6px 18px rgba(11,31,63,.08)}
.ai-carte img,.ai-pic-vide{width:64px;height:64px;border-radius:10px;object-fit:cover;object-position:top;background:var(--ciel,#EEF2F7)}
.ai-pic-vide{display:grid;place-items:center;font:800 26px var(--f-display);color:var(--enamel);background:var(--enamel-2)}
.ai-carte b{display:block;font:700 15.5px/1.25 var(--f-display);color:var(--nuit)}
.ai-carte small{display:block;color:var(--muted);font-size:13.5px;margin-top:3px;line-height:1.35}
.ai-pastille{display:inline-block;font:700 11px var(--f-body);letter-spacing:.04em;text-transform:uppercase;padding:3px 8px;border-radius:999px;background:var(--laterite-2);color:#9A3E15;font-style:normal}
.ai-carte .ai-pastille{position:absolute;top:8px;right:8px}
.ai-pastille.gris{background:#E6EAF0;color:var(--muted)}
.ai-article{max-width:760px}
.ai-article h2{font:800 28px/1.15 var(--f-display);color:var(--nuit);margin:4px 0 6px}
.ai-chapeau{font-size:18px;color:var(--muted);margin:0 0 10px}
.ai-fil{font-size:14px;margin:0}.ai-fil a{color:var(--enamel)}
.ai-texte{font-size:16.5px;line-height:1.6}
.ai-texte h3{font:700 18px var(--f-display);color:var(--nuit);margin:18px 0 6px}
.ai-texte p{margin:0 0 10px}
.ai-liste{margin:6px 0 12px;padding-left:22px}.ai-liste li{margin:5px 0}
ol.ai-liste li::marker{font-weight:800;color:var(--laterite)}
.ai-astuce{background:var(--enamel-2);border-left:4px solid var(--enamel);padding:10px 14px;border-radius:0 10px 10px 0;color:var(--nuit)}
.ai-capture{margin:12px 0;max-width:420px}
.ai-capture img{width:100%;border-radius:14px;border:1px solid var(--line);box-shadow:0 10px 26px rgba(11,31,63,.10)}
.ai-capture figcaption{font-size:13px;color:var(--muted);margin-top:6px}
.ai-video{position:relative;aspect-ratio:16/9;max-width:640px;margin:8px 0 14px;border-radius:14px;overflow:hidden;background:#000}
.ai-video iframe,.ai-video video{position:absolute;inset:0;width:100%;height:100%;border:0}
.ai-faq{display:grid;gap:8px}
.ai-faq details{padding:12px 14px}
.ai-faq summary{cursor:pointer;font:600 16px var(--f-body);color:var(--nuit);list-style:none}
.ai-faq summary::-webkit-details-marker{display:none}
.ai-faq summary::after{content:'+';float:right;font-weight:800;color:var(--laterite)}
.ai-faq details[open] summary::after{content:'–'}
.ai-faq p{margin:8px 0 0;color:var(--ink)}
.ai-form textarea{font-size:14px;line-height:1.5}
.ai-2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ai-scripts h3{font:700 17px var(--f-display);color:var(--nuit);margin:18px 0 6px}
.ai-plans{list-style:none;padding:0;margin:0;display:grid;gap:6px}
.ai-plans li{display:grid;grid-template-columns:72px 1fr 1.3fr;gap:12px;align-items:start;padding:10px 12px;background:#fff;border:1px solid var(--line);border-radius:12px;font-size:14.5px}
.ai-duree{font:700 13px var(--f-mono,monospace);color:var(--laterite)}
.ai-plans q{color:var(--nuit);font-style:italic}
.ai-public .ai-recherche{margin:6px 0 10px}
.ai-conf h2{font:700 20px var(--f-display);margin:18px 0 6px}
@media (max-width:640px){.ai-2{grid-template-columns:1fr}.ai-plans li{grid-template-columns:1fr}.ai-article h2{font-size:24px}}
/* Langues */
.lg-page{display:grid;gap:14px}
.lg-langues{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.lg-langue{display:grid;gap:4px;text-decoration:none;color:var(--ink);border:1.5px solid var(--line)}
.lg-langue.actif{border-color:var(--enamel);box-shadow:inset 0 0 0 1px var(--enamel)}
.lg-langue b{font:700 18px var(--f-display);color:var(--nuit)}
.lg-langue small{color:var(--muted);font-size:12.5px}
.lg-barre{display:block;height:7px;border-radius:9px;background:#E6EAF0;overflow:hidden;margin-top:6px}
.lg-barre i{display:block;height:100%;background:var(--enamel);border-radius:9px}
.lg-barre.ok i{background:var(--ok,#1E7A4F)}.lg-barre.voix i{background:var(--laterite)}
.lg-outils{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-start}
.lg-liste{display:grid;gap:10px}
.lg-ligne{display:grid;grid-template-columns:minmax(200px,1fr) minmax(260px,1.4fr);gap:10px 16px;align-items:start}
.lg-fr p{margin:4px 0 0;font:600 15.5px var(--f-body);color:var(--nuit)}
.lg-form textarea{width:100%;font:500 15.5px var(--f-body);padding:9px 11px;border:1.5px solid var(--line);border-radius:10px;resize:vertical}
.lg-val{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:6px}
.lg-val input[type=text]{flex:1;min-width:140px;padding:7px 10px;border:1px solid var(--line);border-radius:8px;font-size:14px}
.lg-voix{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding-top:8px;border-top:1px dashed var(--line)}
.lg-voix audio{height:36px;max-width:260px}
.lg-voix form{display:inline}
.lg-rouge{background:#A12D2D !important;border-color:#A12D2D !important;color:#fff !important}
.lg-erreur{color:#A12D2D;margin:0;width:100%}
@media (max-width:720px){.lg-ligne{grid-template-columns:1fr}}
