/* Shared typography for inline fractions, mixed numbers and table work. */
.lesson-math {
  display:inline-flex;
  align-items:center;
  vertical-align:middle;
  white-space:nowrap;
  line-height:1;
  margin:0 .07em;
}
.lesson-mixed-number { gap:.16em; }
.lesson-fraction {
  display:inline-grid;
  grid-template-rows:auto auto;
  align-items:center;
  justify-items:stretch;
  vertical-align:middle;
  text-align:center;
  line-height:1.08;
  white-space:nowrap;
  font-variant-numeric:tabular-nums;
  margin:.12em 0;
}
.lesson-numerator,
.lesson-denominator {
  display:block;
  font-size:max(18px, .86em);
  padding:0 .13em;
}
.lesson-numerator { grid-row:1; padding-bottom:.09em; border-bottom:1.5px solid currentColor; }
.lesson-denominator { grid-row:2; padding-top:.09em; }
.lesson-fraction-slash {
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip-path:inset(50%);
  white-space:nowrap;
  border:0;
}
.lesson-fraction-input .lesson-numerator { padding:.08em .1em .16em; }
.lesson-fraction-input input { margin:0; }