@charset "UTF-8";
/* One shared sky from the learning introduction to the final invitation. */
@media (min-width: 981px) {
  .ej-journey-field {
    background-color: #edf2ff;
    background-image: url('assets/journey-clouds.png');
    background-position: center top;
    background-size: 100% auto;
    background-repeat: repeat-y;
    background-attachment: scroll;
  }
  .ej-journey-field > .ej-sky { background: transparent; }
  .ej-journey-field > .ej-letter { background: rgba(255,255,255,.92); }
  .ej-journey-field > .ej-start { background: rgba(242,246,253,.85); }
  .ej-journey-field > .ej-faq { background: rgba(255,255,255,.94); }
  .ej-journey-field > .ej-closing { background: rgba(255,255,255,.12); }
}
/* Touch and reduced-motion views retain a normal scrolling background. */
@media (min-width: 981px) and (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  .ej-journey-field {
    background-attachment: fixed;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
  }
}

/* Participation is a compact typographic diagram, using functional symbols. */
.ej-steps { gap: 44px; }
.ej-steps li { border-top-color: #8c9bbc; padding-top: 20px; }
.ej-step-number { font-size: 2.5rem; color: #66779c; }
.ej-step-map { padding: 24px 0 28px; margin-bottom: 22px; border-bottom: 1px solid #c2cbe0; }
.ej-step-place { display: block; font: 500 .9375rem/1.8 var(--ej-sans); letter-spacing: .06em; color: #53658e; margin-bottom: 16px; }
.ej-step-action { display: flex; align-items: center; gap: 16px; font: 500 2.125rem/1.5 var(--serif); letter-spacing: .015em; color: #10205c; }
.ej-step-symbol { display: grid; place-items: center; flex: 0 0 46px; width: 46px; height: 46px; border-radius: 50%; border: 1px solid #10205c; }
.ej-step-symbol svg { display: block; width: 22px; height: 22px; }
.ej-step-map--join .ej-step-symbol { color: #fff; background: #ed3445; border-color: #ed3445; }
.ej-step-map--archive .ej-step-symbol { background: #ffffffbf; }
.ej-step-map--watch .ej-step-symbol { color: #fff; background: #10205c; }
.ej-steps li:not(:last-child)::after { top: 147px; right: -29px; width: 12px; height: 12px; border-color: #7485ad; }
.ej-steps h3 { font-weight: 500; }
@media (min-width: 701px) and (max-width: 1100px) {
  .ej-steps { gap: 28px; }
  .ej-step-action { font-size: 1.5rem; gap: 10px; }
  .ej-step-symbol { flex-basis: 36px; width: 36px; height: 36px; }
  .ej-step-symbol svg { width: 18px; height: 18px; }
  .ej-step-place { font-size: .875rem; letter-spacing: .025em; }
  .ej-steps li:not(:last-child)::after { top: 140px; right: -18px; width: 9px; height: 9px; }
}
@media (max-width: 700px) {
  .ej-steps li { padding: 22px 0 36px; }
  .ej-step-number { font-size: 2rem; }
  .ej-step-map { padding: 16px 0 22px; margin-bottom: 20px; }
  .ej-step-place { margin-bottom: 12px; }
  .ej-step-action { font-size: 1.875rem; gap: 14px; }
  .ej-step-symbol { flex-basis: 42px; width: 42px; height: 42px; }
  .ej-steps li:not(:last-child)::after { top: auto; right: calc(50% - 6px); bottom: -8px; }
}

/* A midnight-blue invitation belongs to the same sky as the rest of the page. */
.journey-v17 .ej-page .join-button,
.journey-v17 .sticky-join .join-button {
  color: #fffdf5;
  background: linear-gradient(115deg,#1b3d78,#122754);
  border: 1px solid #294a7d;
  box-shadow: 0 6px 18px #10234f14;
}
.journey-v17 .ej-page .join-button:hover,
.journey-v17 .sticky-join .join-button:hover {
  color: #fffdf5;
  background: linear-gradient(115deg,#234b89,#193567);
  border-color: #55739f;
}
.journey-v17 .ej-page .join-button .arrow,
.journey-v17 .sticky-join .join-button .arrow { color: #ebd9a8; }
.journey-v17 > .site-header .header-join {
  color: #fffdf5;
  background: #183468;
  border-color: #60749b;
}
.journey-v17 > .site-header.is-scrolled .header-join { border-color: #294a7d; }
.journey-v17 > .site-header .header-join:hover { background: #23477c; }
.journey-v17 > .site-header .header-join > span { color: #ebd9a8; }
.journey-v17 .ej-page .join-button:focus-visible,
.journey-v17 .sticky-join .join-button:focus-visible,
.journey-v17 > .site-header .header-join:focus-visible { outline-color: #456aa7; }
.ej-step-map--join .ej-step-symbol { color: #ebd9a8; background: #183468; border-color: #183468; }

@media (min-width: 981px) {
  .ej-steps h3 { line-height: 1.5; letter-spacing: 0; }
  .ej-steps p { line-height: 1.72; letter-spacing: 0; }
  .ej-step-action { font-family: var(--ej-sans); line-height: 1.4; letter-spacing: 0; }
  .ej-step-place { line-height: 1.6; letter-spacing: .025em; }
  .ej-page .ej-voices-lead { line-height: 1.72; letter-spacing: 0; }
  .ej-page .ej-voice-topic { line-height: 1.65; letter-spacing: 0; }
  .ej-page .ej-voice-pending,
  .ej-page .ej-voice-meta,
  .ej-page .ej-voices-note,
  .ej-page .ej-voices-status { line-height: 1.7; letter-spacing: 0; }
}