/* Листы с примерами */
.ma {
  width: 100%; height: 100%;
  display: grid; grid-template-columns: repeat(var(--cols), 1fr); grid-template-rows: repeat(var(--rows), 1fr);
  grid-auto-flow: row; column-gap: 8mm;
  font: 600 var(--fs)/1 var(--head); font-variant-numeric: tabular-nums; color: #222;
}
.ma-p { display: flex; align-items: center; gap: 3mm; white-space: nowrap; border-bottom: 1px dashed #e2e2e2; }
.ma-p i { font: 600 9pt var(--body); color: #999; font-style: normal; min-width: 6mm; }
.ma-b {
  display: inline-block; vertical-align: bottom; min-width: 2.2em; height: 1.25em;
  border: 1.5px solid #888; border-radius: 6px; text-align: center; margin: 0 .1em;
}
.ma-b b, .mv-r b { color: var(--teal); }
.ma-v .ma-p { justify-content: center; align-items: center; border-bottom: 0; position: relative; }
.ma-v .ma-p i { position: absolute; left: 0; top: 2mm; }
.mv-g { display: inline-grid; grid-template-columns: auto auto; column-gap: 2mm; row-gap: 1.5mm; text-align: right; line-height: 1; }
.mv-l { grid-column: 1 / 3; border-top: 2px solid #333; }
.mv-r { grid-column: 2; min-height: 1em; }