/* newsnet: галерея в статье (собирается gallery.js из figure с картинками,
   когда их три и больше). Цвета нейтральные, чтобы подходить любой теме. */
.nn-gallery { margin: 1.5em 0; }
.nn-gallery-stage { position: relative; background: #111; border-radius: 10px; overflow: hidden; }
.nn-gallery-stage img { display: block; width: 100%; height: auto; max-height: 72vh; object-fit: contain; background: #111; }
.nn-gallery-nav {
  position: absolute; top: 50%; transform: translateY(-50%); width: 44px; height: 44px; border: 0; border-radius: 50%;
  background: rgba(0,0,0,.45); color: #fff; font-size: 22px; line-height: 44px; text-align: center; cursor: pointer;
  opacity: .85; transition: opacity .15s ease, background .15s ease;
}
.nn-gallery-nav:hover { opacity: 1; background: rgba(0,0,0,.7); }
.nn-gallery-nav[disabled] { opacity: .25; cursor: default; }
.nn-gallery-prev { left: 10px; }
.nn-gallery-next { right: 10px; }
.nn-gallery-counter { position: absolute; right: 12px; bottom: 10px; padding: 3px 9px; border-radius: 999px; background: rgba(0,0,0,.55); color: #fff; font-size: 12px; font-variant-numeric: tabular-nums; }
.nn-gallery-thumbs { display: flex; gap: 8px; margin-top: 10px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: thin; padding-bottom: 4px; }
.nn-gallery-thumb { flex: 0 0 auto; width: 96px; height: 68px; padding: 0; border: 2px solid transparent; border-radius: 6px; overflow: hidden; background: #eee; cursor: pointer; scroll-snap-align: start; opacity: .75; transition: opacity .15s ease, border-color .15s ease; }
.nn-gallery-thumb img { display: block; width: 100%; height: 100%; object-fit: cover; }
.nn-gallery-thumb:hover { opacity: 1; }
.nn-gallery-thumb.is-active { opacity: 1; border-color: currentColor; }
.nn-gallery-caption { margin-top: 10px; font-size: .92em; line-height: 1.45; opacity: .8; text-align: center; font-style: italic; }
.nn-gallery-caption:empty { display: none; }
@media (max-width: 600px) {
  .nn-gallery-thumb { width: 72px; height: 52px; }
  .nn-gallery-nav { width: 36px; height: 36px; line-height: 36px; font-size: 18px; }
}