.curated-path-document {
  position: fixed;
  z-index: 24;
  top: 14px;
  right: 14px;
  bottom: 14px;
  width: min(430px, calc(100vw - 28px));
  padding: 28px 30px 34px;
  overflow-y: auto;
  overscroll-behavior: contain;
  color: var(--ink);
  border: 1px solid var(--line);
  background: rgba(252, 251, 247, .98);
  box-shadow: 0 24px 70px rgba(11, 24, 21, .2);
}
.curated-path-document header { padding-bottom: 24px; border-bottom: 1px solid var(--line); }
.curated-path-document header > p:last-child { margin: 14px 0 0; color: #4f5b57; font: 16px/1.5 var(--serif); }
.curated-path-kicker { margin: 0 0 8px; color: var(--muted); font-size: 9px; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.curated-path-document h2 { margin: 0; font: 400 42px/1 var(--serif); letter-spacing: -.04em; }
.curated-path-sequence { margin: 0; padding: 0; list-style: none; counter-reset: curated-step; }
.curated-path-sequence li { position: relative; display: grid; grid-template-columns: 72px minmax(0, 1fr); gap: 16px; padding: 22px 0; border-bottom: 1px solid var(--line); counter-increment: curated-step; }
.curated-path-sequence li::before { position: absolute; top: 29px; left: -19px; color: var(--muted); content: counter(curated-step, decimal-leading-zero); font: 700 8px var(--sans); }
.curated-path-date { color: var(--muted); font: 700 11px/1.35 var(--sans); }
.curated-path-sequence h3 { margin: 0; font: 600 19px/1.2 var(--serif); }
.curated-path-sequence h3 a { color: inherit; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.curated-path-sequence p { margin: 7px 0 0; color: #4f5b57; font-size: 12px; line-height: 1.5; }
.curated-path-sequence .curated-path-people { color: var(--muted); font-size: 10px; font-weight: 700; }

body.is-timeline-vertical .curated-path-document {
  position: relative;
  inset: auto;
  width: auto;
  margin: 0 10px 10px;
  padding: 23px 22px 28px;
  overflow: visible;
  box-shadow: 0 8px 28px rgba(11, 24, 21, .12);
}
body.is-timeline-vertical .curated-path-document h2 { font-size: 35px; }
body.is-timeline-vertical .curated-path-sequence li { grid-template-columns: 62px minmax(0, 1fr); gap: 12px; }

@media (prefers-reduced-motion: reduce) {
  .curated-path-document { scroll-behavior: auto; }
}