/* Story Page (Historia) – page-specific styles */

.story-hero .media-frame,
#storyline .media-frame,
#characters .media-frame,
#dilemmas .media-frame,
#immersion .media-frame {
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-lg);
  border: 1px solid var(--color-neutral-800);
}

.media-frame img {
  display: block;
  width: 100%;
  height: auto;
  filter: saturate(0.9) contrast(1.05);
}

/* Character cards spacing fine-tune */
.character-card .card-body p { margin-bottom: 0; }

/* Section spacing rhythm on small screens */
@media (max-width: 768px) {
  .story-hero { padding-top: var(--space-8); padding-bottom: var(--space-8); }
}

/* CTA alignment within immersive section */
#immersion .btn-ghost { border: 1px solid var(--color-neutral-700); }