/* The existing layout, dimensions, and responsive rules remain in middle.css. */

/* Shared technical typography is confined to labels, indices, and annotations. */
.mid-intro__topline,
.mid-intro__footer,
.mid-intro__scope,
.mid-kicker,
.mid-stage__number,
.mid-figure figcaption,
.mid-map__choices,
.mid-map__selected,
.mid-build__flow,
.mid-build__approval,
.mid-build__foot,
.mid-handover,
.mid-blueprint figcaption,
.mid-blueprint__sheethead,
.mid-blueprint__row span,
.mid-moment__index,
.mid-founder__statement > span,
.mid-changes__number {
  font-family: var(--mono, 'JetBrains Mono', monospace);
  font-variant-numeric: tabular-nums;
}

.mid-intro h2,
.mid-process h2,
.mid-plan h2,
.mid-transformation h2,
.mid-founder h2,
.mid-changes h2,
.mid-process h3,
.mid-transformation h3 {
  letter-spacing: -.04em;
}

/* Introduction: graphite with crisp, restrained cyan emphasis. */
.mid-intro {
  background: var(--forest, #0B1016);
  color: var(--white, #F8FAFC);
}

.mid-intro__title { color: var(--white, #F8FAFC); }
.mid-intro__title > span { color: var(--accent, #00C8E8); }
.mid-intro__title small { color: #CBD5E1; }
.mid-intro__copy p { color: #E2E8F0; }
.mid-intro__topline,
.mid-intro__footer,
.mid-intro__scope { color: #A7B8C8; }
.mid-intro__topline,
.mid-intro__footer,
.mid-intro__scope { border-color: #354756; }
.mid-intro__scope span:first-child { color: var(--accent, #00C8E8); }

/* Process: accessible dark-cyan labels on a cool light surface. */
.mid-process,
.mid-transformation,
.mid-changes {
  background: var(--paper, #F1F5F9);
  color: var(--ink, #111827);
}

.mid-process h2,
.mid-process h3,
.mid-transformation h2,
.mid-transformation h3,
.mid-changes h2 { color: var(--ink, #111827); }
.mid-process .mid-kicker,
.mid-transformation .mid-kicker,
.mid-changes .mid-kicker,
.mid-section-head h2 span,
.mid-moment--second h3,
.mid-changes__number { color: var(--green, #006C80); }

.mid-stage::before { border-color: #AAB9C8; }
.mid-stage__number {
  background: var(--paper, #F1F5F9);
  border-color: var(--green, #006C80);
  color: var(--green, #006C80);
}

/* The existing workflow figures become dark software components. */
.mid-figure {
  background: var(--forest, #0B1016);
  border-color: #354756;
  color: var(--white, #F8FAFC);
}
.mid-figure figcaption { color: #A7B8C8; }
.mid-map__choices span,
.mid-build__flow span,
.mid-handover__input span:first-child {
  background: var(--slate, #17212D);
  border-color: #3D5264;
  color: var(--white, #F8FAFC);
}
.mid-map__join,
.mid-map__join::before,
.mid-map__join::after,
.mid-map__join i { border-color: #526777; }
.mid-map__selected,
.mid-build__flow strong,
.mid-handover__input strong {
  background: var(--slate, #17212D);
  border-color: var(--accent, #00C8E8);
  color: var(--white, #F8FAFC);
}
.mid-map__selected span,
.mid-build__flow b,
.mid-handover__input span:nth-child(2) { color: var(--accent, #00C8E8); }
.mid-build__approval {
  border-color: #526777;
  color: #CBD5E1;
}
.mid-build__approval span:last-child { color: var(--accent, #00C8E8); }
.mid-build__foot { color: #A7B8C8; }
.mid-handover__outputs span {
  background: var(--slate, #17212D);
  border-color: var(--accent, #00C8E8);
  color: var(--white, #F8FAFC);
}
.mid-handover__support { color: #CBD5E1; }
.mid-handover__support span:first-child { color: var(--accent, #00C8E8); }

.mid-process__cta .book-button {
  background: var(--forest, #0B1016);
  color: var(--white, #F8FAFC);
}
.mid-process__cta .book-button:hover {
  background: var(--slate, #17212D);
  color: var(--white, #F8FAFC);
}
.mid-process__cta .book-button:focus-visible { outline-color: var(--green, #006C80); }

/* Written plan: the same dark document surface as the process diagrams. */
.mid-plan,
.mid-founder {
  background: var(--slate, #17212D);
  color: var(--white, #F8FAFC);
}
.mid-plan h2,
.mid-founder h2 { color: var(--white, #F8FAFC); }
.mid-plan .mid-kicker,
.mid-founder .mid-kicker { color: var(--accent, #00C8E8); }
.mid-plan__copy p,
.mid-founder__copy p { color: #E2E8F0; }
.mid-blueprint {
  background: var(--forest, #0B1016);
  box-shadow: inset 0 0 0 1px #354756;
}
.mid-blueprint figcaption,
.mid-blueprint__sheethead { color: #A7B8C8; }
.mid-blueprint__sheet {
  background: var(--slate, #17212D);
  border-color: #3D5264;
  box-shadow: none;
}
.mid-blueprint__row { border-color: #3D5264; }
.mid-blueprint__row span { color: var(--accent, #00C8E8); }
.mid-blueprint__row strong { color: var(--white, #F8FAFC); }

/* Timeline and founder statement retain their original compositions. */
.mid-moments,
.mid-moment,
.mid-changes__list li { border-color: var(--line, #CBD5E1); }
.mid-moment__index {
  border-color: var(--green, #006C80);
  color: var(--green, #006C80);
}
.mid-moment--third .mid-moment__index {
  background: var(--forest, #0B1016);
  border-color: var(--forest, #0B1016);
  color: var(--white, #F8FAFC);
}
.mid-founder__statement {
  border-color: #3D5264;
  color: var(--white, #F8FAFC);
}
.mid-founder__statement > span { color: #A7B8C8; }