/**
 * 이혼정보 글 히어로: 제목·부제 동일 가로폭(.jr-hero-head), 히어로 전화 버튼 한 줄(.jr-info-tel--hero)
 * generate_info_pages.py 의 render_article_page 와 동기화 유지.
 */
.subpage.jr-info-article .contents > section.page-hero .jr-hero-head {
  max-width: 22em;
  font-size: clamp(2.25rem, 4.5vw, 3.15rem);
}
.subpage.jr-info-article .contents > section.page-hero .jr-hero-head h1 {
  font-size: 1em;
  font-weight: 800;
  color: #1f1812;
  margin: 0;
  line-height: 1.28;
  text-align: left;
  letter-spacing: -0.038em;
  max-width: none;
  word-break: keep-all;
  overflow-wrap: break-word;
}
.subpage.jr-info-article .contents > section.page-hero .jr-hero-head .hero-sub {
  font-size: clamp(1.48rem, 3.2vw, 1.72rem);
  color: #4d4338;
  margin: 1.15rem 0 0;
  line-height: 1.72;
  text-align: left;
  font-weight: 400;
  max-width: none;
  opacity: 0.97;
  word-break: keep-all;
  overflow-wrap: break-word;
}
.subpage.jr-info-article .contents > section.page-hero .jr-hero-tel-wrap {
  margin: 0;
  max-width: none;
}
.subpage.jr-info-article .page-hero .jr-info-tel.jr-info-tel--hero {
  white-space: nowrap;
}

@media screen and (max-width: 768px) {
  .subpage.jr-info-article .contents > section.page-hero .jr-hero-head {
    max-width: none;
    font-size: clamp(1.78rem, 4.8vw + 0.35rem, 2.35rem);
  }
  .subpage.jr-info-article .contents > section.page-hero .jr-hero-head h1 {
    line-height: 1.32;
  }
  .subpage.jr-info-article .contents > section.page-hero .jr-hero-head .hero-sub {
    font-size: clamp(1.38rem, 3.5vw + 0.2rem, 1.62rem);
    line-height: 1.68;
  }
  .subpage.jr-info-article .page-hero .jr-info-tel.jr-info-tel--hero {
    white-space: nowrap;
    font-size: clamp(1.05rem, 2.75vw + 0.28rem, 1.42rem);
    padding: 0.88rem 1.1rem;
    min-height: 3.9rem;
  }
}
