/* =============================================================
   MATHS.CSS — Mimba-Educ : fractions et racines, les mêmes partout
   version 1.1 — 2026-10-21 (1.1 : épaisseurs et hauteur réglables dans les propriétés : --mfr-ep, --mfr-dy, --mrc-ep)
   Chargé par cours.php, serie.php, cours-editor.html, serie-editor.html et EDITION/edite-text-contenue.html
   (les animations ASS ont la même chose dans ass/ass.css).

   FRACTION   <span class="frac"><sup>haut</sup><sub>bas</sub></span>
     La barre est toujours à la hauteur du signe « = », même avec une fraction dans une fraction
     (la fraction est un petit tableau : sa ligne de base est la barre).
   RACINE     <span class="radical"><span class="radicand">contenu</span></span>
     Le signe est dessiné (pas de caractère spécial) et grandit avec son contenu.
   ============================================================= */

/* ── fraction ── */
span.frac{display:inline-table!important;vertical-align:var(--mfr-dy,.32em)!important;text-align:center;border-collapse:collapse;margin:0 .12em;line-height:1.2;text-indent:0}
span.frac::before{content:""!important;display:table-row!important;height:0}
span.frac>sup,span.frac>sub{display:table-caption!important;white-space:nowrap;font:inherit;font-size:1em!important;vertical-align:baseline!important;
  padding:0 .25em!important;margin:0!important;line-height:1.2;position:static!important;top:auto;bottom:auto}
span.frac>sup{caption-side:top;padding-bottom:.1em!important;border-bottom:none!important}
span.frac>sub{caption-side:bottom;border-top:var(--mfr-ep,.07em) solid currentColor!important;padding-top:.12em!important}
span.frac>span{display:none!important}
span.frac.no-bar>sub{border-top-color:transparent!important;visibility:hidden}
span.frac span.frac{font-size:.92em}

/* ── racine ── */
span.radical{display:inline-block;position:relative;padding-left:.62em;margin:0 .06em;font-size:1em;vertical-align:baseline;line-height:inherit}
span.radical>span.radicand{display:inline-block;border-top:var(--mrc-ep,.07em) solid currentColor;padding:.12em .1em 0 .06em;line-height:inherit}
span.radical::before{content:"";position:absolute;left:0;top:0;bottom:-.06em;width:.62em;background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 24' preserveAspectRatio='none'%3E%3Cpath d='M0.6 13.6L3 12.2L6.3 22.6L11.2 0.8H12' fill='none' stroke='black' stroke-width='1.3' stroke-linejoin='round' stroke-linecap='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E") 0 0/100% 100% no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 24' preserveAspectRatio='none'%3E%3Cpath d='M0.6 13.6L3 12.2L6.3 22.6L11.2 0.8H12' fill='none' stroke='black' stroke-width='1.3' stroke-linejoin='round' stroke-linecap='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E") 0 0/100% 100% no-repeat}
span.radical .n-root{position:absolute;top:-.25em;left:.05em;font-size:55%}