/*
  Chapter sections — layout/spacing only.
  Фони й dark/light atmosphere: section-atmosphere.css
*/
.chapter {
  position: relative;
  isolation: isolate;
}
.chapter::before {
  content: "";
  position: absolute;
  inset-inline: 0;
  top: 0;
  height: 1px;
  z-index: 2;
  background: linear-gradient(90deg, transparent, var(--color-border) 20%, var(--color-border) 80%, transparent);
  pointer-events: none;
}

.chapter__body {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  padding-block: clamp(3.25rem, 8vw, 6.25rem);
}

.chapter .section__eyebrow { color: var(--color-accent); }
.chapter .section__title { color: var(--color-text); }
.chapter .section__lead { color: var(--color-text-muted); }
.chapter .section__head { margin-bottom: clamp(1.5rem, 3.5vw, 2.5rem); }

.chapter__surface {
  background: transparent;
  border: 0;
  border-radius: 0;
  padding: 0;
  box-shadow: none;
  color: var(--color-text);
}

.chapter.chapter--fleet .fleet-card {
  background: var(--color-bg);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm, 0 8px 24px rgba(15, 23, 42, 0.06));
  padding: clamp(1.15rem, 3vw, 1.75rem);
}
.chapter.chapter--fleet .fleet-card .section__eyebrow { color: var(--color-accent); }
.chapter.chapter--fleet .fleet-card .section__title { color: var(--color-text); }
.chapter.chapter--fleet .fleet-card .section__lead { color: var(--color-text-muted); }
.chapter.chapter--fleet .fleet-fact {
  background: var(--color-bg-soft);
  border-color: var(--color-border);
}

.chapter--routes .chapter__body > .container {
  width: 100%;
  max-width: var(--container-max);
  margin-inline: auto;
  padding-inline: var(--container-pad);
  align-self: stretch;
  box-sizing: border-box;
}
.chapter--routes .chapter__surface--routes-head {
  margin-bottom: 1.15rem;
  margin-inline: 0;
  padding: 0;
  width: 100%;
  max-width: none;
  background: transparent;
  border: 0;
  box-shadow: none;
  text-align: left;
}
/* Кольори typography для routes — section-atmosphere.css (dark) */
.chapter--routes .chapter__surface--routes-head .section__lead {
  max-width: 42rem;
}
.chapter--routes .chapter__surface--routes-head .section__head {
  margin-bottom: clamp(1.5rem, 3.5vw, 2.5rem);
  margin-inline: 0;
  text-align: left;
}
.chapter--routes .routes-stage {
  width: 100%;
  max-width: 100%;
  margin-top: 0.75rem;
  padding-inline: var(--container-pad);
  overflow: visible;
  box-sizing: border-box;
}
.chapter--routes .routes-stage__inner {
  width: 100%;
  max-width: var(--container-max);
  margin-inline: auto;
  overflow: visible;
}
.chapter--routes .routes-map {
  width: 100%;
  max-width: 100%;
  overflow: visible;
  background: transparent;
}
.chapter--routes .routes-map__base {
  width: 100%;
  max-width: 100%;
  height: auto;
  object-fit: contain;
  object-position: center;
}

@media (max-width: 767px) {
  .chapter__body {
    padding-block: clamp(2.5rem, 7vw, 3.5rem);
  }
}