#road .road-list { flex: 1 1 380px; }
#road .road-row { grid-template-columns: 158px 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-ledger { width: 100%; border-collapse: collapse; table-layout: fixed; font-size: 17px; line-height: 1.45; }
#road .road-col-k { width: 220px; }
#road .road-ledger thead td,
#road .road-ledger thead th { padding: 9px 24px 8px 0; border-bottom: 1px solid var(--rule); text-align: left; }
#road .road-ledger thead th:last-child { padding-right: 0; }
#road .road-side { line-height: 1.4; }
#road .road-side-in { display: inline-flex; align-items: center; gap: 8px; }
#road .road-ledger tbody th,
#road .road-ledger tbody td { padding: 14px 24px 15px 0; border-bottom: 1px solid var(--hairline); vertical-align: baseline; }
#road .road-ledger tbody td:last-child { padding-right: 0; }
#road .road-ledger tbody tr:last-child > * { border-bottom-color: var(--rule); }
#road .road-ledger tbody th { text-align: left; font-size: 17px; font-weight: 600; font-variant-caps: all-small-caps; letter-spacing: .06em; line-height: 1.3; }
#road .road-cell { display: grid; grid-template-columns: 28px minmax(0, 1fr); column-gap: 16px; align-items: baseline; }
#road .road-fig { font-family: var(--font-display); font-size: 46px; font-weight: 600; line-height: 1; }
#road .road-ships { display: grid; gap: 2px; margin: 0; padding: 0; list-style: none; }
#road .road-ship { display: grid; grid-template-columns: 88px minmax(0, 1fr); column-gap: 12px; align-items: baseline; }
#road .road-ship-n { font-weight: 600; }
#road .road-ship-d { color: var(--ink-2); }
#road .road-ship-note { font-style: italic; color: var(--muted); }
#road .road-note { margin: 16px 0 0; max-width: 520px; font-size: 18px; line-height: 1.6; color: var(--ink-2); text-wrap: pretty; }