/* ── Позначка-гравюра біля пункту (engraveMark, engrave-motifs.js) ─────────
   Мініатюра сутності, про яку пункт: олія в рядку довідника, у виборі
   калькулятора, у заголовку статті. Файл — маска (біла з альфою), фарба —
   currentColor, тож темна тема й акцент зони її перефарбовують без другого файлу.
   Висоту задає місце (--engr-mark-h), ширину — пропорції файлу (aspect-ratio
   в атрибуті style); коробка фіксована ще до завантаження — рядок не стрибає.
   Окремим файлом, як bridge.css: ref і calc беруть ядро пофайлово, без design.css. */
.engr-mark {
  display: inline-block; flex: none; vertical-align: middle;
  height: var(--engr-mark-h, 2.5rem); max-width: calc(var(--engr-mark-h, 2.5rem) * 1.8);
  background: currentColor;
  -webkit-mask: var(--engr-mark) center / contain no-repeat;
  mask: var(--engr-mark) center / contain no-repeat;
}
/* Банер — повна форма (дизеринг, size: 'cover'): на всю ширину місця, висота — з пропорцій. */
.engr-mark.engr-cover { display: block; width: 100%; height: auto; max-width: none; }