.river{padding-block:var(--web-chapter-tight) calc(var(--web-chapter-tight) * .8);position:relative;overflow:clip}.river-head{gap:28px;margin-bottom:clamp(36px,4vw,56px);display:grid}@media (min-width:1024px){.river-head{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:48px}}.river-heading{gap:22px;display:grid}.river-head .mk-section{max-width:20ch}.river-summary{max-width:54ch}.river-head .mk-section .mk-figure{color:var(--web-ink-soft)}.river-key{justify-items:start;gap:12px;display:grid}@media (min-width:1024px){.river-key{text-align:right;justify-items:end}}.river-legend{font-size:var(--web-marketing-text-meta);color:var(--web-ink-soft);gap:18px;margin:0;padding:0;list-style:none;display:flex}.river-legend li{align-items:center;gap:8px;display:inline-flex}.river-lanes{gap:12px;display:grid;-webkit-mask-image:linear-gradient(90deg,#0000,#000 9% 91%,#0000);mask-image:linear-gradient(90deg,#0000,#000 9% 91%,#0000)}.river-lane{width:max-content;display:flex}.river-track{animation:river-flow var(--dur,120s) linear infinite;gap:12px;margin:0;padding:0 12px 0 0;list-style:none;display:flex}.river-lane[data-reverse] .river-track{animation-direction:reverse}.river[data-running=false] .river-track,.river-lane:hover .river-track,.river-lane:focus-within .river-track{animation-play-state:paused}.river-chip{background:var(--card);height:48px;color:var(--web-ink-soft);font-size:var(--text-sm);white-space:nowrap;box-shadow:inset 0 0 0 1px var(--web-rule), 0 1px 2px #00000008;transition:box-shadow var(--web-motion-base) var(--web-ease), transform var(--web-motion-base) var(--web-ease);border-radius:999px;align-items:center;gap:10px;padding:0 16px 0 10px;display:inline-flex}@supports (color:lab(0% 0 0)){.river-chip{box-shadow:inset 0 0 0 1px var(--web-rule), 0 1px 2px lab(0% 0 0/.03)}}.river-text b{font-weight:var(--web-weight-medium);color:var(--web-ink)}.river-age{font-size:var(--web-marketing-text-meta);color:var(--web-ink-faint);font-variant-numeric:tabular-nums}@media (hover:hover) and (pointer:fine){.river-chip:hover{box-shadow:inset 0 0 0 1px var(--web-rule-strong), 0 12px 28px -14px #00000059;transform:translateY(-2px)}@supports (color:lab(0% 0 0)){.river-chip:hover{box-shadow:inset 0 0 0 1px var(--web-rule-strong), 0 12px 28px -14px lab(0% 0 0/.35)}}}@keyframes river-flow{to{transform:translate(-100%)}}@media (prefers-reduced-motion:reduce){.river-lanes{padding-inline:var(--web-marketing-gutter);overflow-x:auto;-webkit-mask-image:none;mask-image:none}.river-track{animation:none}.river-track--echo{display:none}}