/* The Step-Down page. Tokens and frame come from journal.css. */
.step-ladder { margin: 16px 0 0; display: grid; gap: 16px; }
.step-ladder > div { padding: 16px; border: 1px solid var(--edge); background: var(--bg); }
.step-ladder ol { margin: 12px 0 0; padding: 0; list-style: none; }
.step-ladder .label { margin: 0; }
.step-ladder li {
  color: var(--head); font-size: 12px; letter-spacing: 0.2em; text-transform: uppercase;
}
.step-ladder li + li::before {
  content: "↓"; content: "↓" / ""; display: block; color: var(--accent); margin: 4px 0;
}
.step-plain { margin: 16px 0 0; color: var(--head); }
section > .src { color: var(--label); font-size: 12px; margin-top: 8px; }
@media (min-width: 480px) {
  .step-ladder { grid-template-columns: 1fr 1fr; }
  .step-ladder.one { grid-template-columns: 1fr; }
}
