body #main-content .wga .wga-scene-sticky.wga-planning-stage{display:grid;grid-template-rows:minmax(180px,1fr) auto auto;gap:20px;padding-bottom:20px}
body #main-content .wga .wga-planning-stage .wga-stage{position:relative;inset:auto;width:100%;height:100%;min-height:0}
body #main-content .wga .wga-planning-stage .wga-scene-overlay{position:relative;inset:auto}
body #main-content .wga .wga-planning-stage .wga-scene-tabs{position:relative;inset:auto;transform:none;width:max-content;margin:0 auto;max-width:calc(100% - 40px)}
body #main-content .wga .wga-stage[data-atlas-scene=planning] .wga-stage-fallback{padding:25px 40px}
body #main-content .wga .wga-stage[data-atlas-scene=planning] .wga-stage-fallback:has(picture){padding:0}
body #main-content .wga .wpl-static-scene{display:block;width:100%;height:100%}
body #main-content .wga .wpl-static-scene img{width:100%;height:100%;object-fit:contain}
body #main-content .wga .wpl-intro{padding-block:100px 55px}
body #main-content .wga .wpl-phases{border:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:45px}
body #main-content .wga .wpl-phases legend{font-size:14px;margin-bottom:16px}
body #main-content .wga .wpl-phases label{position:relative;cursor:pointer;min-width:0}
body #main-content .wga .wpl-phases input{position:absolute;opacity:0;width:1px;height:1px}
body #main-content .wga .wpl-phases label>span{display:flex;align-items:center;gap:20px;padding:23px 16px;border-top:2px solid var(--line);transition:border-color .2s,background .2s}
body #main-content .wga .wpl-phases small{font-size:25px;font-weight:450;color:var(--accent)}
body #main-content .wga .wpl-phases strong{font-size:18px}
body #main-content .wga .wpl-phases :checked+span{border-color:var(--accent);background:var(--paper)}
body #main-content .wga .wpl-phases :focus-visible+span{outline:3px solid var(--accent);outline-offset:-3px}
body #main-content .wga .wpl-phase-intro{display:grid;grid-template-columns:1fr 1fr;gap:70px;margin-top:45px;min-height:145px}
body #main-content .wga .wpl-phase-intro h3{font-size:34px!important}
body #main-content .wga .wpl-phase-intro p{font-size:17px}
body #main-content .wga .wpl-goal{display:grid;grid-template-columns:1fr 1.4fr;gap:65px;border-top:1px solid var(--line);padding-top:35px;margin-top:30px}
body #main-content .wga .wpl-goal label{font-size:13px;display:flex;flex-direction:column;gap:12px}
body #main-content .wga .wpl-goal select{width:100%;max-width:390px;min-height:48px;border:1px solid var(--line);border-radius:4px;background:#fff;padding:12px 35px 12px 12px}
body #main-content .wga .wpl-goal p{font-size:17px}
body #main-content .wga .wpl-goal div>span{display:block;font-size:12px;color:var(--accent);margin:20px 0 6px}
body #main-content .wga .wpl-goal strong{font-size:15px;font-weight:500}
body #main-content .wga .wpl-stage{padding-block:45px 65px;background:var(--paper)}
body #main-content .wga .wpl-viewbar{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:30px}
body #main-content .wga .wpl-viewbar>span{font-size:13px;font-weight:600}
body #main-content .wga .wpl-viewbar .wga-segments{margin:0}
body #main-content .wga .wpl-sr{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
body #main-content .wga .wpl-plan{background:white;border:1px solid var(--line);min-width:0}
body #main-content .wga .wpl-plan-top{padding:18px 25px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px}
body #main-content .wga .wpl-plan-top strong{font-size:24px;font-weight:500;color:var(--accent)}
body #main-content .wga .wpl-drawing{height:620px;width:100%;position:relative}
body #main-content .wga .wpl-drawing>svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
body #main-content .wga .wpl-tall{display:none}
body #main-content .wga .wpl-guides{fill:none;stroke:#b9bec255;stroke-width:1}
body #main-content .wga .wpl-connections{fill:none;stroke:var(--accent);stroke-width:2.5;transition:stroke .45s}
body #main-content .wga .wpl-drawing path{vector-effect:non-scaling-stroke}
body #main-content .wga .wpl-measurement{fill:#fff;stroke:var(--accent);stroke-width:2;opacity:0;transition:opacity .45s}
body #main-content .wga .wpl-plan[data-layer=meter] .wpl-connections{stroke:var(--line)}
body #main-content .wga .wpl-plan[data-layer=meter] .wpl-measurement{opacity:1}
body #main-content .wga .wpl-plan[data-layer=control] .wpl-connections{stroke-dasharray:7 6;stroke-width:2}
body #main-content .wga .wpl-asset{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);width:23%;min-height:102px;display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:15px!important;background:#fff!important;border:1px solid #b9bec2!important;border-radius:0!important;box-shadow:none!important;color:var(--ink)!important;cursor:pointer;transition:border-color .2s,box-shadow .2s}
body #main-content .wga .wpl-asset:disabled{opacity:1;cursor:default}
body #main-content .wga .wpl-asset[aria-pressed=true]{border-color:var(--accent)!important;box-shadow:inset 4px 0 0 var(--accent)!important}
body #main-content .wga .wpl-asset small{font-size:11px;line-height:1.4;color:var(--muted)}
body #main-content .wga .wpl-asset strong{font-size:20px;line-height:1.25;margin:7px 0;overflow-wrap:anywhere}
body #main-content .wga .wpl-asset>span{font-size:11px;color:var(--accent);line-height:1.3}
body #main-content .wga .wpl-asset[data-goal-linked=true] small:after{content:"";display:inline-block;width:6px;height:6px;background:var(--accent);margin-left:8px;vertical-align:middle}
body #main-content .wga .wpl-titleblock{display:grid;grid-template-columns:1fr 1fr 1fr;gap:25px;border-top:1px solid var(--line);padding:18px 25px;align-items:center;font-size:10px}
body #main-content .wga .wpl-titleblock strong{font-size:14px;font-weight:600;text-align:center}
body #main-content .wga .wpl-titleblock span:last-child{text-align:right}
body #main-content .wga .wpl-inspector{display:grid;grid-template-columns:1fr 1fr;gap:70px;border-top:1px solid var(--line);padding-top:40px;margin-top:40px;min-height:230px}
body #main-content .wga .wpl-inspector h3{font-size:34px!important}
body #main-content .wga .wpl-inspector dt{font-size:12px;color:var(--accent);margin-bottom:8px}
body #main-content .wga .wpl-inspector dd{font-size:17px;line-height:1.5;margin-bottom:24px}
body #main-content .wga .wpl-interfaces{padding-block:100px 55px}
body #main-content .wga .wpl-interfaces table{border-collapse:collapse;width:100%;table-layout:fixed;font-size:14px}
body #main-content .wga .wpl-interfaces caption{text-align:left;color:var(--muted);font-size:12px;margin-bottom:18px}
body #main-content .wga .wpl-interfaces :is(td,th){text-align:left;vertical-align:top;padding:22px 18px;border-bottom:1px solid var(--line);overflow-wrap:anywhere}
body #main-content .wga .wpl-interfaces th{font-weight:600}
body #main-content .wga .wpl-interfaces thead{font-size:12px;color:var(--muted)}
body #main-content .wga .wpl-interfaces tr[aria-current=true]{background:var(--paper)}
body #main-content .wga .wpl-static{padding-bottom:70px}
body #main-content .wga .wpl-static summary{font-size:16px;font-weight:600;cursor:pointer}
body #main-content .wga .wpl-static details>p{margin-top:20px}
body #main-content .wga .wpl-static article{margin-top:30px;padding-top:25px;border-top:1px solid var(--line)}
body #main-content .wga .wpl-static article p{margin-top:16px}
body #main-content .wga .wpl-static details details{padding:20px 0;border-bottom:1px solid var(--line)}
body #main-content .wga .wpl-static dl{margin-top:25px}
body #main-content .wga .wpl-static dt{font-weight:600;margin-top:20px}
body #main-content .wga .wpl-static dd{font-size:15px}
body #main-content .wga .wpl-depth{padding-block:90px}
body #main-content .wga .wpl-output{display:grid;grid-template-columns:1fr 1.25fr;gap:65px;border-top:2px solid var(--ink);padding-top:35px}
body #main-content .wga .wpl-output>div>span{font-size:12px;display:block;color:var(--muted)}
body #main-content .wga .wpl-output>div>strong{font-size:66px;line-height:1.2;display:block;color:var(--accent);font-weight:500;margin:16px 0}
body #main-content .wga .wpl-output h3{font-size:28px!important}
body #main-content .wga .wpl-output ol{list-style:none;counter-reset:task}
body #main-content .wga .wpl-output li{counter-increment:task;display:grid;grid-template-columns:40px 1fr;gap:25px;border-bottom:1px solid var(--line);padding:25px 0;font-size:20px;line-height:1.45}
body #main-content .wga .wpl-output li:before{content:"0" counter(task);font-size:13px;color:var(--accent)}
body #main-content .wga .wpl-boundaries{display:grid;grid-template-columns:1fr 1fr;gap:65px;padding-top:55px}
body #main-content .wga .wpl-boundaries h3{font-size:24px!important}
body #main-content .wga .wpl-boundaries p{font-size:16px;margin-top:20px}
@media(max-width:1000px){
body #main-content .wga .wpl-phases label>span{gap:12px;padding:20px 12px}
body #main-content .wga .wpl-phases strong{font-size:15px}
body #main-content .wga :is(.wpl-phase-intro,.wpl-goal,.wpl-inspector,.wpl-output,.wpl-boundaries){gap:35px}
body #main-content .wga .wpl-asset strong{font-size:17px}
body #main-content .wga .wpl-viewbar{display:block}
body #main-content .wga .wpl-viewbar .wga-segments{margin-top:18px}
body #main-content .wga .wpl-interfaces :is(td,th){padding:18px 10px;font-size:13px}
}
@media(max-width:700px){
body #main-content .wga .wga-stage[data-atlas-scene=planning] .wga-stage-fallback{padding:20px}
body #main-content .wga .wga-planning-stage .wga-scene-tabs{width:calc(100% - 40px)}
}
@media(max-width:650px){
body #main-content .wga .wpl-intro{padding-block:65px 35px}
body #main-content .wga .wpl-phases{grid-template-columns:1fr 1fr}
body #main-content .wga .wpl-phases label>span{min-height:98px;padding:15px 10px;flex-direction:column;align-items:flex-start;gap:7px}
body #main-content .wga .wpl-phases small{font-size:22px}
body #main-content .wga :is(.wpl-phase-intro,.wpl-goal,.wpl-inspector,.wpl-output,.wpl-boundaries){grid-template-columns:1fr;gap:25px}
body #main-content .wga .wpl-phase-intro h3,body #main-content .wga .wpl-inspector h3{font-size:28px!important}
body #main-content .wga .wpl-phase-intro{min-height:0;margin-top:30px}
body #main-content .wga .wpl-goal p{font-size:16px}
body #main-content .wga .wpl-stage{padding-block:30px 45px}
body #main-content .wga .wpl-viewbar .wga-segments{display:flex;flex-direction:column;align-items:stretch}
body #main-content .wga .wpl-viewbar .wga-segments span{display:block;font-size:13px}
body #main-content .wga .wpl-drawing{height:760px}
body #main-content .wga .wpl-wide{display:none}
body #main-content .wga .wpl-tall{display:block}
body #main-content .wga .wpl-asset{left:var(--mx);top:var(--my);width:43%;min-height:110px;padding:10px!important}
body #main-content .wga .wpl-asset[data-planning-asset=grid],body #main-content .wga .wpl-asset[data-planning-asset=distribution]{width:64%}
body #main-content .wga .wpl-asset strong{font-size:16px;margin:8px 0;hyphens:auto}
body #main-content .wga .wpl-asset small{font-size:10px}
body #main-content .wga .wpl-asset>span{font-size:10px}
body #main-content .wga .wpl-titleblock{grid-template-columns:1fr;padding:18px;gap:8px;font-size:10px}
body #main-content .wga .wpl-titleblock :is(strong,span:last-child){text-align:left}
body #main-content .wga .wpl-plan-top{padding:16px;font-size:9px}
body #main-content .wga .wpl-plan-top strong{font-size:22px}
body #main-content .wga .wpl-interfaces{padding-block:65px 40px}
body #main-content .wga .wpl-interfaces thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
body #main-content .wga .wpl-interfaces :is(table,tbody,tr,th,td){display:block;width:100%;min-width:0}
body #main-content .wga .wpl-interfaces tr{padding:20px 0;border-top:1px solid var(--line)}
body #main-content .wga .wpl-interfaces :is(th,td){padding:8px 12px;border:0}
body #main-content .wga .wpl-interfaces tbody th{font-size:18px}
body #main-content .wga .wpl-interfaces td:before{display:block;font-size:11px;color:var(--accent);margin-bottom:5px;content:attr(data-label)}
body #main-content .wga .wpl-static{padding-bottom:55px}
body #main-content .wga .wpl-depth{padding-block:60px}
body #main-content .wga .wpl-output>div>strong{font-size:55px}
body #main-content .wga .wpl-output li{font-size:18px}
body #main-content .wga .wpl-boundaries{padding-top:40px}
}
@media(prefers-reduced-motion:reduce){body #main-content .wga .wpl :is(button,label>span,.wpl-measurement,.wpl-connections){transition:none}}