.viz{margin:2rem 0}.viz figcaption{display:flex;flex-wrap:wrap;align-items:baseline;gap:.4rem .6rem;margin-bottom:.8rem}.viz__src{font:.75rem/1.4 var(--mono);color:var(--on-surface-dim);overflow-wrap:anywhere}.viz .chip{font-size:.75rem}.viz__stage svg{display:block;width:100%;height:auto}.viz__controls:not([hidden]){display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.8rem}.viz__controls button{min-width:44px;min-height:44px;padding:0 1rem;font:600 .85rem/1 var(--body);color:var(--on-surface);background:transparent;border:1px solid var(--on-surface-dim);border-radius:999px;cursor:pointer}.viz__text summary{min-height:44px;cursor:pointer}.is-dashed{stroke-dasharray:4 3;filter:grayscale(1)}.viz[data-viz="v4-risk"] svg{max-width:36rem}.viz[data-viz="v4-risk"] text{font:16px var(--body);fill:var(--on-surface-dim)}@media (max-width:40rem){.viz[data-viz="v4-risk"] text{font-size:21px}}.viz[data-viz="v4-risk"] .v4-axis{stroke:var(--rule)}.viz[data-viz="v4-risk"] .v4-line{stroke:var(--on-surface-dim)}.viz[data-viz="v4-risk"] .v4-ok{fill:var(--ok)}.viz[data-viz="v4-risk"] .v4-up{fill:var(--warn)}.viz[data-viz="v4-risk"] .marker{fill:none;stroke:var(--accent);stroke-width:2;transition:transform var(--d-story) var(--ease-io)}.viz[data-viz="v4-risk"][data-stage="0"] .marker{transform:translateX(0)}.viz[data-viz="v4-risk"][data-stage="1"] .marker{transform:translateX(100px)}.viz[data-viz="v4-risk"][data-stage="2"] .marker{transform:translateX(200px)}.viz[data-viz="v4-risk"][data-stage="3"] .marker{transform:translateX(300px)}.viz[data-viz="v4-risk"] .v4-roadmap{fill:none;stroke:var(--roadmap)}.viz[data-viz="v4-risk"] .v4-roadmap text{fill:var(--roadmap);stroke:none}.viz__own:not([hidden]){display:grid;grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));align-items:start;gap:.6rem;margin-top:1rem}.viz__own fieldset{min-width:0;margin:0;padding:.2rem .7rem .3rem;border:1px solid var(--rule);border-radius:.6rem}.viz__own legend{padding:0 .3rem;font:600 .85rem/1.4 var(--body);color:var(--on-surface)}.viz__own .viz__wide{grid-column:1 / -1}.viz__own label{display:inline-flex;flex-wrap:wrap;align-items:center;gap:.35rem;max-width:100%;min-height:44px;min-width:44px;margin-right:.8rem;font-size:.9rem;cursor:pointer}.viz__own input{accent-color:var(--accent)}.viz__own [role="switch"]{min-height:44px;padding:0 1rem;font:600 .85rem/1.2 var(--body);text-align:left;color:var(--on-surface);background:transparent;border:1px solid var(--on-surface-dim);border-radius:.6rem;cursor:pointer}.viz__own [role="switch"]::before{content:"";display:inline-block;width:2em;height:1.1em;margin-right:.6em;border:2px solid currentColor;border-radius:1em;vertical-align:-.3em;background:radial-gradient(circle at 30% 50%,currentColor .3em,transparent .34em)}.viz__own [aria-checked="true"]::before{border-color:var(--accent);background:radial-gradient(circle at 70% 50%,var(--accent) .3em,transparent .34em)}.viz__range{grid-column:1 / -1}.viz__range input{flex:1;min-height:44px}.viz__range output{min-width:2.5ch;font:600 1rem var(--mono)}.viz__out{grid-column:1 / -1;margin:0;padding-left:1.2rem;font-size:.9rem;overflow-wrap:anywhere}.viz[data-viz="v3-posture"]{--score:100}.viz[data-viz="v3-posture"] svg{max-width:12.5rem;margin:0 auto}@media (min-width:64rem){.viz[data-viz="v3-posture"]{display:grid;grid-template-columns:12.5rem 1fr;column-gap:2rem;align-items:start}.viz[data-viz="v3-posture"]>*{grid-column:1 / -1}.viz[data-viz="v3-posture"]>.viz__stage{grid-column:1}.viz[data-viz="v3-posture"]>.viz__own{grid-column:2;margin-top:0}.viz[data-viz="v3-posture"] .viz__out{min-height:4lh}}.viz[data-viz="v3-posture"] .v3-track{fill:none;stroke:var(--rule);stroke-width:14}.viz[data-viz="v3-posture"] .v3-ring{fill:none;stroke:var(--accent);stroke-width:14;stroke-dasharray:502.65;stroke-dashoffset:calc(502.65 - var(--score) * 5.0265);transition:stroke-dashoffset var(--d-fast) var(--ease-io)}.viz[data-viz="v3-posture"] .v3-score{font:600 48px var(--body);fill:var(--on-surface)}.viz[data-viz="v3-posture"] .v3-tier{font:16px var(--body);fill:var(--on-surface-dim)}.viz__select select{min-height:44px;padding:0 .6rem;font:.95rem var(--body);color:var(--on-surface);background:var(--surface);border:1px solid var(--on-surface-dim);border-radius:.6rem;cursor:pointer}.viz__trace{margin-top:1rem}.viz__case{margin:0 0 .4rem;font:.8rem/1.5 var(--mono);color:var(--on-surface-dim);overflow-wrap:anywhere}.viz__trace ol{margin:0;padding-left:1.4rem;font-size:.95rem;overflow-wrap:anywhere}.viz[data-viz="v5-policy"] svg{max-width:21rem}.viz[data-viz="v5-policy"] text{font:16px var(--body);fill:var(--on-surface)}.viz[data-viz="v5-policy"] rect{fill:none;stroke:var(--on-surface-dim)}.viz[data-viz="v5-policy"] .v5-else rect{stroke:var(--rule)}.viz[data-viz="v5-policy"] .v5-link{fill:none;stroke:var(--on-surface-dim)}.viz[data-viz="v5-policy"] .v5-count{fill:var(--on-surface-dim)}.viz[data-viz="v5-policy"] .viz__trace ol{min-height:6lh}.viz[data-viz="v5-policy"] .viz__case{min-height:3lh}@media (min-width:64rem){.viz[data-viz="v5-policy"] .viz__trace ol{min-height:4lh}.viz[data-viz="v5-policy"] .viz__case{min-height:0}}.viz[data-viz="v2-pipeline"] svg{max-width:36rem}.viz[data-viz="v2-pipeline"] text{font:16px var(--body);fill:var(--on-surface)}@media (max-width:40rem){.viz[data-viz="v2-pipeline"] text{font-size:21px}}.viz[data-viz="v2-pipeline"] rect{fill:none;stroke-width:2}.viz[data-viz="v2-pipeline"] .v2-on rect{stroke:var(--accent)}.viz[data-viz="v2-pipeline"] .v2-off rect{stroke:var(--on-surface-dim);stroke-width:1}.viz[data-viz="v2-pipeline"] .v2-off text{fill:var(--on-surface-dim)}.viz[data-viz="v2-pipeline"] .v2-link{stroke:var(--on-surface-dim)}.viz[data-viz="v2-pipeline"] .v2-verdict{fill:var(--warn);font-weight:600}.viz[data-viz="v2-pipeline"] g[class^="v2-s"]{transition:opacity var(--d-base) var(--ease-io)}.viz[data-viz="v2-pipeline"][data-stage="0"] .v2-s1{opacity:.25}.viz[data-viz="v2-pipeline"][data-stage="1"] .v2-s2{opacity:.25}.viz[data-viz="v2-pipeline"][data-stage="2"] .v2-s3{opacity:.25}.viz__controls [aria-pressed="true"]{color:var(--surface);background:var(--on-surface)}.viz[data-viz="v6-reach"] svg{max-width:27rem}.viz[data-viz="v6-reach"] text{font:16px var(--body);fill:var(--on-surface)}@media (max-width:40rem){.viz[data-viz="v6-reach"] text{font-size:17px}}.viz[data-viz="v6-reach"] .v6-h{font-weight:600}.viz[data-viz="v6-reach"] .v6-n{font-weight:600;fill:var(--accent)}.viz[data-viz="v6-reach"] line{stroke:var(--accent);stroke-width:2}.viz[data-viz="v6-reach"] rect{fill:none;stroke:var(--on-surface-dim)}.viz[data-viz="v6-reach"] .is-reachable rect{stroke:var(--accent);stroke-width:2}.viz[data-viz="v6-reach"] .is-unreachable rect{stroke:var(--on-surface-dim);stroke-width:1}.viz[data-viz="v6-reach"] .is-unreachable text{fill:var(--on-surface-dim)}.viz[data-viz="v6-reach"][data-stage="0"] .v6-p1{display:none}.viz[data-viz="v6-reach"][data-stage="1"] .v6-p0{display:none}.v9{max-width:27rem}.v9 text{font:16px var(--body);fill:var(--on-surface)}@media (max-width:40rem){.v9 text{font-size:17px}}.v9 .v9-b{fill:var(--on-surface-dim)}.v9 rect{fill:none;stroke:var(--on-surface-dim)}.v9 line{stroke:var(--on-surface-dim);stroke-width:2}.v9-x{fill:none;stroke:var(--warn);stroke-width:3}.v9-key{fill:var(--accent)}.v9-dot{fill:var(--accent);transition:transform var(--d-fast) var(--ease-io)}[data-stage="0"] .v9-dot{transform:translateY(-384px)}[data-stage="1"] .v9-dot{transform:translateY(-350px)}[data-stage="2"] .v9-dot{transform:translateY(-316px)}[data-stage="3"] .v9-dot{transform:translateY(-256px)}[data-stage="4"] .v9-dot{transform:translateY(-196px)}[data-stage="5"] .v9-dot{transform:translateY(-162px)}[data-stage="6"] .v9-dot{transform:translateY(-128px)}[data-stage="7"] .v9-dot{transform:translateY(-94px)}[data-stage="8"] .v9-dot{transform:translateY(-60px)}.viz__cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:0 1.5rem}.v8{max-width:27rem}.v8 text{font:16px var(--body);fill:var(--on-surface)}@media (max-width:40rem){.v8 text{font-size:17px}}.v8 .v8-h{font-weight:600}.v8 rect{fill:none;stroke:var(--on-surface-dim)}.v8 rect[height="34"]{stroke:var(--accent);stroke-width:2}.v8 .v8-f text{font-family:var(--mono)}.v8-gap text{fill:var(--on-surface-dim)}.v8-k{fill:none;stroke:var(--on-surface-dim);stroke-width:2}.v8-a{transition:transform var(--d-story) var(--ease-io)}.v8-b{opacity:.3;transition:opacity var(--d-story) var(--ease-io)}.v8-d{transition:opacity var(--d-base) var(--ease-io)}[data-stage="0"] .v8-a{transform:translateY(-124px)}[data-stage="0"] .v8-b{opacity:1}[data-stage="0"] .v8-out{opacity:.25}[data-stage="0"] .v8-rec{opacity:.25}[data-stage="1"] .v8-rec{opacity:.25}.pic{display:block;width:100%;max-width:300px;height:auto;margin-top:1rem;color:var(--on-surface)}@media (min-width:48rem){.steps__pic{display:grid;grid-template-columns:minmax(0,1fr) 300px;grid-template-rows:auto 1fr;column-gap:2rem}.pic{grid-column:2;grid-row:1 / span 2;margin:0}}ol.is-play>li:not(.is-play) [data-a]{animation-delay:calc((var(--n) + var(--i) * 7) * var(--d-base))}.viz:not(.viz--live) svg *{transition:none}