/* One brief and one clock for both sides of the comparison. */
.rollout-comparison .comparison-brief{display:flex;align-items:baseline;gap:22px;margin-top:24px;max-width:960px}
.rollout-comparison .brief-label{flex:none;font-size:12px;font-weight:600;color:var(--ink)}
.rollout-comparison .comparison-brief p{font-size:17px;line-height:1.55;color:#6f6876;text-wrap:pretty}
.rollout-comparison .pair{margin-top:28px}
.rollout-comparison .description{min-height:66px}
.rollout-comparison .coordination-meter{margin-top:22px;--meter-color:#c57d5d}
.rollout-comparison [data-meter="delegated"]{--meter-color:#6051b2}
.rollout-comparison .meter-track{height:5px;margin:11px 0 10px;background:#ece6eb;border-radius:9px;overflow:hidden}
.rollout-comparison .meter-fill{display:block;width:100%;height:100%;border-radius:inherit;background:var(--meter-color);transform:scaleX(0);transform-origin:left}
.rollout-comparison [data-meter-status]{font-size:12px;line-height:1.45;color:#8a7e89;min-height:35px}
.rollout-comparison [data-meter="delegated"][data-complete="true"] [data-meter-status]{color:#398563}
.rollout-comparison [data-meter="delegated"][data-complete="true"] .meter-fill{background:#398563}
.rollout-comparison .visual{margin-top:14px}
.rollout-comparison .pending-handoff{display:flex;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid #eee9ed;font-size:10px;line-height:1.5;color:#746b7a}
.rollout-comparison .pending-handoff small{display:block;font-size:9px;color:#9a8e99;margin-top:3px}
@media(max-width:760px){
 .rollout-comparison .comparison-brief{display:block;margin-top:18px}
 .rollout-comparison .comparison-brief p{font-size:15px;margin-top:8px}
 .rollout-comparison .description{min-height:0}
 .rollout-comparison .coordination-meter{margin-top:20px}
}

/* Status sentence replaces the heading above each progress bar. */
.rollout-comparison [data-meter-status]{min-height:0;margin:0 0 10px}
.rollout-comparison .meter-track{margin:0 0 10px}