/* Цитата с тайм-кодом — основа всей вики, поэтому ссылка на секунду видна сразу. */
.md-typeset a[href*="youtu.be"] {
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  border-bottom: 1px dotted currentColor;
}
.md-typeset table:not([class]) { font-size: .74rem; }
.md-typeset small { opacity: .7; }
.md-typeset p, .md-typeset li { overflow-wrap: anywhere; }
/* Галерея: плитка, подпись под кадром ведёт на секунду в видео */
.gallery {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(11rem, 1fr));
  gap: .7rem;
  margin: 1rem 0;
}
.gallery p { margin: 0; font-size: .68rem; text-align: center; line-height: 1.3; }
.gallery img {
  width: 100%; aspect-ratio: 16 / 9; object-fit: contain;
  background: rgba(128,128,128,.12);
  border-radius: .2rem; display: block;
}
/* На страницах галерей текста нет — отдаём всю ширину картинкам */
.md-main__inner { max-width: 100rem; }
.gallery a { cursor: zoom-in; }

/* Просмотр картинки поверх страницы */
.lightbox {
  position: fixed; inset: 0; z-index: 100;
  display: none; align-items: center; justify-content: center;
  background: rgba(0, 0, 0, .88); cursor: zoom-out;
}
.lightbox.is-open { display: flex; }
.lightbox img { max-width: 96vw; max-height: 92vh; object-fit: contain; }
.lightbox__hint {
  position: absolute; bottom: 1rem; left: 0; right: 0;
  text-align: center; color: rgba(255, 255, 255, .65); font-size: .7rem;
}
body.lightbox-lock { overflow: hidden; }
/* Хронология: колонка с названием выпуска не должна ломаться на каждом слове */
.md-typeset table td:nth-child(2) { min-width: 13rem; }
.md-typeset table td:first-child { text-align: right; white-space: nowrap; }