/* Power Ras V12.5 — compact process diagrams.
   Shorter cards, same widths, genuine two-axis centring for the readable content.
   Step numbers stay pinned to the upper left. V12.4 remains available as fallback. */

/* Photovoltaic: a concise description does not need 266px tall cards. */
body.v12-site .v9-pv-flow .v9-flow > div {
  box-sizing:border-box;position:relative;display:grid;
  grid-template-columns:minmax(0,1fr);grid-template-rows:40px 56px;
  align-content:center;justify-items:center;gap:7px;
  min-width:0;min-height:176px;height:auto;padding:31px 13px 14px;
}
body.v12-site .v9-pv-flow .v9-flow > div > span {
  position:absolute;top:16px;left:16px;line-height:1;margin:0!important;
}
body.v12-site .v9-pv-flow .v9-flow > div > b {
  display:flex;align-items:center;justify-content:center;align-self:stretch;
  margin:0!important;min-height:0!important;width:100%;
  text-align:center!important;line-height:1.25;
}
body.v12-site .v9-pv-flow .v9-flow > div > small {
  display:flex;align-items:center;justify-content:center;align-self:stretch;
  margin:0!important;min-height:0!important;width:100%;
  text-align:center!important;line-height:1.45;hyphens:none;
}
body.v12-site .v9-pv-flow .v9-flow > i {
  align-self:stretch;display:flex;align-items:center;justify-content:center;
}

/* EV charging: five uniform, deliberately compact cards and centered headings. */
body.v12-site .v9-charge-flow__track > div {
  box-sizing:border-box;position:relative;display:flex;
  align-items:center;justify-content:center;min-width:0;width:100%;
  min-height:152px;height:auto;padding:33px 13px 12px;
}
body.v12-site .v9-charge-flow__track > div > span {
  position:absolute;top:16px;left:16px;line-height:1;margin:0;
}
body.v12-site .v9-charge-flow__track > div > b {
  display:block;margin:0!important;width:100%;min-height:0;
  text-align:center!important;line-height:1.3;hyphens:none;
}
body.v12-site .v9-charge-flow__track > i {
  display:flex;align-items:center;justify-content:center;align-self:stretch;
}

/* Tablet still scrolls instead of squeezing cards. */
@media (min-width:801px) and (max-width:1199px) {
  body.v12-site .v9-pv-flow .v9-flow > div,
  body.v12-site .v9-charge-flow__track > div {flex:0 0 220px;width:220px;}
}
@media (max-width:800px) {
  body.v12-site .v9-pv-flow .v9-flow > div {
    flex:0 0 min(76vw,285px);width:min(76vw,285px);
    min-height:164px;grid-template-rows:36px 52px;
    padding:30px 15px 12px;
  }
  body.v12-site .v9-charge-flow__track > div {
    flex:0 0 min(76vw,285px);width:min(76vw,285px);
    min-height:136px;padding:30px 16px 12px;
  }
  body.v12-site .v9-pv-flow .v9-flow > div > span,
  body.v12-site .v9-charge-flow__track > div > span {top:13px;left:16px;}
}