/* Fabuła page styles - minimal, leveraging base.css */

.page-hero {
  background: linear-gradient(180deg, var(--color-background-elevated), transparent);
}

.hero-visual,
.section-visual {
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
}

.section-block .list.flow li + li {
  margin-top: var(--space-2);
}

.breadcrumb a { white-space: nowrap; }

@media (max-width: 768px) {
  .page-hero .grid { grid-template-columns: 1fr !important; }
}