.js-rt{margin-top:clamp(30px,3.6vw,46px)}.rt-steps{display:grid;gap:12px;grid-template-columns:repeat(var(--n,5),minmax(0,1fr))}.rt-step{align-items:flex-start;background:#fff;border:1px solid rgba(60,95,172,.2);border-radius:14px;color:var(--deep);cursor:pointer;display:flex;flex-direction:column;font:inherit;gap:6px;overflow:hidden;padding:16px 16px 20px;position:relative;text-align:left;transition:background .3s,border-color .3s,box-shadow .3s}.rt-step:hover{border-color:var(--mid)}.rt-step:focus-visible{outline:2px solid var(--spot);outline-offset:2px}.rt-n{color:var(--mid);font:700 .8rem/1 var(--mono)}.rt-step b{font:800 1.05rem/1.25 var(--head)}.rt-text{color:var(--lt-mut);font-size:.9rem;line-height:1.5}.rt-step.is-on{background:var(--deep);border-color:var(--deep);box-shadow:0 20px 40px -30px rgba(0,24,68,.8)}.rt-step.is-on .rt-n{color:var(--corn-lt)}.rt-step.is-on b{color:#fff}.rt-step.is-on .rt-text{color:hsla(0,0%,100%,.84)}.rt-prog{bottom:0;height:4px;left:0;position:absolute;right:0}.rt-prog i{background:var(--neon);display:block;height:100%;width:0}.js-rt.rt-play .rt-step.is-on .rt-prog i{animation:rtProg 3.4s linear forwards}@keyframes rtProg{to{width:100%}}.rt-board{background:#fff;border:1px solid rgba(60,95,172,.14);border-radius:20px;box-shadow:0 30px 60px -48px rgba(0,24,68,.5);column-gap:clamp(16px,2.4vw,32px);display:grid;grid-template-columns:minmax(150px,22%) minmax(0,1fr);margin-top:16px;padding:clamp(20px,2.6vw,32px)}.rt-title{color:var(--deep);font:900 1.2rem/1.25 var(--head);grid-column:1/-1;margin:0}.rt-ruler{border-bottom:1px solid var(--lt-line);grid-column:2;height:34px;margin-top:14px;position:relative}.rt-ruler i{bottom:6px;color:var(--lt-mut);font:700 .8rem/1 var(--mono);font-style:normal;position:absolute;transform:translateX(-50%);white-space:nowrap}.rt-ruler i:first-of-type{transform:none}.rt-ruler i:last-of-type{transform:translateX(-100%)}.rt-ruler i:after{border-left:1px solid var(--lt-line);bottom:-7px;content:"";height:6px;left:50%;position:absolute}.rt-unit{bottom:6px;color:var(--mid);font:700 .72rem/1 var(--mono);letter-spacing:.1em;position:absolute;right:calc(100% + clamp(16px,2.4vw,32px));text-transform:uppercase;white-space:nowrap}.rt-row{display:contents}.rt-lab{align-self:center;grid-column:1;margin:18px 0 0}.rt-lab b{color:var(--deep);display:block;font:800 .98rem/1.3 var(--head)}.rt-lab span{color:var(--lt-mut);display:block;font-size:.88rem;line-height:1.4;margin-top:2px}.rt-lane{align-self:center;background:var(--stone);grid-column:2;height:44px;margin-top:18px;position:relative}.rt-bar,.rt-lane{border-radius:999px}.rt-bar{background:linear-gradient(90deg,var(--spot) 0,var(--mid) calc(var(--lo)/var(--hi)*100%),rgba(88,188,216,0) 100%);bottom:0;left:0;position:absolute;top:0;transform:scaleX(0);transform-origin:left;transition:transform 1.4s var(--ease);width:var(--hi)}.rt-row+.rt-row .rt-bar{transition-delay:.3s}.rt-in .rt-bar{transform:none}.rt-bar:after{border-left:2px solid var(--deep);bottom:-6px;content:"";left:calc(var(--lo)/var(--hi)*100%);position:absolute;top:-6px}.rt-dot{background:#fff;border:2px solid var(--corn);border-radius:50%;color:var(--deep);display:grid;font:800 .8rem/1 var(--head);height:28px;margin:-14px 0 0 -14px;opacity:0;place-items:center;position:absolute;top:50%;transition:opacity .5s .9s,background .3s,border-color .3s,transform .3s;width:28px}.rt-in .rt-dot{opacity:1}.rt-dot.is-done{background:var(--corn-lt);border-color:var(--corn-lt)}.rt-dot.is-on{background:var(--neon);border-color:#fff;box-shadow:0 0 0 4px rgba(97,212,195,.3);transform:scale(1.2)}.rt-foot{color:var(--lt-mut);display:flex;flex-wrap:wrap;font-size:.9rem;gap:8px 24px;grid-column:1/-1;justify-content:space-between;line-height:1.5;margin:18px 0 0}.rt-sn{color:var(--mid);font:700 .76rem/1.5 var(--mono);letter-spacing:.06em;text-transform:uppercase}@media (max-width:1023px){.rt-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.rt-step:last-child:nth-child(odd){grid-column:1/-1}}@media (max-width:700px){.rt-board{grid-template-columns:1fr}.rt-ruler{grid-column:1;margin-top:34px}.rt-unit{bottom:calc(100% + 6px);left:0;right:auto}.rt-lab{grid-column:1;margin-top:20px}.rt-lane{grid-column:1;margin-top:8px}}@media (max-width:480px){.rt-steps{grid-template-columns:1fr}.rt-step:last-child:nth-child(odd){grid-column:auto}.rt-dot{font-size:.72rem;height:22px;margin:-11px 0 0 -11px;width:22px}.rt-dot.is-on{box-shadow:0 0 0 3px rgba(97,212,195,.3);transform:scale(1.1)}}@media (prefers-reduced-motion:reduce){.rt-bar,.rt-dot,.rt-step{transition:none!important}.rt-prog{display:none}}