/* Плашка «временно: источник» для чужих картинок-заглушек.
   Чужие файлы лежат ТОЛЬКО в prototypes/_tmp-borrowed/. Перед продакшеном:
   удалить папку и найти в вёрстке все .tmp-borrowed — каждое место заменить своей картинкой.

   Разметка (плашку рисует CSS из data-source, отдельного элемента не нужно):
   <figure class="tmp-borrowed" data-source="alvanon.com">
     <img src="../_tmp-borrowed/alvanon-pioneer.webp" alt="..." width="1388" height="926" loading="lazy">
   </figure>

   Если картинка в CSS-фоне — тот же класс на контейнере с position: relative. */

.tmp-borrowed {
  position: relative;
  margin: 0;
}
.tmp-borrowed::after {
  content: "временно: " attr(data-source);
  position: absolute;
  left: 8px;
  bottom: 8px;
  z-index: 5;
  max-width: calc(100% - 16px);
  padding: 3px 8px;
  background: #ffd400;
  color: #111;
  font: 600 11px/1.3 ui-monospace, "JetBrains Mono", monospace;
  letter-spacing: 0.02em;
  border-radius: 3px;
  pointer-events: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}