.hero .h1-nick.hero-media-link { color: inherit; }
.hero .h1-nick.hero-media-link:hover { text-decoration: underline; text-underline-offset: .12em; }
.hero .ava-tag { pointer-events: none; }
.hero .hero-media-link:focus-visible,
.tn-photo-control:focus-visible { outline: 2px solid var(--link); outline-offset: 3px; }
#watch, #klipy { scroll-margin-top: 88px; }
#watch[hidden] { display: none; }
.watch .watch-player { width: 100%; min-width: 0; }
.watch-player iframe.watch-scaled { width: 400px; height: 300px; transform-origin: top left; }
.watch-player:has(.watch-scaled) { min-height: 0; }

.article-reading { display: grid; gap: 16px; margin: 18px 0; }
.article-reading__group { min-width: 0; }
.article-reading__group h2 { margin: 0 0 10px; font-size: 20px; }
.article-reading .news-list { padding: 0; margin: 0; list-style: none; }
.article-reading .news-title { overflow-wrap: anywhere; }

.tn-photo-holder { display: inline-block; position: relative; max-width: 100%; vertical-align: middle; }
.tn-photo-holder > a,
.tn-photo-holder > picture,
.tn-photo-holder img { display: block; }
.tn-photo-holder img { max-width: 100%; }
.prose .tn-photo-holder img { margin-bottom: 0; }
.wp-block-gallery.has-nested-images figure.wp-block-image > .tn-photo-holder { display: flex; width: 100%; flex: 1; }
.wp-block-gallery.has-nested-images figure.wp-block-image > .tn-photo-holder > a { display: flex; width: 100%; }
.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image .tn-photo-holder img { width: 100%; flex: 1; height: 100%; object-fit: cover; }
.tn-photo-control {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 0;
  border-radius: 6px;
  background: rgba(0, 0, 0, .76);
  color: #fff;
  cursor: pointer;
}
.tn-photo-control:hover { background: #222; }
.tn-photo-open { position: absolute; top: 8px; right: 8px; z-index: 2; }
.tn-photo-viewer {
  --tn-photo-top: max(60px, env(safe-area-inset-top));
  --tn-photo-bottom: max(12px, env(safe-area-inset-bottom));
  box-sizing: border-box;
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  max-height: none;
  margin: 0;
  padding: var(--tn-photo-top) max(12px, env(safe-area-inset-right)) var(--tn-photo-bottom) max(12px, env(safe-area-inset-left));
  border: 0;
  background: rgba(0, 0, 0, .92);
}
.tn-photo-viewer[open] { display: grid; grid-template: minmax(0, 1fr) / minmax(0, 1fr); place-items: center; }
.tn-photo-viewer::backdrop { background: #000; }
.tn-photo-frame {
  position: relative;
  display: grid;
  place-items: center;
  min-width: 60px;
  min-height: 60px;
  max-width: 100%;
}
.tn-photo-frame img {
  display: block;
  max-width: 100%;
  max-height: calc(100dvh - var(--tn-photo-top) - var(--tn-photo-bottom));
}
.tn-photo-close { position: absolute; top: 8px; right: 8px; font-size: 30px; }
html:has(.tn-photo-viewer[open]) { overflow: hidden; }

@media (max-width: 767px) {
  #watch, #klipy { scroll-margin-top: 72px; }
}
