#road .road-list { flex: 1 1 400px; }
#road .road-row { grid-template-columns: 172px minmax(0, 1fr); column-gap: 16px; align-items: baseline; }
#road .road-row-d { font-size: 16px; font-weight: 500; font-variant-caps: all-small-caps; letter-spacing: .06em; line-height: 1.35; color: var(--muted); }
#road .road-row-t { font-size: 18px; font-weight: 500; line-height: 1.3; }
#road .road-viewer { flex: 999 1 640px; }
#road .road-bar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 24px; margin-bottom: 24px; }
#road .road-count { margin: 0; }
#road .road-steppers { display: flex; flex-wrap: wrap; gap: 8px; }
#road .road-stack { display: grid; grid-template-columns: minmax(0, 1fr); }
#road .road-step { grid-area: 1 / 1; display: flex; flex-wrap: wrap; align-items: flex-start; align-content: flex-start; gap: 32px 48px; visibility: hidden; }
#road .road-step.road-step-on { visibility: visible; }
#road .road-what { flex: 0 1 448px; min-width: 0; }
#road .road-date { margin: 0 0 2px; }
#road .road-title { margin: 0 0 12px; font-family: var(--font-display); font-size: 36px; font-weight: 600; line-height: 1.15; text-wrap: balance; }
#road .road-text { margin: 0; font-size: 18px; line-height: 1.6; text-wrap: pretty; }
#road .road-more { margin: 12px 0 0; font-size: 17px; line-height: 1.45; }
#road .road-why { flex: 1 1 280px; min-width: 0; padding-top: 11px; border-top: 1px solid var(--rule); }
#road .road-why-h { margin: 0 0 6px; font-size: 17px; font-weight: 600; font-variant-caps: all-small-caps; letter-spacing: .1em; line-height: 1.3; color: var(--ink-2); }
#road .road-why p { margin: 0; font-size: 17px; line-height: 1.55; text-wrap: pretty; }
#road .road-why p.nm-note { margin-top: 12px; font-size: 16px; line-height: 1.45; }