/* Health dial. One score, nine signals. From the Managed FinOps page,
   21 September 2026. */
.fx-ring{margin-inline:auto;position:relative;width:100%}
.fx-ring svg{display:block;height:auto;width:100%}
.fx-ring .tr{fill:none;stroke:var(--lt-line);stroke-dasharray:414.7px 900px;stroke-linecap:round;stroke-width:13}
.fx-ring .vl{fill:none;stroke:var(--spot);stroke-linecap:round;stroke-width:13; stroke-dasharray:var(--arc) 900px;stroke-dashoffset:var(--arc);animation:fxRing 1.7s .45s var(--ease) forwards}
.fx-ring figcaption{inset:0;display:grid;place-content:center;position:absolute;text-align:center}
.fx-ring .k{color:var(--mid);display:block;font:600 .6rem var(--mono);letter-spacing:.15em;text-transform:uppercase}
.fx-ring .v{color:var(--deep);display:block;font:900 clamp(3rem,6vw,4.2rem) var(--head);letter-spacing:-.05em;line-height:1}
.fx-ring .o{color:var(--lt-mut);display:block;font:600 .74rem var(--mono);letter-spacing:.1em}
.ch{display:grid;gap:clamp(30px,4vw,64px);grid-template-columns:minmax(0,1fr); margin-top:clamp(28px,3.4vw,44px)}
@media(min-width:1000px){
.ch{align-items:center;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
}
.ch-dial{text-align:center}
.ch-dial .fx-ring{margin-inline:auto;max-width:330px;width:100%}
.ch-note{color:var(--lt-mut);font-size:.88rem;line-height:1.5;margin:clamp(14px,1.6vw,20px) auto 0;max-width:34ch}
.ch-h{color:var(--deep);font:900 clamp(1.06rem,1.6vw,1.24rem) var(--head);letter-spacing:-.028em;margin:0 0 16px}
.ch-g{display:grid;gap:clamp(10px,1.2vw,14px);grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr)); list-style:none;margin:0;padding:0}
@media(min-width:620px){
.ch-g{grid-template-columns:repeat(3,minmax(0,1fr))}
}
.ch-g li{background:var(--stone);border:1px solid var(--lt-line-2);border-radius:var(--r); padding:clamp(16px,1.8vw,20px) 14px;text-align:center;transition:border-color .3s var(--ease),transform .3s var(--ease)}
.ch-g li:hover{border-color:var(--corn);transform:translateY(-2px)}
.ch-g .ic{align-items:center;border-radius:50%;display:flex;height:44px;justify-content:center; margin:0 auto 13px;width:44px}
.ch-g b{color:var(--deep);display:block;font:900 .9rem/1.24 var(--head);letter-spacing:-.024em}
@media (prefers-reduced-motion:reduce){
.fx-ring .vl{stroke-dashoffset:0;animation:none}
}
h1,h2,h3,h4, .h-display,.h-sec,.h-big,.h-sub,.fxh-h,.fxh-st b,.fx-mg b,.fx-cyc b,.fx-split b, .fx-out b,.fx-out .t,.fx-cost b,.fx-cal .t,.fx-track button .t,.fx-panels p, .pb-bill .hd b,.pb-bill .tot,.pb-q b,.vs-p h3,.vs-l b,.vs-foot b, .gv-sig b,.gv-gate b,.gv-out b,.gv-pil b,.ph-g h3,.ph-c b,.ch-h,.ch-g b, .cx-by b,.faq summary,.fx-ring .v,.story-outcome b,.story-name,.tlc b{letter-spacing:.01em;}
.h-sub,.vs-p h3,.ph-g h3,.ch-h{line-height:calc(1em + 14px)}
.fx-out b,.pb-bill .tot,.fx-ring .v,.stat b{line-height:calc(1em + 10px)}
.pb-mos,.pb-bill .hd i,.fxh-st .n,.fx-track button .s,.fx-here,.fx-cal .who, .fx-cal .w,.fx-loop,.ph-k,.ph-c .n,.ph-btm .k,.ph-track b,.fx-ring .k, .gv-gate .pill,.gv-env span,.gv-only,.fx-cyc .dot,.fx-cyc .tag,.fx-mg li:before{font-size:.75rem;}
.fx-ring .o{color:var(--mid)}
.fx-out b,.pb-bill .tot,.fx-ring .v,.stat b,.h-display,.h-big,.fxh-h{line-height:calc(1em + 10px);}
.fxh-from .now,.ch-note .o,span.o,.fx-note,.cx-by span{font-size:.75rem}
.ph-c b,.vs-l b,.fx-cyc b,.ch-g b,.gv-pil b,.mg b{hyphens:manual; overflow-wrap:break-word;}
{to{stroke-dashoffset:0}}}

