/* 1.82.0 – stronger editorial desktop hero type, consistent left positioning. */
@media (min-width:1025px) {
  /* Existing hero system: slight type lift, without changing hero image sizing. */
  body.skh-app-page main :is(.skh-hero--classic,.skh-bill-masterhero,.skh-lock-masterhero,.skh-aid-hero,.skh-aid-masterhero,.skh-save-hero,.ssc-hero,.skh-med-hero,.skh-app-hero,.skh-calc-hero) > .skh-hero__classic-content > h1 {
    font-size:clamp(3.15rem,4.65vw,5.4rem)!important;
  }
  body.skh-app-page main :is(.skh-hero--classic,.skh-bill-masterhero,.skh-lock-masterhero,.skh-aid-hero,.skh-aid-masterhero,.skh-save-hero,.ssc-hero,.skh-med-hero,.skh-app-hero,.skh-calc-hero) > .skh-hero__classic-content > h1 > .skh-hero__line {
    line-height:1.04!important;
  }
  /* Homepage typography remains balanced with its shorter two-line statement. */
  body.home .skh-home--v060 > .skh-hero--classic .skh-hero__classic-content h1 {
    font-size:clamp(3.35rem,4.8vw,5.65rem)!important;
  }
  body.home .skh-home--v060 > .skh-hero--classic .skh-hero__classic-content > p {
    max-width:620px!important;
    font-size:clamp(1.03rem,1.15vw,1.25rem)!important;
    line-height:1.52!important;
  }
  /* The comparison page uses its own bespoke markup. The entire second line stays intact. */
  body.skh-stromvergleich-page .skh-compare-hero .skh-compare-hero__copy {
    width:min(790px,calc(100vw - 80px))!important;
    max-width:790px!important;
  }
  body.skh-stromvergleich-page .skh-compare-hero .skh-compare-title {
    font-size:clamp(3.25rem,4.75vw,5.65rem)!important;
  }
  body.skh-stromvergleich-page .skh-compare-hero .skh-compare-title--yellow {
    white-space:nowrap!important;
    overflow-wrap:normal!important;
    word-break:keep-all!important;
  }
}
@media (min-width:768px) and (max-width:1024px) {
  body.skh-stromvergleich-page .skh-compare-hero .skh-compare-title--yellow {
    white-space:nowrap!important;
    font-size:clamp(2.35rem,5.4vw,3.75rem)!important;
  }
}

/* 1.82.1 – longer home headline; make the colored band match the text, not the entire row. */
@media (min-width:1025px){
 body.home .skh-home--v060 > .skh-hero--classic .skh-hero__classic-content h1 .skh-hero__line--coral{font-size:clamp(2.45rem,3.55vw,4.45rem)!important;white-space:nowrap!important;max-width:100%!important;}
}
@media (max-width:1024px){
 body.home .skh-home--v060 > .skh-hero--classic .skh-hero__classic-content h1 .skh-hero__line--coral{white-space:normal!important;overflow-wrap:normal!important;word-break:normal!important;}
}

/* v1.83 – desktop hero titles slightly larger, matching Musteranträge proportions.
   Keep the two-line home statement and the comparison label intact. */
@media (min-width:1025px){
 body.skh-app-page main :is(.skh-hero--classic,.skh-bill-masterhero,.skh-lock-masterhero,.skh-aid-hero,.skh-aid-masterhero,.skh-save-hero,.ssc-hero,.skh-med-hero,.skh-app-hero,.skh-calc-hero) > .skh-hero__classic-content > h1{font-size:clamp(3.45rem,5vw,5.8rem)!important;}
 body.home .skh-home--v060 > .skh-hero--classic .skh-hero__classic-content h1{font-size:clamp(3.65rem,5.1vw,6rem)!important;}
 body.home .skh-home--v060 > .skh-hero--classic .skh-hero__classic-content h1 .skh-hero__line--coral{font-size:clamp(2.6rem,3.75vw,4.65rem)!important;}
 body.skh-stromvergleich-page .skh-compare-hero .skh-compare-title{font-size:clamp(3.5rem,5vw,5.85rem)!important;}
 body.skh-stromvergleich-page .skh-compare-hero .skh-compare-title--yellow{font-size:clamp(2.8rem,4.35vw,5.25rem)!important;}
}
