/* Supracited v9 signature heroes: the hero, the rail, the figure scaffold (site/sig_data.py); copied by site/build_sig.py */
.sg,.v9h{--sg-teal:#0B5F59;--sg-teal-2:#3D8C84;--sg-gold:#D7A53A;--sg-gold-deep:#A87A1E;--sg-ring:#B9C6C4;--sg-pale:#D9E0DF;
--sg-track:#EDF1F0;--sg-tint:#D5EEEA;--sg-ink:#0C1715;--sg-muted:#444C59;--sg-hair:#D9E0DF;--sg-tray:#F1F5F4;--sg-r1:#EDF1F0;
--sg-r2:#D5EEEA;--sg-r3:#A9D6CF;--sg-r4:#6FB3AA;--sg-r5:#3D8C84;--sg-r6:#0B5F59}

.v9h{background:#fff;padding-block:clamp(2rem,1.2rem + 2.4vw,3.5rem) var(--band)}
.v9h .h1{font-size:clamp(2rem,1.55rem + 1.25vw,2.75rem);line-height:1.08;letter-spacing:-.02em;max-width:24ch;margin-top:.75rem}
.v9h .h1:first-child{margin-top:0}
.v9h-sub{margin:0;font-size:17px;line-height:1.55;color:var(--sg-muted);max-width:52ch}
.v9h-acts{margin-top:1.25rem;display:flex;flex-wrap:wrap;align-items:center;gap:12px 28px}
.v9h>.container>.sg{margin-top:clamp(1.5rem,2.5vw,2.25rem)}
.v9h .v8h-src{margin-top:1rem;font-size:15px;line-height:1.5;color:var(--sg-muted);max-width:72ch}
@media (min-width:64rem){.v9h-head{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);
column-gap:clamp(2rem,4vw,4rem);align-items:end}.v9h-sub{font-size:19px}}
@media (max-width:63.99rem){.v9h>.container{display:flex;flex-direction:column}.v9h-head{display:contents}
.v9h>.container>.sg{order:1}.v9h-lede{order:2;margin-top:1.5rem}.v9-rail{order:3}.v9h .v8h-src{order:4}}

.v9-rail{list-style:none;margin:1.5rem 0 0;padding:1.25rem 0 0;border-top:1px solid var(--sg-track);display:grid;gap:1.25rem}
.v9-rail .v8-stat{display:grid;grid-template-columns:6rem minmax(0,1fr);column-gap:1rem;padding:0;border:0}
.v9-rail .v8-stat .v8-stat-n{grid-row:1/span 4;margin:0;font-size:clamp(2rem,1.7rem + 1vw,2.5rem);font-weight:700;
line-height:1.05;letter-spacing:-.02em;color:var(--sg-ink)}
.v9-rail .v8-stat .v8-stat-l{margin:0;font-size:16px;font-weight:600;line-height:1.4;color:var(--sg-ink)}
.v9-rail .v8-stat .v8-stat-g,.v9-rail .v8-stat .v8-stat-s{margin:.25rem 0 0;font-size:15px;line-height:1.5;color:var(--sg-muted)}
@media (max-width:63.99rem){.v9-rail{grid-template-columns:minmax(6rem,max-content) minmax(0,1fr);column-gap:1rem}
.v9-rail .v8-stat{grid-column:1/-1;grid-template-columns:subgrid}.v9-rail .v8-stat .v8-stat-n{white-space:nowrap}}
@media (min-width:64rem){.v9-rail{grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);column-gap:2rem}
.v9-rail .v8-stat{display:block}.v9-rail .v8-stat .v8-stat-l{margin-top:.4rem}}

.sg{position:relative;margin:0;color:var(--sg-ink)}
.sg-top{display:grid;gap:.25rem}
.sg-badge{display:flex;align-items:center;gap:.5rem;margin:0;font-size:15px;font-weight:600;line-height:1.4;color:var(--sg-teal)}
.sg-mark{flex:none;width:8px;height:8px;border-radius:50%;background:var(--sg-teal)}
.sg-cap{margin:0;font-size:16px;line-height:1.5;color:var(--sg-muted);max-width:72ch}
.sg-ctl{margin-top:1rem;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1.25rem}
.sg-ctl fieldset{margin:0;padding:0;border:0;min-width:0}
.sg-l{float:left;margin:0 .75rem 0 0;padding:0;font-size:15px;font-weight:600;line-height:2.75rem;color:var(--sg-muted)}
/* <23rem: shelf's floated legend leaves too little room beside .sg-chips, overflowing below 365px (2026-10-30 QA) */
@media (max-width:23rem){.sg--shelf .sg-l{float:none;display:block;line-height:1.3;margin:0 0 .4rem}}
.sg-chips{display:flex;flex-wrap:wrap;gap:.5rem}
.sg-chip{position:relative;display:inline-flex;cursor:pointer}
.sg-chip input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.sg-chip span,.sg-btn{display:inline-flex;align-items:center;min-height:2.75rem;padding:0 1rem;border:1px solid var(--sg-hair);
border-radius:999px;background:#fff;color:var(--sg-ink);font:inherit;font-size:15px;font-weight:600;line-height:1.2;
white-space:nowrap;cursor:pointer;transition:background-color .2s,border-color .2s,color .2s,transform .16s}
.sg-chip input:checked+span,.sg-btn[aria-pressed="true"]{background:var(--sg-teal);border-color:var(--sg-teal);color:#fff}
.sg-chip input:focus-visible+span,.sg-btn:focus-visible,.sg-hs:focus-visible,.sg a:focus-visible,.sg button:focus-visible{
outline:2px solid var(--sg-teal);outline-offset:2px}
.sg-chip:active span,.sg-btn:active{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){.sg-chip:hover input:not(:checked)+span,.sg-btn:not([aria-pressed="true"]):hover{
border-color:var(--sg-teal-2)}}

.sg-stage{position:relative;margin-top:1.25rem;min-width:0}
.sg-canvas{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none}
.sg-hs{position:absolute;left:0;top:0;z-index:2;box-sizing:border-box;width:var(--hw,28px);height:var(--hh,28px);
min-width:24px;min-height:24px;margin:0;padding:0;border:0;border-radius:999px;background:none;color:inherit;cursor:pointer;
transform:translate(calc(var(--x,0px) - 50%),calc(var(--y,0px) - 50%));-webkit-tap-highlight-color:transparent}
.sg:not(.is-live) .sg-hs{display:none}
.sg-scrub{touch-action:pan-y}
.sg-say{margin-top:1.25rem}
.sg-say p{margin:0;font-size:1.125rem;line-height:1.5;max-width:60ch}
.sg-say p+p{margin-top:.5rem}
.sg-say b{font-weight:700;color:var(--sg-teal)}
@media (min-width:45rem){.sg-say p{font-size:1.25rem}}
.sg--sw .sg-say{display:grid}
.sg--sw .sg-say p{grid-area:1/1;margin:0}
@supports selector(:has(*)){.sg--sw:has(.sg-r[value="0"]:checked) .sv:not(.s0),.sg--sw:has(.sg-r[value="1"]:checked) .sv:not(.s1),.sg--sw:has(.sg-r[value="2"]:checked) .sv:not(.s2),.sg--sw:has(.sg-r[value="3"]:checked) .sv:not(.s3),.sg--sw:has(.sg-r[value="4"]:checked) .sv:not(.s4),.sg--sw:has(.sg-r[value="5"]:checked) .sv:not(.s5){visibility:hidden}}
@supports not selector(:has(*)){.sg--sw[data-s="0"] .sv:not(.s0),.sg--sw[data-s="1"] .sv:not(.s1),.sg--sw[data-s="2"] .sv:not(.s2),.sg--sw[data-s="3"] .sv:not(.s3),.sg--sw[data-s="4"] .sv:not(.s4),.sg--sw[data-s="5"] .sv:not(.s5){visibility:hidden}}
.sg-hint{margin:.5rem 0 0;font-size:15px;line-height:1.5;color:var(--sg-teal)}

.sg-card{position:absolute;z-index:4;left:0;top:0;box-sizing:border-box;width:max-content;max-width:min(22rem,calc(100% - 2rem));
padding:16px 18px;background:#fff;border:1px solid var(--sg-hair);border-radius:14px;pointer-events:none;
box-shadow:0 1px 2px rgba(12,23,21,.06),0 18px 40px -16px rgba(12,23,21,.22);
transform:translate(var(--cx,0),calc(var(--cy,0) + 3px));transition:transform .16s}
.sg-card.on{transform:translate(var(--cx,0),var(--cy,0))}
.sg-card.is-pin{pointer-events:auto}
.sg-card[hidden]{display:none}
.sg-who{margin:0;font-size:15px;line-height:1.5;color:var(--sg-muted)}
.sg-line{margin:.35rem 0 0;font-size:17px;line-height:1.5;color:var(--sg-ink)}
.sg-who[hidden]+.sg-line{margin-top:0}
.sg-line b{font-weight:700;color:var(--sg-teal)}
.sg-cn{margin:.6rem 0 0;font-size:15px;line-height:1.5;color:var(--sg-muted)}
@media (max-width:44.99rem){.sg-card{width:calc(100% - 1rem);max-width:none}}

.sg-alt{margin-top:1rem;overflow-x:auto}
.sg-alt table{border-collapse:collapse;margin-top:1rem;font-size:15px;line-height:1.4}
.sg-alt caption{padding-bottom:.5rem;text-align:left;font-weight:600}
.sg-alt th,.sg-alt td{padding:.375rem 1rem .375rem 0;border-bottom:1px solid var(--sg-track);text-align:left;vertical-align:top}
.sg-alt thead th{font-weight:600;color:var(--sg-muted)}
.sg-alt tbody th{font-weight:600}

@media (min-width:45rem){.sgh-d16{--sg-h:16rem}.sgh-d17{--sg-h:17rem}.sgh-d18{--sg-h:18rem}.sgh-d19{--sg-h:19rem}.sgh-d20{--sg-h:20rem}.sgh-d21{--sg-h:21rem}.sgh-d22{--sg-h:22rem}.sgh-d23{--sg-h:23rem}.sgh-d24{--sg-h:24rem}.sgh-d25{--sg-h:25rem}.sgh-d26{--sg-h:26rem}.sgh-d27{--sg-h:27rem}.sgh-d28{--sg-h:28rem}.sgh-d29{--sg-h:29rem}.sgh-d30{--sg-h:30rem}.sgh-d31{--sg-h:31rem}.sgh-d32{--sg-h:32rem}.sgh-d33{--sg-h:33rem}.sgh-d34{--sg-h:34rem}.sgh-d35{--sg-h:35rem}.sgh-d36{--sg-h:36rem}.sgh-d37{--sg-h:37rem}.sgh-d38{--sg-h:38rem}.sgh-d39{--sg-h:39rem}.sgh-d40{--sg-h:40rem}.sgh-d41{--sg-h:41rem}.sgh-d42{--sg-h:42rem}.sgh-d43{--sg-h:43rem}.sgh-d44{--sg-h:44rem}}
@media (max-width:44.99rem){.sgh-m16{--sg-h:16rem}.sgh-m17{--sg-h:17rem}.sgh-m18{--sg-h:18rem}.sgh-m19{--sg-h:19rem}.sgh-m20{--sg-h:20rem}.sgh-m21{--sg-h:21rem}.sgh-m22{--sg-h:22rem}.sgh-m23{--sg-h:23rem}.sgh-m24{--sg-h:24rem}.sgh-m25{--sg-h:25rem}.sgh-m26{--sg-h:26rem}.sgh-m27{--sg-h:27rem}.sgh-m28{--sg-h:28rem}.sgh-m29{--sg-h:29rem}.sgh-m30{--sg-h:30rem}.sgh-m31{--sg-h:31rem}.sgh-m32{--sg-h:32rem}.sgh-m33{--sg-h:33rem}.sgh-m34{--sg-h:34rem}.sgh-m35{--sg-h:35rem}.sgh-m36{--sg-h:36rem}.sgh-m37{--sg-h:37rem}.sgh-m38{--sg-h:38rem}.sgh-m39{--sg-h:39rem}.sgh-m40{--sg-h:40rem}.sgh-m41{--sg-h:41rem}.sgh-m42{--sg-h:42rem}.sgh-m43{--sg-h:43rem}.sgh-m44{--sg-h:44rem}}
@media (scripting:enabled){.sg--cv .sg-stage{height:var(--sg-h)}.sg-hint[hidden]{display:block;visibility:hidden}
.sg-hint{min-height:1.5em}.sg-ctl[hidden]{display:flex;visibility:hidden}
.sg:not(.sg-fail) .sg-alt{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);
white-space:nowrap;border:0}}
@media (scripting:none){.sg--cv .sg-stage,.sg-js,.sg-ctl[hidden]{display:none}}

.wt-rings{list-style:none;margin:1.25rem 0 0;padding:0;display:grid;grid-template-columns:repeat(6,3.5rem);gap:1rem 1.75rem}
.wt-i{display:grid;justify-items:center;gap:.5rem}
.wt-r{display:block;box-sizing:border-box;width:3.5rem;height:3.5rem;border:1.25px solid var(--sg-ring);border-radius:50%}
.wt-n{font-size:15px;line-height:1.2;color:var(--sg-muted)}
@media (max-width:44.99rem){.wt-rings{grid-template-columns:repeat(3,3.5rem)}}

@media (prefers-reduced-motion:reduce){.sg,.sg *{transition:none!important;animation:none!important}}
