/* The real number (design/motion/SPEC.md). One real deal written as a sum.
   Ink for the addends and the rule, green only for the total. Transform and opacity only. */
.rn{--rn-op:14px;margin:0;max-width:460px;font-variant-numeric:tabular-nums;color:var(--ink)}
.rn-row{display:grid;grid-template-columns:var(--rn-op) minmax(0,1fr) auto;column-gap:10px;align-items:baseline}
.rn-op{grid-column:1;color:var(--muted);font-size:17px;text-align:center}
.rn-l{grid-column:2;font-size:13px;color:var(--muted);min-width:0}
.rn-v{grid-column:3;font-size:17px;font-weight:600;text-align:right;white-space:nowrap}
.rn-v small{font-size:12px;font-weight:500;color:var(--muted);margin-left:1px}
.rn-k{grid-column:2 / 4;grid-row:2;display:block;height:4px;margin:5px 0 11px}
.rn-b{display:block;height:100%;background:var(--ink);transform-origin:0 50%}
.rn-ad{margin-bottom:8px}
.rn-ad .rn-v{font-weight:500;color:var(--muted)}
.rn-ad .rn-b{background:var(--muted)}
.rn-rule{display:block;height:2px;background:var(--ink);margin:2px 0 12px calc(var(--rn-op) + 10px);transform-origin:0 50%}
.rn-tot .rn-l{font-size:15px;font-weight:600;color:var(--ink)}
.rn-tot .rn-v{font-size:34px;line-height:1.05;font-weight:700;color:var(--accent);letter-spacing:-.02em}
.rn-tot .rn-v small{font-size:14px;letter-spacing:0}
.rn-tot .rn-k{height:12px;margin:8px 0 0}
.rn-tot .rn-b{background:var(--accent);border-radius:4px;transform:none}
.rn-cap{margin:14px 0 0 calc(var(--rn-op) + 10px);font-size:12.5px;line-height:1.45;color:var(--muted);max-width:52ch;text-wrap:pretty}
.rn-cap time{color:var(--ink);white-space:nowrap}
@media (max-width:720px){.rn-tot .rn-v{font-size:30px}}
/* Before the script starts: frame 0 (the advertised row, every label and the caption).
   Only when a script can run and motion is allowed. A failsafe shows the end at 6 s. */
@media (scripting: enabled) and (prefers-reduced-motion: no-preference){
  .rn:not(.rn-live):not(.rn-done) :is(.rn-a,.rn-tot)>:not(.rn-l),
  .rn:not(.rn-live):not(.rn-done) .rn-rule{opacity:0;animation:rn-safe 1ms 6s forwards}
}
@keyframes rn-safe{to{opacity:1}}
/* bar lengths for the no-script frame; the script sets exact values */
.rn-f0{transform:scaleX(0)}.rn-f1{transform:scaleX(0.01)}.rn-f2{transform:scaleX(0.02)}.rn-f3{transform:scaleX(0.03)}.rn-f4{transform:scaleX(0.04)}.rn-f5{transform:scaleX(0.05)}.rn-f6{transform:scaleX(0.06)}.rn-f7{transform:scaleX(0.07)}.rn-f8{transform:scaleX(0.08)}.rn-f9{transform:scaleX(0.09)}.rn-f10{transform:scaleX(0.1)}.rn-f11{transform:scaleX(0.11)}.rn-f12{transform:scaleX(0.12)}.rn-f13{transform:scaleX(0.13)}.rn-f14{transform:scaleX(0.14)}.rn-f15{transform:scaleX(0.15)}.rn-f16{transform:scaleX(0.16)}.rn-f17{transform:scaleX(0.17)}.rn-f18{transform:scaleX(0.18)}.rn-f19{transform:scaleX(0.19)}.rn-f20{transform:scaleX(0.2)}.rn-f21{transform:scaleX(0.21)}.rn-f22{transform:scaleX(0.22)}.rn-f23{transform:scaleX(0.23)}.rn-f24{transform:scaleX(0.24)}.rn-f25{transform:scaleX(0.25)}.rn-f26{transform:scaleX(0.26)}.rn-f27{transform:scaleX(0.27)}.rn-f28{transform:scaleX(0.28)}.rn-f29{transform:scaleX(0.29)}.rn-f30{transform:scaleX(0.3)}.rn-f31{transform:scaleX(0.31)}.rn-f32{transform:scaleX(0.32)}.rn-f33{transform:scaleX(0.33)}.rn-f34{transform:scaleX(0.34)}.rn-f35{transform:scaleX(0.35)}.rn-f36{transform:scaleX(0.36)}.rn-f37{transform:scaleX(0.37)}.rn-f38{transform:scaleX(0.38)}.rn-f39{transform:scaleX(0.39)}.rn-f40{transform:scaleX(0.4)}.rn-f41{transform:scaleX(0.41)}.rn-f42{transform:scaleX(0.42)}.rn-f43{transform:scaleX(0.43)}.rn-f44{transform:scaleX(0.44)}.rn-f45{transform:scaleX(0.45)}.rn-f46{transform:scaleX(0.46)}.rn-f47{transform:scaleX(0.47)}.rn-f48{transform:scaleX(0.48)}.rn-f49{transform:scaleX(0.49)}.rn-f50{transform:scaleX(0.5)}.rn-f51{transform:scaleX(0.51)}.rn-f52{transform:scaleX(0.52)}.rn-f53{transform:scaleX(0.53)}.rn-f54{transform:scaleX(0.54)}.rn-f55{transform:scaleX(0.55)}.rn-f56{transform:scaleX(0.56)}.rn-f57{transform:scaleX(0.57)}.rn-f58{transform:scaleX(0.58)}.rn-f59{transform:scaleX(0.59)}.rn-f60{transform:scaleX(0.6)}.rn-f61{transform:scaleX(0.61)}.rn-f62{transform:scaleX(0.62)}.rn-f63{transform:scaleX(0.63)}.rn-f64{transform:scaleX(0.64)}.rn-f65{transform:scaleX(0.65)}.rn-f66{transform:scaleX(0.66)}.rn-f67{transform:scaleX(0.67)}.rn-f68{transform:scaleX(0.68)}.rn-f69{transform:scaleX(0.69)}.rn-f70{transform:scaleX(0.7)}.rn-f71{transform:scaleX(0.71)}.rn-f72{transform:scaleX(0.72)}.rn-f73{transform:scaleX(0.73)}.rn-f74{transform:scaleX(0.74)}.rn-f75{transform:scaleX(0.75)}.rn-f76{transform:scaleX(0.76)}.rn-f77{transform:scaleX(0.77)}.rn-f78{transform:scaleX(0.78)}.rn-f79{transform:scaleX(0.79)}.rn-f80{transform:scaleX(0.8)}.rn-f81{transform:scaleX(0.81)}.rn-f82{transform:scaleX(0.82)}.rn-f83{transform:scaleX(0.83)}.rn-f84{transform:scaleX(0.84)}.rn-f85{transform:scaleX(0.85)}.rn-f86{transform:scaleX(0.86)}.rn-f87{transform:scaleX(0.87)}.rn-f88{transform:scaleX(0.88)}.rn-f89{transform:scaleX(0.89)}.rn-f90{transform:scaleX(0.9)}.rn-f91{transform:scaleX(0.91)}.rn-f92{transform:scaleX(0.92)}.rn-f93{transform:scaleX(0.93)}.rn-f94{transform:scaleX(0.94)}.rn-f95{transform:scaleX(0.95)}.rn-f96{transform:scaleX(0.96)}.rn-f97{transform:scaleX(0.97)}.rn-f98{transform:scaleX(0.98)}.rn-f99{transform:scaleX(0.99)}.rn-f100{transform:scaleX(1)}

.rn-cap a{display:flex;align-items:center;width:fit-content;min-height:44px;font-weight:600}