.rd{display:grid;gap:26px}.rd-head{align-items:center;justify-content:space-between;gap:10px 24px}.rd-head,.rd-key{display:flex;flex-wrap:wrap}.rd-key{list-style:none;margin:0;padding:0;gap:6px 20px;font:12.5px/1.4 var(--font-sans);color:var(--mn-soft)}.rd-key li{display:inline-flex;align-items:center;gap:6px;max-width:none}.rd-key i{display:inline-block;width:12px;height:12px;border-radius:50%}.rd-key-was{box-shadow:inset 0 0 0 2px var(--mn-rep)}.rd-key-now{background:var(--mn-rep)}.rd-key-lead{width:16px!important;height:6px!important;border-radius:3px!important;background:var(--res-rlead)}.rd-key-goal{width:2px!important;height:14px!important;border-radius:0!important;background:var(--mn-ink)}.rd-key-est{box-shadow:inset 0 0 0 1.5px var(--mn-ink);background:transparent;outline:1.5px dashed var(--mn-ink);outline-offset:-1.5px}.rd-toggle{appearance:none;min-height:40px;padding:6px 14px;border:1px solid var(--mn-ink);border-radius:2px;background:var(--mn-paper);color:var(--mn-ink);font:500 13.5px var(--font-sans);cursor:pointer}.rd-toggle[aria-pressed=true]{background:var(--mn-ink);color:var(--mn-paper)}.rd-toggle:focus-visible{outline:2px solid var(--mn-ink);outline-offset:3px}.rd-h{margin:0 0 6px;font:600 14px/1.3 var(--font-sans);color:var(--mn-ink)}.rd-cols,.rd-row{display:grid;grid-template-columns:minmax(140px,200px) minmax(220px,1.2fr) 92px minmax(0,1.5fr);gap:4px 24px;align-items:center}.rd-cols{padding-bottom:6px;border-bottom:1px solid var(--mn-ink);font:12px/1.3 var(--font-sans);color:var(--mn-soft)}.rd-scale{position:relative;height:16px;container-type:inline-size}.rd-scale i{position:absolute;bottom:0;left:calc(var(--x) * 100%);translate:-50% 0;font-style:normal;font-variant-numeric:tabular-nums}.rd-scale{color:transparent}.rd-scale i{color:var(--mn-soft)}.rd-rows{list-style:none;margin:0;padding:0}.rd-key li,.rd-row{max-width:none}.rd-row{padding:12px 0;border-bottom:1px solid var(--mn-hair);grid-template-areas:"name axis fig sq" "name water water water"}.rd-name{grid-area:name;display:grid;gap:2px;align-self:start}.rd-name b{font:600 14.5px/1.3 var(--font-sans);color:var(--mn-ink)}.rd-name small{font:12px/1.35 var(--font-sans);color:var(--mn-soft)}.rd-axis{grid-area:axis;position:relative;height:22px;container-type:inline-size}.rd-axis>i{position:absolute;top:50%;left:0}.rd-track{width:100%;height:1px;background:var(--mn-hair);translate:0 -50%}.rd-est,.rd-now,.rd-was{width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%}.rd-was{transform:translateX(calc(var(--xb) * 100cqi));box-shadow:inset 0 0 0 2px var(--mn-rep);background:var(--mn-paper);z-index:1}.rd-goal{width:2px;height:18px;margin:-9px 0 0 -1px;background:var(--mn-ink);transform:translateX(calc(var(--xg) * 100cqi))}.rd-goal>span{position:absolute;bottom:100%;left:50%;translate:-50% -1px;font:12px/1 var(--font-sans);font-style:normal;color:var(--mn-soft);white-space:nowrap}.rd-lead,.rd-now,.rd-span{transition:transform var(--mn-dur-open) var(--mn-ease-inout)}.rd-lead,.rd-span{transform-origin:0 50%}.rd-now{transform:translateX(calc(var(--xa) * 100cqi));background:var(--mn-rep);z-index:2}.rd-lead{height:6px;margin-top:-3px;border-radius:3px;width:calc(var(--w) * 100cqi);background:var(--res-rlead);transform:translateX(calc((var(--xa) - var(--w)) * 100cqi)) scaleX(1);z-index:1}.rd-span{height:2px;margin-top:-1px;background:color-mix(in oklab,var(--mn-rep) 55%,transparent);left:calc(min(var(--xb), var(--xa)) * 100cqi)!important;width:calc(max(var(--xb), var(--xa)) * 100cqi - min(var(--xb), var(--xa)) * 100cqi);transform:scaleX(1)}.rd[data-phase=before] .rd-now{transform:translateX(calc(var(--xb) * 100cqi))}.rd[data-phase=before] .rd-lead{transform:translateX(calc(var(--xb) * 100cqi)) scaleX(0)}.rd[data-phase=before] .rd-span{transform:scaleX(0)}.rd-est{transform:translateX(calc(var(--xe) * 100cqi));width:20px;height:20px;margin:-10px 0 0 -10px;outline:1.5px dashed var(--mn-ink);outline-offset:-1.5px;opacity:0;transition:opacity var(--mn-dur-ui) var(--mn-ease-out);z-index:3;pointer-events:none}.rd[data-est=on] .rd-est{opacity:1}.rd-fig{grid-area:fig;font:13px/1.3 var(--font-sans);color:var(--mn-soft);font-variant-numeric:tabular-nums;white-space:nowrap}.rd-fig b{font-size:15px;font-weight:600}.rd-fig .is-r{color:var(--mn-rep-deep)}.rd-fig small{display:block;font-size:11.5px}.rd-squares{grid-area:sq;display:flex;flex-wrap:nowrap;align-items:center;gap:8px 10px}.rd-sqs{display:grid;grid-template-columns:repeat(var(--c),9px);gap:2px;align-content:center}.rd-sq{display:block;width:9px;height:9px}.rd-sq.is-d.is-won{background:var(--mn-dem)}.rd-sq.is-r.is-won{background:var(--mn-rep)}.rd-sq.is-d.is-lead{background:var(--res-dlead)}.rd-sq.is-r.is-lead{background:var(--res-rlead)}.rd-sq.is-o{background:var(--mn-wash);box-shadow:inset 0 0 0 1px var(--mn-soft)}.rd-sq.is-wait{background:repeating-linear-gradient(45deg,var(--mn-wash) 0 2px,var(--mn-faint) 2px 3px)}.rd-sq.is-flip.is-d{background:repeating-linear-gradient(45deg,var(--mn-dem) 0 1.6px,var(--mn-dem-deep) 1.6px 3.2px)}.rd-sq.is-flip.is-r{background:repeating-linear-gradient(45deg,var(--mn-rep) 0 1.6px,var(--mn-rep-deep) 1.6px 3.2px)}.rd-arrow{flex:none}.rd-arrow,.rd-water{color:var(--mn-soft)}.rd-water{grid-area:water;font:12px/1.4 var(--font-sans)}.rs-body{max-width:68ch}.rs-body p{margin:0 0 14px;font:16px/1.6 var(--font-sans);color:var(--mn-ink)}.rs-method{max-width:80ch;font:12.5px/1.55 var(--font-sans);color:var(--mn-soft)}.rs-method a{color:inherit}@media (max-width:860px){.rd-cols{grid-template-columns:minmax(0,1fr)}.rd-cols>span:not(.rd-scale){display:none}.rd-row{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name fig" "axis axis" "sq sq" "water water";gap:8px 12px}.rd-squares{flex-direction:column;align-items:flex-start}.rd-arrow{rotate:90deg;margin-left:2px}}@media (prefers-reduced-motion:reduce){.rd-est,.rd-lead,.rd-now,.rd-span{transition:none}}