body #main-content .wga .wgp{padding:100px 0 80px}
body #main-content .wga .wgp-intro{margin-bottom:55px}
body #main-content .wga .wgp-controls{display:grid;gap:35px;margin-top:40px}
body #main-content .wga .wgp-controls legend{font-size:13px;font-weight:650;margin-bottom:14px}
body #main-content .wga .wgp-scenarios{display:grid;grid-template-columns:repeat(3,1fr);border:0;gap:24px}
body #main-content .wga .wgp-scenarios legend{grid-column:1/-1}
body #main-content .wga .wgp-scenarios label{position:relative;min-width:0;cursor:pointer}
body #main-content .wga .wgp-scenarios input{position:absolute;opacity:0;width:1px;height:1px}
body #main-content .wga .wgp-scenarios label>span{display:flex;justify-content:space-between;align-items:baseline;gap:12px;min-height:65px;border-top:3px solid var(--line);padding:19px 0 12px;transition:border-color .2s,color .2s}
body #main-content .wga .wgp-scenarios strong{font-size:21px}
body #main-content .wga .wgp-scenarios small{font-size:14px;white-space:nowrap}
body #main-content .wga .wgp-scenarios input:checked+span{color:var(--accent);border-color:var(--accent)}
body #main-content .wga .wgp-scenarios input:focus-visible+span{outline:3px solid var(--bright);outline-offset:5px}
body #main-content .wga .wgp-territory{overflow:hidden}
body #main-content .wga .wgp-map{position:relative;width:100%;min-width:0;max-width:1520px;min-height:700px;margin:0 auto;aspect-ratio:1200/640;isolation:isolate}
body #main-content .wga .wgp-map svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
body #main-content .wga .wgp-map-tall{display:none}
body #main-content .wga .wgp-streets{fill:none;stroke:#50565b;stroke-width:14;opacity:.22}
body #main-content .wga .wgp-buildings{fill:#24282a;stroke:#50565b;stroke-width:1.5;opacity:.6}
body #main-content .wga .wgp-route{fill:none;stroke:var(--bright);stroke-width:4;stroke-linejoin:round;vector-effect:non-scaling-stroke;transition:stroke-width .6s,opacity .5s}
body #main-content .wga .wgp-route-other{stroke:var(--line);stroke-width:2.5;opacity:.75}
body #main-content .wga .wgp-route-extension{stroke-dasharray:8 7;transition:opacity .6s;opacity:1}
body #main-content .wga .wgp-map-junctions{fill:var(--ink);stroke:var(--bright);stroke-width:3}
body #main-content .wga [data-plan-scenario=existing] .wgp-route-extension{opacity:.15}
body #main-content .wga [data-plan-scenario=existing] .wgp-development-object{opacity:.28}
body #main-content .wga [data-plan-variant=feeder] .wgp-route-feeder{stroke-width:8}
body #main-content .wga .wgp-node{position:absolute;transform:translate(-50%,-50%);width:200px;padding:13px 10px;border:0;border-radius:0;background:var(--ink);color:white;text-align:center;cursor:pointer;display:flex;align-items:center;flex-direction:column;gap:5px;transition:box-shadow .2s}
body #main-content .wga .wgp-node:disabled{cursor:default}
body #main-content .wga .wgp-node{border-radius:0!important}
body #main-content .wga .wgp-node:after{content:'';position:absolute;bottom:0;left:10px;right:10px;height:3px;background:var(--bright);opacity:0;transition:opacity .2s}
body #main-content .wga .wgp-node[aria-pressed=true]:after{opacity:1}
body #main-content .wga .wgp-node>span:not([aria-hidden]){font-size:12px;color:var(--line)}
body #main-content .wga .wgp-node>strong{font-size:29px;line-height:1.2}
body #main-content .wga .wgp-node>small{font-size:12px;line-height:1.5;color:var(--line)}
body #main-content .wga .wgp-node-transformer{left:17.5%;top:50%}
body #main-content .wga .wgp-node-other{left:74%;top:20.3%}
body #main-content .wga .wgp-node-feeder{left:43%;top:50%;width:230px}
body #main-content .wga .wgp-node-development{left:85%;top:81%;width:235px}
body #main-content .wga .wgp-existing{position:absolute;left:75%;top:62%;transform:translate(-50%,-50%);background:var(--ink);padding:12px 20px;display:grid;text-align:center}
body #main-content .wga .wgp-existing span{font-size:12px;color:var(--line)}
body #main-content .wga .wgp-existing strong{font-size:22px}
body #main-content .wga .wgp-station-object{display:flex;align-items:center;justify-content:center;gap:5px;width:85px;height:54px;border:2px solid var(--line);border-top:7px solid var(--line);margin-bottom:10px;transition:width .6s}
body #main-content .wga .wgp-station-object i{height:30px;width:19px;border:1px solid #b9bec2;position:relative}
body #main-content .wga .wgp-station-object i:after{content:'';position:absolute;width:8px;height:3px;background:var(--bright);top:7px;left:4px}
body #main-content .wga [data-plan-variant=transformer] .wgp-station-object{width:108px}
body #main-content .wga :is(.wgp-district-object,.wgp-development-object){display:flex;align-items:flex-end;gap:5px;height:44px;margin-bottom:9px;transition:opacity .5s}
body #main-content .wga :is(.wgp-district-object,.wgp-development-object) i{width:20px;height:24px;border:1px solid var(--line);border-top:3px solid var(--line)}
body #main-content .wga :is(.wgp-district-object,.wgp-development-object) i:nth-child(2){height:40px}
body #main-content .wga .wgp-development-object i{border-color:var(--bright)}
body #main-content .wga .wgp-line-object{display:block;width:65px;height:4px;background:var(--bright);margin:7px 0 10px;transition:height .6s}
body #main-content .wga [data-plan-variant=feeder] .wgp-line-object{height:8px}
body #main-content .wga .wgp-map-caption{position:absolute;inset:auto 45px 15px;display:flex;justify-content:space-between;gap:30px;font-size:11px;color:var(--line)}
body #main-content .wga .wgp-inspector{display:grid;grid-template-columns:1.25fr 1fr;gap:80px;border-top:1px solid #50565b;padding:45px 0 60px;align-items:center}
body #main-content .wga .wgp-inspector .wga-kicker{margin-bottom:14px}
body #main-content .wga .wgp-inspector h3{font-size:32px!important}
body #main-content .wga .wgp-inspector p:not(.wga-kicker){color:var(--line);font-size:16px;margin-top:20px}
body #main-content .wga .wgp-inspector-value{display:grid;text-align:right;gap:15px}
body #main-content .wga .wgp-inspector-value strong{font-size:68px;line-height:1;color:var(--bright)}
body #main-content .wga .wgp-inspector-value span{font-size:15px;color:var(--line)}
body #main-content .wga .wgp-scenario-reading{display:grid;grid-template-columns:1fr 1fr;gap:85px;padding:85px 0;border-bottom:1px solid var(--line)}
body #main-content .wga .wgp-compare{padding:100px 0}
body #main-content .wga .wgp-compare>header>p{max-width:790px;color:var(--muted);margin-bottom:40px}
body #main-content .wga .wgp-comparison-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:50px;border-bottom:1px solid var(--line);padding:30px 0;align-items:center}
body #main-content .wga .wgp-variant-name{display:grid;gap:8px;border-left:3px solid transparent;padding-left:18px}
body #main-content .wga .wgp-variant-name strong{font-size:21px}
body #main-content .wga .wgp-variant-name span{font-size:13px;color:var(--muted)}
body #main-content .wga .wgp-comparison-row[aria-current=true] .wgp-variant-name{border-color:var(--accent)}
body #main-content .wga .wgp-comparison-bar{display:grid;grid-template-columns:1fr auto;gap:8px 15px}
body #main-content .wga .wgp-comparison-bar>span{font-size:13px}
body #main-content .wga .wgp-comparison-bar>strong{font-size:19px;font-variant-numeric:tabular-nums}
body #main-content .wga .wgp-bar-track{grid-column:1/-1;position:relative;height:15px;background:#e5e8ea}
body #main-content .wga .wgp-bar-track>i{display:block;width:var(--value);height:100%;background:var(--accent);transition:width .65s cubic-bezier(.2,.65,.3,1)}
body #main-content .wga .wgp-bar-track>b{position:absolute;left:62.5%;top:-5px;height:25px;border-left:2px dashed var(--ink)}
body #main-content .wga [data-over=true] .wgp-bar-track>i{background:repeating-linear-gradient(135deg,var(--accent),var(--accent) 6px,var(--bright) 6px,var(--bright) 9px)}
body #main-content .wga .wgp-comparison-key{font-size:12px;color:var(--muted);margin-top:20px}
body #main-content .wga .wgp-finding{font-size:30px;line-height:1.4;max-width:990px;margin:55px 0}
body #main-content .wga .wgp-values{width:100%;border-collapse:collapse;font-size:14px}
body #main-content .wga .wgp-values caption{font-size:13px;font-weight:600;text-align:left;padding:15px 0}
body #main-content .wga .wgp-values :is(th,td){text-align:left;border-bottom:1px solid var(--line);padding:15px 12px;vertical-align:top}
body #main-content .wga .wgp-values thead{background:var(--paper)}
body #main-content .wga .wgp-sequence{background:var(--paper);padding:95px 0}
body #main-content .wga .wgp-sequence ol{list-style:none}
body #main-content .wga .wgp-sequence li{display:grid;grid-template-columns:70px 1.4fr 1fr;gap:40px;border-top:1px solid var(--line);padding:40px 0}
body #main-content .wga .wgp-step-number{font-size:36px;color:var(--accent);font-variant-numeric:tabular-nums}
body #main-content .wga .wgp-sequence h3{font-size:30px!important;margin-bottom:20px}
body #main-content .wga .wgp-sequence p:not(.wga-kicker){font-size:16px}
body #main-content .wga .wgp-sequence dt{font-size:12px;color:var(--accent);font-weight:600;margin-bottom:8px}
body #main-content .wga .wgp-sequence dd{font-size:16px;margin-bottom:20px}
body #main-content .wga .wgp-method{padding-top:55px}
body #main-content .wga .wgp-method summary{font-size:21px;font-weight:600;cursor:pointer;padding:20px 0}
body #main-content .wga .wgp-method details{border-bottom:1px solid var(--line);padding-bottom:20px}
body #main-content .wga .wgp-method details>p{font-size:15px;margin:20px 0;max-width:930px}
body #main-content .wga .wgp-method h3{font-size:24px!important;margin:40px 0 20px}
body #main-content .wga-reading .wgp-territory{background:var(--ink)}
body #main-content .wga-reading .wgp{padding-top:80px}
@media(max-width:1000px){
  body #main-content .wga .wgp-map{aspect-ratio:1200/780}
  body #main-content .wga .wgp-map-wide{height:100%;object-fit:fill}
  body #main-content .wga .wgp-node{width:165px}
  body #main-content .wga .wgp-node-feeder{width:185px}
  body #main-content .wga .wgp-node-development{width:195px;left:84%}
  body #main-content .wga .wgp-scenarios strong{font-size:18px}
  body #main-content .wga .wgp-scenarios label>span{flex-direction:column;gap:5px}
  body #main-content .wga .wgp-inspector{gap:35px}
  body #main-content .wga .wgp-comparison-row{gap:25px}
  body #main-content .wga .wgp-sequence li{grid-template-columns:40px 1fr 1fr;gap:25px}
}
@media(max-width:700px){
  body #main-content .wga .wgp{padding:70px 0}
  body #main-content .wga .wgp-intro{margin-bottom:35px}
  body #main-content .wga .wgp-controls{gap:25px;margin-top:30px}
  body #main-content .wga .wgp-scenarios{gap:12px}
  body #main-content .wga .wgp-scenarios strong{font-size:14px;overflow-wrap:anywhere}
  body #main-content .wga .wgp-scenarios small{font-size:12px}
  body #main-content .wga .wgp .wga-segments{gap:5px}
  body #main-content .wga .wgp .wga-segments span{font-size:11px;padding:11px 8px}
  body #main-content .wga .wgp-map{aspect-ratio:auto;height:620px;min-height:0;max-width:450px}
  body #main-content .wga .wgp-map-wide{display:none}
  body #main-content .wga .wgp-map-tall{display:block}
  body #main-content .wga .wgp-node{width:145px;padding:12px 5px;gap:4px}
  body #main-content .wga .wgp-node>span:not([aria-hidden]){font-size:10px}
  body #main-content .wga .wgp-node>strong{font-size:23px}
  body #main-content .wga .wgp-node>small{font-size:10px}
  body #main-content .wga .wgp-node-transformer{left:23%;top:22%}
  body #main-content .wga .wgp-node-other{left:77%;top:22%}
  body #main-content .wga .wgp-node-feeder{left:24%;top:51%;width:150px}
  body #main-content .wga .wgp-node-development{left:75%;top:78%;width:155px}
  body #main-content .wga .wgp-existing{left:23%;top:78%;padding:12px 5px;width:145px}
  body #main-content .wga .wgp-existing span{font-size:11px}
  body #main-content .wga .wgp-existing strong{font-size:21px}
  body #main-content .wga .wgp-map-caption{inset:auto 20px 15px;display:block;font-size:10px}
  body #main-content .wga .wgp-map-caption span{display:block}
  body #main-content .wga .wgp-inspector{display:flex;flex-direction:column-reverse;align-items:stretch;gap:25px;padding:35px 0 40px}
  body #main-content .wga .wgp-inspector-value{text-align:left;gap:10px}
  body #main-content .wga .wgp-inspector-value strong{font-size:51px}
  body #main-content .wga .wgp-inspector h3{font-size:27px!important}
  body #main-content .wga .wgp-inspector-value span{font-size:13px}
  body #main-content .wga .wgp-scenario-reading{grid-template-columns:1fr;gap:25px;padding:50px 0}
  body #main-content .wga .wgp-scenario-reading h3{font-size:27px!important}
  body #main-content .wga .wgp-compare{padding:65px 0}
  body #main-content .wga .wgp-comparison-row{grid-template-columns:1fr 1fr;gap:22px;padding:25px 0}
  body #main-content .wga .wgp-variant-name{grid-column:1/-1;gap:6px}
  body #main-content .wga .wgp-variant-name strong{font-size:20px}
  body #main-content .wga .wgp-comparison-bar>span{font-size:11px}
  body #main-content .wga .wgp-comparison-bar>strong{font-size:16px}
  body #main-content .wga .wgp-comparison-bar{gap:9px;grid-template-columns:1fr}
  body #main-content .wga .wgp-finding{font-size:24px;margin:35px 0}
  body #main-content .wga .wgp-values{min-width:650px;font-size:13px}
  body #main-content .wga .wgp-sequence{padding:65px 0}
  body #main-content .wga .wgp-sequence li{grid-template-columns:30px 1fr;gap:20px;padding:30px 0}
  body #main-content .wga .wgp-sequence li>dl{grid-column:2}
  body #main-content .wga .wgp-step-number{font-size:25px}
  body #main-content .wga .wgp-sequence h3{font-size:26px!important}
  body #main-content .wga .wgp-method summary{font-size:18px}
}
@media(prefers-reduced-motion:reduce){body #main-content .wga .wgp *{transition:none!important}}
