/* September 4: square process cards. */
html body.subpage .process-step{border-radius:0!important}
/* Keep text in normal flow; compact spaces and arrows, never scale the diagram. */
@media(max-width:768px){
  html .support-page .sct-diagram--sp{
    display:grid;grid-template-columns:minmax(0,1fr);gap:8px;
    aspect-ratio:auto;max-width:400px;padding:12px 0 44px;
  }
  html .support-page .sct-diagram--sp .sct-node{
    position:relative;inset:auto;width:calc(100% - 64px);margin-left:64px;
  }
  html .support-page .sct-diagram--sp .sct-title{font-size:clamp(22px,6.1111cqw,24px)!important}
  html .support-page .sct-diagram--sp .sct-sub{font-size:clamp(14px,3.8889cqw,15.5px)!important;margin-top:6px!important}
  html .support-page .sct-diagram--sp .sct-arrow{
    position:relative;inset:auto;width:calc(100% - 64px);height:40px;margin-left:64px;
    gap:10px;justify-content:center;
  }
  html .support-page .sct-diagram--sp .sct-arrow svg{width:22px;height:40px;flex:none}
  html .support-page .sct-diagram--sp .sct-arrow-label{font-size:clamp(14.5px,4.0278cqw,16px)}
  html .support-page .sct-diagram--sp .sct-loop-label{
    left:2px;font-size:clamp(14.5px,4.0278cqw,16px);line-height:1.4;
  }
  html .support-page .sct-diagram--sp .sct-loop-label--ver{top:48px}
  html .support-page .sct-diagram--sp .sct-loop-label--share{top:auto;bottom:48px}
}