/* ============================================================
 /assets/css/fraction_francaise.css
 FRACTIONS HTML — rendu navigateur + PDF 
============================================================ */
/* Fractions HTML — rendu web + PDF Dompdf */
.frac-html {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    line-height: 1;
    margin: 0 0.12em;
    min-width: 1.45em;
    font-family: "DejaVu Sans Mono", "Consolas", monospace;
    font-weight: inherit;
}

.frac-html .frac-num,
.frac-html .frac-den {
    display: block;
    text-align: center;
    padding: 0;
    margin: 0;
    line-height: 1.05;
}

.frac-num{
  color: blue;
}

.frac-den{
  color: red;
}

.frac-html .frac-bar {
    display: block;
    width: 100%;
    height: 0.35mm;
    background: currentColor;
    margin: 0.16em 0 0.18em 0;
}

.math-line {
    font-weight: 700;
    font-size: 1.15em;
    line-height: 2.15;
}

.math-op {
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    font-weight: 700;
    margin: 0 0.18em;
    position: relative;
    top: -0.10em;
}

.frac-example-alone {
    display: block;
    text-align: center;
    margin: 0.4em 0 0.2em 0;
}

@media print {
    .math-line { line-height: 2.25; }
}