/*
 * Språkstyrd typografi för texter som normalt blir längre än svenska.
 *
 * Tyska och finska ska inte lösas med en generell mindre textstorlek.
 * I stället undviker vi aggressiv automatisk avstavning, låter blocken
 * växa på höjden och använder en försiktigt kompaktare mobilskala endast
 * för de stora sidrubrikerna.
 */
html:is([lang="de"],[lang="fi"]) main :is(h1,h2,h3,p,li,dt,dd,th,td,label,summary){
  word-break:normal;
  overflow-wrap:break-word;
  -webkit-hyphens:none;
  hyphens:none;
}

html:is([lang="de"],[lang="fi"]) main :is(h1,h2,h3){
  text-wrap:balance;
}

html:is([lang="de"],[lang="fi"]) main :is(p,li){
  text-wrap:pretty;
}

html:is([lang="de"],[lang="fi"]) :is(.btn,.button,button){
  height:auto;
  min-width:0;
  word-break:normal;
  overflow-wrap:break-word;
  -webkit-hyphens:none;
  hyphens:none;
}

@media(max-width:600px){
  html:is([lang="de"],[lang="fi"]) .page-head h1{
    font-size:clamp(32px,9.2vw,36px);
    line-height:1.1;
    letter-spacing:-.035em;
  }

  html:is([lang="de"],[lang="fi"]) .hero h1{
    font-size:clamp(33px,9.5vw,37px);
    line-height:1.08;
  }

  html:is([lang="de"],[lang="fi"]) :is(.demo-form-head,.contact-form-head) h2{
    text-wrap:balance;
  }
}