/* ===== Story Styling ===== */
.story_content {
  flex: 1 0 auto;
  padding: 1rem;
  padding-bottom: 1rem;
  overflow-y: auto;
}

/* ===== Container Styling ===== */
.story-container {
  max-width: 800px;
  margin: var(--gap-large) auto;
  padding: var(--gap-medium);
}

.story-container h2 {
  color: var(--text);
  font-weight: bold;
  letter-spacing: 0.5px;
}

.highlight {
  color: var(--dark);
  font-weight: bold;
  font-style: italic;
}

/* ===== Responsive Design ===== */
@media (max-width: 600px) {
  .story-container {
    margin: var(--gap-medium);
    padding: var(--gap-small);
  }
  h2 { font-size: 1.8rem; }
  .p1 { font-size: 1rem; }
  .p2 { font-size: 0.9rem; }
  .p3 { font-size: 0.85rem; }
}