/* Fixed stage labels, one continuous orbit and a synchronized traveling arrow. */
.acv-ring-layout{width:100%;max-width:1120px;margin:0 auto;grid-template-columns:1.15fr 1fr;gap:55px;padding:0 20px}
.acv-ring-diagram.tv-cycle-diagram{height:auto;width:100%;max-width:390px;aspect-ratio:1}
.acv-ring-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.acv-ring-diagram .tv-cycle-center{width:160px}
.acv-ring-diagram .tv-cycle-center strong{font-size:28px;line-height:1.45;letter-spacing:.02em}
.acv-ring-diagram .tv-cycle-center small{font-size:9px;margin-bottom:15px;letter-spacing:.09em;color:#7f8c7c}
.acv-ring-diagram .tv-cycle-node{width:32%;min-width:0;height:46px;padding:8px;border-radius:30px;gap:8px;background:#eaf0e1;color:#254d43;border:1px solid #9fb39d;transition:background .25s,color .25s}
.acv-ring-diagram .tv-cycle-node strong{font-size:12px;letter-spacing:-.02em}
.acv-ring-diagram .tv-cycle-node small{font-size:10px}
.acv-ring-diagram .tv-cycle-node.is-active{background:var(--tv-lime);color:#254d43;border-color:#254d43}
.acv-ring-diagram .tv-cycle-node-0{left:50%;top:14.58%}
.acv-ring-diagram .tv-cycle-node-1{left:85.42%;top:50%}
.acv-ring-diagram .tv-cycle-node-2{left:50%;top:85.42%}
.acv-ring-diagram .tv-cycle-node-3{left:14.58%;top:50%}
.acv-ring-layout .tv-cycle-detail{padding:26px 0 26px 40px}
.acv-ring-layout .tv-cycle-detail h3{font-size:32px;margin:16px 0}
.acv-ring-layout .tv-cycle-detail p{font-size:15px;line-height:1.95}
.acv-ring-layout .tv-cycle-detail>strong{font-size:16px}
.acv-ring-layout .tv-cycle-foot{font-size:11px;line-height:1.7;margin-top:26px}
@media(min-width:751px) and (max-height:800px){.acv-ring-diagram.tv-cycle-diagram{max-width:335px}.acv-ring-diagram .tv-cycle-node{height:42px;gap:5px}.acv-ring-diagram .tv-cycle-node strong{font-size:11px}.acv-ring-diagram .tv-cycle-center strong{font-size:25px}.acv-ring-diagram .tv-cycle-center{width:130px}.acv-ring-diagram .tv-cycle-center small{font-size:7px}.acv-ring-layout .tv-cycle-detail h3{font-size:28px}.acv-ring-layout .tv-cycle-detail p{font-size:13px}}
@media(max-width:750px){.acv-ring-layout{grid-template-columns:1fr;gap:12px;padding:0 12px}.acv-ring-diagram.tv-cycle-diagram{max-width:350px}.acv-ring-diagram .tv-cycle-node{height:42px;gap:5px}.acv-ring-diagram .tv-cycle-node strong{font-size:11px}.acv-ring-diagram .tv-cycle-node small{font-size:8px}.acv-ring-diagram .tv-cycle-center{width:125px}.acv-ring-diagram .tv-cycle-center strong{font-size:24px}.acv-ring-diagram .tv-cycle-center small{font-size:7px}.acv-ring-layout .tv-cycle-detail{padding:20px 8px}.acv-ring-layout .tv-cycle-detail h3{font-size:27px}.acv-ring-layout .tv-cycle-detail p{font-size:13px}.acv-ring-layout .tv-cycle-detail>strong{font-size:14px}}

/* The diagram grows on entry; only its inner gradient wheel rotates. */
.acv-ring-diagram.tv-cycle-diagram{isolation:isolate;transform-origin:center;animation:acv-wheel-enter .85s cubic-bezier(.18,.8,.22,1) both}
.acv-ring-diagram::before{content:"";position:absolute;inset:21%;border-radius:50%;background:conic-gradient(from 0deg,#254d43,#4f9d94,#87bdd4,#a9a5cb,#d6b7a1,#c7db84,#66aa8d,#254d43);animation:acv-color-spin 6s linear .85s infinite;opacity:.9;mask-image:radial-gradient(circle,transparent 51%,#000 53%,#000 69%,transparent 71%);pointer-events:none;z-index:-1}
.acv-ring-diagram .tv-cycle-center{width:130px}
.acv-ring-diagram .tv-cycle-center strong{font-size:25px}
.acv-ring-diagram .tv-cycle-center small{font-size:7px;letter-spacing:.04em}
@keyframes acv-wheel-enter{from{transform:scale(.18);opacity:0}to{transform:scale(1);opacity:1}}
@keyframes acv-color-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@media(min-width:751px) and (max-height:800px){.acv-ring-diagram .tv-cycle-center{width:112px}.acv-ring-diagram .tv-cycle-center strong{font-size:22px}.acv-ring-diagram .tv-cycle-center small{font-size:6px}}
@media(max-width:750px){.acv-ring-diagram .tv-cycle-center{width:112px}.acv-ring-diagram .tv-cycle-center strong{font-size:22px}.acv-ring-diagram .tv-cycle-center small{font-size:6px}}
@media(prefers-reduced-motion:no-preference){.motion-off .acv-ring-diagram.tv-cycle-diagram{animation:acv-wheel-enter .85s cubic-bezier(.18,.8,.22,1) both paused!important}.motion-off .tv-view .acv-ring-diagram::before{animation:acv-color-spin 6s linear .85s infinite paused!important}}
@media(prefers-reduced-motion:reduce){.acv-ring-diagram.tv-cycle-diagram,.acv-ring-diagram::before{animation:none!important}}

/* The orbit is separate from the decorative inner color wheel. */
.acv-ring-diagram::before{inset:28%;opacity:.6}
.acv-orbit-track{fill:none;stroke:#e0e7d9;stroke-width:26}
.acv-orbit-zone{fill:none;stroke:#9dbb8d;stroke-width:26;stroke-linecap:round;opacity:0;transition:opacity .22s}
.acv-orbit-zone.is-active{opacity:.62}
.acv-orbit-trail{fill:none;stroke:#254d43;stroke-width:7;stroke-linecap:round}
.acv-orbit-trail.trail-far{opacity:.18}
.acv-orbit-trail.trail-near{opacity:.5}
.acv-orbit-arrow{fill:#254d43;stroke:var(--paper);stroke-width:1;stroke-linejoin:round}
.acv-ring-diagram .tv-cycle-node{width:29%;box-shadow:0 0 0 0 #b9e07700;transition:background .2s,border-color .2s,box-shadow .2s}
.acv-ring-diagram .tv-cycle-node.is-active{box-shadow:0 0 0 5px #b9e07725}
.acv-ring-diagram .tv-cycle-node-1{left:95%}
.acv-ring-diagram .tv-cycle-node-3{left:5%}
.acv-ring-diagram .tv-cycle-center{width:116px}
.acv-ring-diagram .tv-cycle-center strong{font-size:23px}
.acv-ring-diagram .tv-cycle-center small{font-size:6px;margin-bottom:10px}
@media(min-width:751px) and (max-height:800px){.acv-ring-diagram .tv-cycle-center{width:100px}.acv-ring-diagram .tv-cycle-center strong{font-size:20px}.acv-ring-diagram .tv-cycle-node strong{font-size:10px}.acv-ring-diagram .tv-cycle-node small{font-size:8px}}
@media(max-width:750px){.acv-ring-diagram.tv-cycle-diagram{width:82%;max-width:320px}.acv-ring-diagram .tv-cycle-node{width:32%;height:40px;gap:4px}.acv-ring-diagram .tv-cycle-node-1{left:98%}.acv-ring-diagram .tv-cycle-node-3{left:2%}.acv-ring-diagram .tv-cycle-node strong{font-size:10px}.acv-ring-diagram .tv-cycle-node small{font-size:8px}.acv-ring-diagram .tv-cycle-center{width:90px}.acv-ring-diagram .tv-cycle-center strong{font-size:18px}.acv-ring-diagram .tv-cycle-center small{font-size:5px}}