/* Utopia Next Story 0.1.1 */
.uns-sentinel { display: block; height: 1px; width: 100%; margin: 0; padding: 0; }

.uns-loading {
  text-align: center;
  font-size: 0.9em;
  opacity: 0.6;
  margin: 1.5em 0;
}

.uns-story {
  margin: 2.5em 0 0;
  padding-top: 2em;
  border-top: 2px solid currentColor;
}
.uns-story__kicker {
  font-size: 0.75em;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  opacity: 0.65;
  margin: 0 0 0.4em;
}
.uns-story__title {
  font-size: 1.6em;
  line-height: 1.2;
  margin: 0 0 0.3em;
}
.uns-story__title a { text-decoration: none; color: inherit; }
.uns-story__date { font-size: 0.85em; opacity: 0.65; margin: 0 0 1em; }
.uns-story__image { margin: 0 0 1.2em; }
.uns-story__image img { width: 100%; height: auto; display: block; aspect-ratio: 16 / 9; object-fit: cover; }
.uns-story__foot { margin: 1.5em 0 0; font-weight: 600; }
.uns-ad { margin: 1.5em 0; }

.uns-bar {
  position: fixed;
  left: 0; right: 0; bottom: 0;
  z-index: 9990;
  padding: 0.85em 1em;
  padding-bottom: calc(0.85em + env(safe-area-inset-bottom, 0px));
  background: #111;
  color: #fff;
  font-size: 0.95em;
  line-height: 1.3;
  text-decoration: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transform: translateY(110%);
  transition: transform 0.25s ease;
}
.uns-bar.is-visible { transform: translateY(0); }
@media (prefers-color-scheme: dark) {
  .uns-bar { background: #f2f2f2; color: #111; }
}
@media (prefers-reduced-motion: reduce) {
  .uns-bar { transition: none; }
}