/* Scaffolding de capítulos — cada capítulo es una <section> de altura mínima 100vh. */

.chapter {
  position: relative;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: var(--surface);
  color: var(--ink);
  padding: var(--space-6) var(--space-4);
  transition: background-color var(--duration-mode-shift) var(--ease-editorial),
    color var(--duration-mode-shift) var(--ease-editorial);
}

.chapter__inner {
  width: 100%;
  max-width: 68rem;
  margin-inline: auto;
}

.chapter__eyebrow {
  display: block;
  font-family: var(--font-serif);
  font-size: var(--type-meta);
  letter-spacing: var(--tracking-descriptor);
  text-transform: uppercase;
  color: var(--accent);
  margin-bottom: var(--space-3);
}

@media (max-width: 640px) {
  .chapter {
    padding: var(--space-5) var(--space-2);
  }
}