/* Order-specific content adjustments; visual tokens come from planning-polish.css. */
.order-overview-page .capability-drawer{width:min(860px,100vw);max-width:100vw}
.order-overview-page .operation-flow article>img{border-radius:12px;background:#edf6ff}
.order-overview-page .capability-grid img{background:#edf6ff}
.order-overview-page .relationship{line-height:1.55}
.order-overview-page .operation-flow article h3{font-size:clamp(14px,1.05vw,19px);text-wrap:wrap}
.order-overview-page .operation-flow .monthly h3,
.order-overview-page .operation-flow .short h3,
.order-overview-page .capability-grid h3{text-wrap:balance}
.order-overview-page .support-panel .capability-grid{grid-auto-rows:1fr}
.order-overview-page .operation-flow .monthly[role=button],
.order-overview-page .operation-flow .short[role=button]{align-content:center;grid-template-rows:auto auto}
.order-overview-page .operation-flow .monthly .capability-open-hint,
.order-overview-page .operation-flow .short .capability-open-hint{grid-row:2}
.order-overview-page .overview-results{grid-template-columns:330fr 1270fr}
.order-overview-page .overview-results h2{font-size:clamp(17px,1.22vw,22px)}
.order-overview-page .overview-results li{font-size:clamp(11px,.78vw,14px);gap:10px}
@media(min-width:1100px) and (max-width:1390px){
 .order-overview-page .operation-flow article h3{font-size:13px}
 .order-overview-page .operation-flow .monthly[role=button],
 .order-overview-page .operation-flow .short[role=button]{column-gap:7px;padding:10px}
 .order-overview-page .operation-flow{--card-icon:32px}
}
@media(max-width:1099px){.order-overview-page .overview-results{grid-template-columns:1fr}}
@media(max-width:600px){
 .order-overview-page .operation-flow .monthly .capability-open-hint,
 .order-overview-page .operation-flow .short .capability-open-hint{grid-row:auto}
 .order-overview-page .capability-grid article[role=button]{min-height:102px}
}