body #main-content .wga .wmo-roles{padding-block:105px}
body #main-content .wga .wmo-role-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;border-top:1px solid var(--line);padding-top:30px}
body #main-content .wga .wmo-role-grid article>span{font-size:14px;color:var(--accent)}
body #main-content .wga .wmo-role-grid h3{font-size:26px!important;margin:18px 0}
body #main-content .wga .wmo-role-grid p{font-size:16px}
body #main-content .wga .wmo-intro{padding-block:100px 55px}
body #main-content .wga .wmo-cases{border:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-top:40px}
body #main-content .wga .wmo-cases legend{font-size:14px;margin-bottom:15px}
body #main-content .wga .wmo-cases label{position:relative;cursor:pointer;min-width:0}
body #main-content .wga .wmo-cases input{position:absolute;width:1px;height:1px;opacity:0}
body #main-content .wga .wmo-cases label>span{display:flex;flex-direction:column;justify-content:center;min-height:108px;padding:18px 20px;border-top:2px solid var(--line);transition:border-color .2s,background .2s}
body #main-content .wga .wmo-cases small{font-size:12px;color:var(--muted);line-height:1.4}
body #main-content .wga .wmo-cases strong{font-size:17px;line-height:1.4;margin-top:7px}
body #main-content .wga .wmo-cases :checked+span{border-color:var(--accent);background:var(--paper)}
body #main-content .wga .wmo-cases :focus-visible+span{outline:3px solid var(--accent);outline-offset:-3px}
body #main-content .wga .wmo-process{padding-block:65px 75px}
body #main-content .wga .wmo-flow{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));list-style:none;padding:0;gap:0}
body #main-content .wga .wmo-flow li{min-width:0;position:relative;border-top:1px solid #50565b}
body #main-content .wga .wmo-flow button{display:flex;flex-direction:column;align-items:flex-start;text-align:left;width:100%;min-height:190px;padding:23px 14px 28px;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;cursor:pointer;color:#fff!important;transition:color .2s}
body #main-content .wga .wmo-flow button:disabled{opacity:1;cursor:default}
body #main-content .wga .wmo-flow button:before{content:"";position:absolute;top:-4px;left:15px;width:7px;height:7px;background:var(--line);border-radius:50%}
body #main-content .wga .wmo-flow button[aria-pressed=true]{box-shadow:inset 0 3px 0 var(--bright)!important}
body #main-content .wga .wmo-flow button[aria-pressed=true]:before{background:var(--bright)}
body #main-content .wga .wmo-step-number{font-size:30px;line-height:1.2;font-weight:450;color:var(--bright);margin-bottom:20px}
body #main-content .wga .wmo-flow strong{font-size:18px;line-height:1.3}
body #main-content .wga .wmo-flow small{font-size:12px;line-height:1.5;color:var(--line);margin-top:10px;max-width:135px}
body #main-content .wga .wmo-flow [data-meter-status=open] small{color:var(--bright);text-decoration:underline dashed;text-underline-offset:5px}
body #main-content .wga .wmo-flow [data-meter-status=pending] button:before{background:var(--ink);border:1px solid var(--line)}
body #main-content .wga .wmo-detail{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:80px;border-top:1px solid #50565b;padding-top:50px;min-height:355px}
body #main-content .wga .wmo-detail h3{font-size:36px!important;max-width:620px}
body #main-content .wga .wmo-detail p:not(.wga-kicker){font-size:16px;color:var(--line);margin-top:25px}
body #main-content .wga .wmo-detail dt{font-size:12px;color:var(--bright);margin-bottom:6px}
body #main-content .wga .wmo-detail dd{font-size:17px;line-height:1.5;margin-bottom:25px}
body #main-content .wga .wmo-data{padding-block:110px}
body #main-content .wga .wmo-data-heading{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);gap:55px;align-items:end}
body #main-content .wga .wmo-data-heading .wga-heading{margin-bottom:24px}
body #main-content .wga .wmo-data-heading h2{font-size:52px!important}
body #main-content .wga .wmo-completeness{display:flex;flex-direction:column;border-left:1px solid var(--line);padding-left:45px}
body #main-content .wga .wmo-completeness>strong{font-size:96px;line-height:1.1;font-weight:500;color:var(--accent);white-space:nowrap}
body #main-content .wga .wmo-completeness strong small{font-size:38px;color:var(--muted)}
body #main-content .wga .wmo-completeness>span{font-size:14px;margin-top:16px;max-width:210px}
body #main-content .wga .wmo-chart{position:relative;height:310px;margin-top:65px;width:100%;min-width:0}
body #main-content .wga .wmo-static-series{height:100%;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:20px;border-bottom:1px solid var(--line)}
body #main-content .wga .wmo-static-series>div{position:relative;display:flex;align-items:center;justify-content:flex-end;flex-direction:column;padding-bottom:40px}
body #main-content .wga .wmo-static-series>div>span{position:absolute;bottom:40px;width:45%;height:calc(var(--height) * .75);background:var(--accent);border-radius:2px 2px 0 0}
body #main-content .wga .wmo-static-series [data-missing=true]>span{height:calc(100% - 70px);background:repeating-linear-gradient(135deg,transparent 0 6px,#b9bec255 6px 7px);border:1px dashed var(--muted)}
body #main-content .wga .wmo-static-series strong{position:absolute;top:0;font-size:16px}
body #main-content .wga .wmo-static-series small{position:absolute;bottom:5px;font-size:12px}
body #main-content .wga .wmo-finding{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:60px;border-top:1px solid var(--line);margin-top:40px;padding-top:30px}
body #main-content .wga .wmo-finding>p{font-size:24px;line-height:1.5;font-weight:500}
body #main-content .wga .wmo-finding>div>span{display:block;font-size:12px;color:var(--accent);margin-bottom:12px}
body #main-content .wga .wmo-finding strong{font-size:17px;line-height:1.6;font-weight:500}
body #main-content .wga .wmo-table-details{margin-top:35px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0}
body #main-content .wga :is(.wmo-table-details,.wmo-method) summary{cursor:pointer;font-size:16px;font-weight:600}
body #main-content .wga .wmo-values{width:100%;border-collapse:collapse;margin-top:20px;font-size:14px}
body #main-content .wga .wmo-values :is(th,td){padding:13px;text-align:left;border-bottom:1px solid var(--line)}
body #main-content .wga .wmo-values caption{text-align:left;font-size:13px;margin-bottom:16px}
body #main-content .wga .wmo-transition{background:var(--paper);padding-block:80px}
body #main-content .wga .wmo-transition .wga-wrap>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:75px}
body #main-content .wga .wmo-transition h3{font-size:40px!important}
body #main-content .wga .wmo-transition ol{list-style:none;border-left:1px solid var(--line);padding-left:35px}
body #main-content .wga .wmo-transition li{position:relative;padding-bottom:30px}
body #main-content .wga .wmo-transition li:before{content:"";position:absolute;left:-39px;top:6px;width:7px;height:7px;background:var(--accent)}
body #main-content .wga .wmo-transition li:last-child{padding-bottom:0}
body #main-content .wga .wmo-transition li>span{display:block;font-size:12px;color:var(--accent);margin-bottom:9px}
body #main-content .wga .wmo-transition li>strong{font-size:17px;font-weight:500;line-height:1.6}
body #main-content .wga .wmo-method{padding-block:45px 90px}
body #main-content .wga .wmo-method details>p{margin-top:25px}
body #main-content .wga .wmo-method article{border-top:1px solid var(--line);padding-top:30px;margin-top:35px}
body #main-content .wga .wmo-method article>p{margin-top:18px}
body #main-content .wga .wmo-method dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:25px;font-size:14px}
body #main-content .wga .wmo-method dt{font-weight:600}
body #main-content .wga .wmo-static-phases{margin-top:40px}
body #main-content .wga .wmo-static-phases>h3{margin-bottom:25px}
body #main-content .wga .wmo-static-phases>details{padding:18px 0;border-top:1px solid var(--line)}
body #main-content .wga .wmo-static-phases>details>p{margin-top:20px}
body #main-content .wga .wmo-readiness{padding-block:50px 35px;border-top:1px solid var(--line)}
body #main-content .wga .wmo-readiness-heading{display:grid;grid-template-columns:1.3fr 1fr;gap:65px;align-items:start}
body #main-content .wga .wmo-readiness-heading h3{font-size:34px!important}
body #main-content .wga .wmo-readiness-heading p{font-size:16px}
body #main-content .wga .wmo-readiness-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:65px;margin-top:45px;align-items:center}
body #main-content .wga .wmo-case-grid{display:grid;grid-template-columns:repeat(20,minmax(0,1fr));gap:7px}
body #main-content .wga .wmo-case-grid i{aspect-ratio:1;border:1px solid var(--line);transition:background .45s,border-color .45s}
body #main-content .wga .wmo-case-grid [data-cohort=planned]{background:var(--accent);border-color:var(--accent)}
body #main-content .wga .wmo-case-grid [data-cohort=material]{background:repeating-linear-gradient(135deg,transparent 0 4px,var(--muted) 4px 5px);border-color:var(--muted)}
body #main-content .wga .wmo-readiness-layout dl>div{padding:15px 0;border-top:1px solid var(--line)}
body #main-content .wga .wmo-readiness-layout dt{font-size:13px}
body #main-content .wga .wmo-readiness-layout dt:before{content:"";display:inline-block;width:12px;height:12px;margin-right:9px;border:1px solid var(--line);vertical-align:middle}
body #main-content .wga [data-rollout-group=planned] dt:before{background:var(--accent);border-color:var(--accent)}
body #main-content .wga [data-rollout-group=material] dt:before{background:repeating-linear-gradient(135deg,transparent 0 3px,var(--muted) 3px 4px);border-color:var(--muted)}
body #main-content .wga .wmo-readiness-layout dd{display:flex;align-items:baseline;gap:22px}
body #main-content .wga .wmo-readiness-layout dd strong{font-size:40px;line-height:1.5;min-width:65px;font-weight:500;color:var(--accent)}
body #main-content .wga .wmo-readiness-layout dd span{font-size:12px;line-height:1.5}
@media(max-width:1000px){
body #main-content .wga .wmo-flow{grid-template-columns:repeat(3,minmax(0,1fr))}
body #main-content .wga .wmo-flow button{min-height:175px}
body #main-content .wga :is(.wmo-detail,.wmo-readiness-layout,.wmo-readiness-heading){gap:35px}
body #main-content .wga .wmo-role-grid{gap:25px}
body #main-content .wga .wmo-cases{grid-template-columns:repeat(2,minmax(0,1fr))}
body #main-content .wga .wmo-case-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:5px}
body #main-content .wga .wmo-data-heading{gap:25px}
body #main-content .wga .wmo-completeness{padding-left:25px}
body #main-content .wga .wmo-completeness>strong{font-size:75px}
}
@media(max-width:650px){
body #main-content .wga .wmo-roles{padding-block:65px}
body #main-content .wga .wmo-role-grid{grid-template-columns:1fr}
body #main-content .wga .wmo-role-grid article+article{border-top:1px solid var(--line);padding-top:25px}
body #main-content .wga .wmo-intro{padding-block:65px 35px}
body #main-content .wga .wmo-cases label>span{padding:14px 10px;min-height:108px}
body #main-content .wga .wmo-cases strong{font-size:15px}
body #main-content .wga .wmo-process{padding-block:35px 45px}
body #main-content .wga .wmo-flow{grid-template-columns:1fr}
body #main-content .wga .wmo-flow button{display:grid;grid-template-columns:44px minmax(0,1fr);gap:5px 15px;min-height:94px;padding:18px 10px}
body #main-content .wga .wmo-step-number{grid-row:span 2;font-size:30px;margin:0}
body #main-content .wga .wmo-flow small{margin:0;max-width:none}
body #main-content .wga .wmo-flow button:before{display:none}
body #main-content .wga .wmo-detail{grid-template-columns:1fr;gap:30px;padding-top:35px}
body #main-content .wga .wmo-detail h3{font-size:28px!important}
body #main-content .wga .wmo-detail dd{font-size:16px}
body #main-content .wga .wmo-data{padding-block:65px}
body #main-content .wga .wmo-data-heading{grid-template-columns:1fr;gap:30px}
body #main-content .wga .wmo-data-heading h2{font-size:35px!important}
body #main-content .wga .wmo-completeness{padding:0;border:0;flex-direction:row;gap:24px;align-items:center}
body #main-content .wga .wmo-completeness>strong{font-size:64px}
body #main-content .wga .wmo-completeness strong small{font-size:28px}
body #main-content .wga .wmo-completeness>span{font-size:12px;max-width:150px;margin:0}
body #main-content .wga .wmo-chart{height:270px;margin-top:40px}
body #main-content .wga .wmo-static-series{gap:3px}
body #main-content .wga .wmo-static-series small{font-size:9px}
body #main-content .wga .wmo-static-series strong{font-size:12px}
body #main-content .wga .wmo-finding{grid-template-columns:1fr;gap:25px}
body #main-content .wga .wmo-finding>p{font-size:22px}
body #main-content .wga .wmo-transition{padding-block:55px}
body #main-content .wga .wmo-transition .wga-wrap>div{grid-template-columns:1fr;gap:35px}
body #main-content .wga .wmo-transition h3{font-size:32px!important}
body #main-content .wga .wmo-method{padding-block:35px 65px}
body #main-content .wga .wmo-method dl{grid-template-columns:1fr 1fr;font-size:12px}
body #main-content .wga :is(.wmo-readiness-heading,.wmo-readiness-layout){grid-template-columns:1fr;gap:25px}
body #main-content .wga .wmo-readiness-heading h3{font-size:28px!important}
body #main-content .wga .wmo-readiness-layout dd strong{font-size:34px}
body #main-content .wga .wmo-readiness{padding-block:35px}
}
@media(prefers-reduced-motion:reduce){body #main-content .wga .wmo :is(button,label>span),body #main-content .wga .wmo-case-grid i{transition:none}}
