/* R311 — keep all six installer stages readable during preview/publish.
   Older compact CSS set each stage cell to width:0 while another rule switched
   the bar back to CSS Grid, clipping the number and label into a thin line. */
body.site-update-page #siteUpdateStages.update-stagebar{
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  align-items:stretch!important;
  gap:3px!important;
  width:100%!important;
  inline-size:100%!important;
  overflow:visible!important;
}
body.site-update-page #siteUpdateStages.update-stagebar>div{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  inline-size:auto!important;
  min-width:0!important;
  min-inline-size:0!important;
  max-width:none!important;
  max-inline-size:none!important;
  padding:5px 1px!important;
  overflow:visible!important;
  opacity:1!important;
  visibility:visible!important;
}
body.site-update-page #siteUpdateStages.update-stagebar>div>b{
  display:grid!important;
  place-items:center!important;
  flex:0 0 auto!important;
  width:18px!important;
  inline-size:18px!important;
  height:18px!important;
  min-width:18px!important;
  min-inline-size:18px!important;
  margin:0!important;
  overflow:visible!important;
  opacity:1!important;
  visibility:visible!important;
  color:inherit!important;
  font-size:.62rem!important;
  line-height:1!important;
}
body.site-update-page #siteUpdateStages.update-stagebar>div>span{
  display:block!important;
  width:100%!important;
  inline-size:100%!important;
  min-width:0!important;
  margin-top:2px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  opacity:1!important;
  visibility:visible!important;
  color:inherit!important;
  font-size:.50rem!important;
  line-height:1.05!important;
  text-align:center!important;
}
@media(max-width:430px){
  body.site-update-page #siteUpdateStages.update-stagebar{gap:2px!important}
  body.site-update-page #siteUpdateStages.update-stagebar>div{padding:4px 0!important}
  body.site-update-page #siteUpdateStages.update-stagebar>div>b{
    width:17px!important;inline-size:17px!important;height:17px!important;
    min-width:17px!important;min-inline-size:17px!important;font-size:.60rem!important
  }
  body.site-update-page #siteUpdateStages.update-stagebar>div>span{font-size:.48rem!important}
}