/* Ogrelo · texte « aéré » (aerer.js) : paragraphes courts, listes, cartes douces (À retenir, Attention, Exemple, Astuce),
   définitions, citations, dates et nombres dans la couleur de la matière. Clair et sombre ; contrastes AA vérifiés
   (couleur de matière mêlée à l'encre : ≥ 4,5:1 sur la carte et sur les fonds teintés, dans les deux thèmes). */
:root{
  --ae-retenir:#2E7D32;--ae-attention:#B54708;--ae-exemple:#1D63A6;--ae-astuce:#8A5A00;   /* textes des étiquettes (clair) */
  --ae-retenir-f:var(--ogre,#5BA84A);--ae-attention-f:var(--pumpkin,#FF8A3D);--ae-exemple-f:var(--sky,#3C9DE0);--ae-astuce-f:var(--sun,#FFC83D);   /* teinte des cartes */
  --ae-n-mix:64%;--ae-n-vers:var(--ink,#2B2A3A)}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--ae-retenir:#8FD88A;--ae-attention:#FFB077;--ae-exemple:#8CC8F5;--ae-astuce:#FFD36B;--ae-n-mix:45%;--ae-n-vers:#F5F1E6}}
:root[data-theme="dark"]{--ae-retenir:#8FD88A;--ae-attention:#FFB077;--ae-exemple:#8CC8F5;--ae-astuce:#FFD36B;--ae-n-mix:45%;--ae-n-vers:#F5F1E6}

/* lecture confortable : lignes de 65 caractères au plus, interligne large, de l'air entre les paragraphes */
.ae{line-height:1.6;hyphens:manual;overflow-wrap:break-word;white-space:normal}
.ae>p,.ae-carte p,.ae-cite p,.ae-liste{max-width:65ch}
.ae>p{margin:0 0 .75em}
.ae>:last-child,.ae-carte>div>:last-child,.ae-cite>:last-child{margin-bottom:0}
.ae>:first-child{margin-top:0}
.blk .ae+.ae{margin-top:.75em}
.ae b{font-weight:800}

/* listes issues d'une énumération : puces rondes de la couleur de la matière */
.ae-liste{margin:.2em 0 .85em;padding-left:1.45em}
.ae-liste li{margin:.35em 0;padding-left:.15em}
ul.ae-liste li::marker{color:color-mix(in srgb,var(--ae-c,var(--ogre,#5BA84A)) 80%,var(--ink));font-size:1.15em}
ol.ae-liste li::marker{color:color-mix(in srgb,var(--ae-c,var(--ogre,#5BA84A)) var(--ae-n-mix),var(--ae-n-vers));font-weight:800}

/* définition : petit trait de couleur à gauche, le mot en gras, la phrase surlignée (mark.hl) */
.ae-def{border-left:4px solid color-mix(in srgb,var(--ae-c,var(--ogre,#5BA84A)) 70%,var(--line));padding:.1em 0 .1em .7em;border-radius:2px}

/* surligneur doux (même jaune que les cartes, clair et sombre) */
html:root .ae mark.hl{--hl:#FFE27A;background:linear-gradient(transparent 12%,var(--hl) 12%,var(--hl) 90%,transparent 90%);color:inherit;border-radius:4px;padding:0 .15em;-webkit-box-decoration-break:clone;box-decoration-break:clone;font-weight:inherit}   /* plus fort que mark.hl de connexion.css (gras 800) : le mot défini reste seul en gras */
@media (prefers-color-scheme: dark){html:root:not([data-theme="light"]) .ae mark.hl{--hl:#7A6514;color:#FFF6D6}}
html:root[data-theme="dark"] .ae mark.hl{--hl:#7A6514;color:#FFF6D6}

/* dates et nombres avec unité : couleur de la matière, assombrie (clair) ou éclaircie (sombre) pour rester lisible */
.ae-n{color:color-mix(in srgb,var(--ae-c,#1F78B8) var(--ae-n-mix),var(--ae-n-vers));font-weight:700;white-space:nowrap}
.ae mark .ae-n{color:inherit}

/* étiquettes en couleur (« Attention : », « Exemple : »…) */
.ae-lab{font-weight:800}
.ae-lab.ae-retenir{color:var(--ae-retenir)}.ae-lab.ae-attention{color:var(--ae-attention)}.ae-lab.ae-exemple{color:var(--ae-exemple)}.ae-lab.ae-astuce{color:var(--ae-astuce)}

/* cartes douces façon Duolingo : contour franc, fond à peine teinté, ombre pleine dessous, icône SVG */
.ae-carte{--k:var(--ae-retenir-f);--kt:var(--ae-retenir);display:flex;gap:10px;align-items:flex-start;margin:.2em 0 .85em;padding:10px 12px 11px;
  background:color-mix(in srgb,var(--k) 10%,var(--card));border:var(--duo-bord,2px) solid color-mix(in srgb,var(--k) 42%,var(--line));
  border-radius:var(--duo-r-s,14px);box-shadow:0 3px 0 color-mix(in srgb,var(--k) 38%,var(--line))}
.ae-carte>i{flex:none;width:1.25em;height:1.25em;margin-top:.15em;font-size:1.05em;color:var(--kt)}
.ae-carte>div{min-width:0;flex:1}
.ae-carte p{margin:0 0 .5em}
.ae-carte .ae-liste{margin-bottom:.2em}
.ae-carte.ae-attention{--k:var(--ae-attention-f);--kt:var(--ae-attention)}
.ae-carte.ae-exemple{--k:var(--ae-exemple-f);--kt:var(--ae-exemple)}
.ae-carte.ae-astuce{--k:var(--ae-astuce-f);--kt:var(--ae-astuce)}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .ae-carte{background:color-mix(in srgb,var(--k) 14%,var(--card))}}
:root[data-theme="dark"] .ae-carte{background:color-mix(in srgb,var(--k) 14%,var(--card))}

/* longue citation : retrait, trait gris, italique léger */
.ae-cite{margin:.2em 0 .85em;padding:.15em 0 .15em .85em;border-left:4px solid color-mix(in srgb,var(--soft) 55%,var(--line));color:var(--ink);font-style:italic}
.ae-cite p{margin:0 0 .6em}
.ae-brut{white-space:normal}

/* dans une bulle de chat : un peu plus serré */
.g-msg .ae>p{margin-bottom:.6em}
.g-msg .ae-carte{padding:8px 10px}

/* brevet : une longue consigne de partie se lit comme un texte (encre, pas gris) */
.bv-partie-t .ae p,.bv-partie-t .ae li{color:var(--ink);font-size:.98rem;line-height:1.55}