/* Ce que le site ajoute à la feuille de la maquette (silex-v7.css, portée telle quelle) :
   la vidéo lue dans le cadre de l'affiche, le plein écran 9:16 sur téléphone, l'affiche sans vidéo livrée. */
.video-lue{display:block;width:100%;aspect-ratio:16/9;border-radius:inherit;background:#06141a}
button[data-video][data-a-venir]{cursor:default}
button[data-video][data-a-venir] .play{display:none}
.plein-ecran{position:fixed;inset:0;z-index:150;background:#06141a;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:max(12px,env(safe-area-inset-top)) 0 max(12px,env(safe-area-inset-bottom))}
.plein-ecran[hidden]{display:none}
.plein-ecran video{width:100%;height:100%;max-height:calc(100dvh - 72px);object-fit:contain;background:#000}
.plein-ecran__fermer{order:-1;align-self:flex-end;margin:0 16px 10px;background:none;border:1.5px solid rgba(232,247,251,.5);color:#E8F7FB;border-radius:999px;padding:8px 16px;font:600 15px Inter,sans-serif;cursor:pointer}
.plein-ecran__fermer:focus-visible{outline:3px solid #18B4D6;outline-offset:2px}
/* Les articles du blogue (contenu Wix rendu par ricos.ts) dans la colonne .article de la maquette v7 :
   la maquette ne style que p et h2 ; listes, citations, figures et couverture suivent les mêmes jetons. */
.article h3{font-size:clamp(19px,5vw,22px);margin-top:22px}
.article>ul,.article>ol{font-size:18px;line-height:1.65;color:var(--texte);padding-left:1.3em;margin:12px 0}
.article>ul>li,.article>ol>li{margin:6px 0}
.article>blockquote{margin:18px 0;padding:4px 0 4px 18px;border-left:3px solid var(--ligne);color:var(--texte-2);font-size:18px;line-height:1.6}
.article figure{margin:22px 0}
.article img{max-width:100%;height:auto;border-radius:14px}
.article figcaption{font:500 12.5px/1.45 "IBM Plex Mono",monospace;color:var(--texte-3);margin-top:8px}
.article hr{border:0;border-top:1px solid var(--bordure);margin:28px 0}
.article a:not(.btn){color:var(--accent)}
.article .couverture{display:block;width:100%;margin:0 0 24px}
.article iframe{max-width:100%}
/* Les figures Wix (.nf, silex-fig.css) gardent leur charte claire, quel que soit le thème : la règle .article p
   de la maquette leur imposait la couleur du texte du thème (illisible sur leur fond blanc en thème sombre). */
.article .nf{color:var(--ink)}
.article .nf :is(p,li,span,b,strong){color:inherit;font-size:inherit;line-height:inherit}
/* Page de capsule (/apprendre/<slug>) : la transcription repliée. */
.article details.transcription{margin:14px auto 6px}
.article details.transcription summary{cursor:pointer;font-weight:600;color:var(--accent)}
.article details.transcription p{font-size:16px;color:var(--texte-2)}
/* Le devis d'Écoles et tuteurs : champ-piège invisible, message d'erreur. */
.devis .piege{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.devis .devis-erreur{color:var(--erreur);font-weight:600;margin-top:10px}
/* /offre : le code promo, bien lisible et copiable. /suivi : la case de consentement. */
.code-promo{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px;margin:22px auto 10px;padding:16px 18px;border:2px dashed var(--ligne);border-radius:16px;max-width:520px;background:var(--teinte-bg)}
.code-promo span{font:500 12.5px "IBM Plex Mono",monospace;text-transform:uppercase;letter-spacing:.08em;color:var(--texte-2)}
.code-promo b{font:700 clamp(24px,7vw,32px) "IBM Plex Mono",monospace;letter-spacing:.06em;color:var(--texte)}
.devis label.consentement{display:flex;gap:10px;align-items:flex-start;font-weight:500}
.devis label.consentement input{width:auto;margin-top:3px}
.devis textarea{resize:vertical}