/* wider section headings: use the card width on desktop, balanced line breaks */
#swe section h2{text-wrap:balance}
@media (min-width:1001px){
  #swe .head{max-width:none}
  #swe .head h2{font-size:clamp(34px,3.9vw,50px)}
  #swe .head p{max-width:65ch}
  #swe .faq .head p{margin-left:auto;margin-right:auto}
  #swe .steps-top h2{max-width:none;flex:1 1 100%}
  #swe .who{grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr)}
  #swe .who .body{max-width:65ch}
}
@media (max-width:640px){
  #swe .who h2{font-size:30px}
  #swe .final h2{font-size:31px}
}
/* How it works: desktop breaks exactly after the comma; phones wrap naturally */
@media (min-width:1001px){
  #swe .steps-top h2 .h-l1{display:block;white-space:nowrap}
}