/* Compact capability browsing: keep the service explanation next to its selection. */
#capabilities>.tabs-wrap{padding:24px 40px 18px}
#capability-panel{align-items:start;padding-top:24px;gap:36px}
#capability-panel>div:first-child{padding-top:4px}
#capability-panel .cap-graphic{padding:18px 20px 14px}
#capability-panel .scene-controls{justify-content:flex-start;margin:12px 0;gap:6px}
#capability-panel .scene-controls button{font-size:12px;padding:7px 10px;background:transparent;border-radius:2px}
#capability-panel .scene-controls button[aria-pressed=true]{background:#f7652c0a;border-color:#f7652c40}
#capability-panel .demand-chart{height:100px;margin-top:10px}
#capability-panel .capacity-bars{height:52px}
#capability-panel .scene-explainer{min-height:0;margin:12px 0 4px!important;font-size:14px!important}
#capability-panel #graphic-caption{font-size:14px;margin-top:10px}
@media(min-width:901px){
 #capability-panel{grid-template-columns:minmax(240px,1fr) minmax(0,650px);padding-bottom:36px}
 #capability-panel h3{font-size:28px}
 #capability-panel .inline-link{margin-top:20px}
}
@media(max-width:1150px) and (min-width:901px){#capability-panel{grid-template-columns:minmax(220px,.8fr) minmax(0,1.2fr);gap:24px}}
@media(max-width:900px){
 .mobile-capabilities #capability-panel{padding-top:0;padding-bottom:24px}
 .mobile-capabilities #capability-panel>div:first-child{padding-top:0}
 .mobile-capabilities #capability-panel .cap-graphic{margin-top:16px;padding:16px 12px}
 #capability-panel .scene-controls button{min-height:40px;font-size:13px;padding:8px}
}