.storyboard-inline {
  margin-top: 2rem;
  overflow-x: auto;
}

.story-seq {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-wrap: nowrap;
}

/* FRAMES — tamanho fixo, sem arredondamentos */
.storyboard-inline img.story-frame {
  width: 700px;
  height: auto;
  max-width: none;
}

.story-frame {
  width: 500px;
  height: auto;
  border-radius: 0;
  object-fit: cover;
}

/* SETAS — imagem normal */
.story-arrow {
  width: 40px;
  height: auto;
  border-radius: 0;
}

/* MOBILE */
@media (max-width: 768px) {
  .story-seq {
    flex-direction: column;
  }

  .story-arrow {
    transform: rotate(90deg);
    width: 32px;
    margin: 0.5rem 0;
  }

.storyboard-inline img.story-frame {
  width: 100%;
  height: auto;
  max-width: none;
}
}