/* Keep the navigation beside the actual title, with the same existing anchors. */
body[data-art=realism] .carousel-controls {
  width: min(var(--topic-nav-width, 770px), calc(100vw - 48px));
}
body[data-art=realism] .carousel-controls .carousel-arrow {
  width: 44px;
  height: 44px;
  min-width: 44px;
  flex: 0 0 44px;
}
body[data-art=realism] .invitation-script {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 6px;
}
body[data-art=realism] .invitation-heart {
  width: 22px;
  height: 20px;
  flex: 0 0 22px;
  margin: 0;
  vertical-align: middle;
}
body[data-art=realism] .forest-actions {
  bottom: calc(max(30px, 3.6dvh) + 44px + 28px);
}
@media (max-width: 650px) {
  body[data-art=realism] .carousel-controls .carousel-arrow {
    width: 36px;
    height: 36px;
    min-width: 36px;
    flex-basis: 36px;
  }
}
@media (max-width: 650px) and (max-height: 700px) {
  body[data-art=realism] .scene-header { bottom: 30px; }
  body[data-art=realism] .forest-actions { bottom: 96px; }
}