/* 영문 페이지 전용 레이아웃 보정 (2026-10-19)
   - 영문(/en/) 페이지에만 연결. 국문 페이지에는 영향 없음.
   - 문구·이미지·색 변경 없음. 영어 문장 길이로 생긴 줄바꿈·잘림·겹침만 보정. */

/* 1. 영어 단어 중간 끊김 방지 (전역 p{word-break:break-all} 보정) */
html[lang="en"] body p,
html[lang="en"] body li,
html[lang="en"] body dd,
html[lang="en"] body dt {
	word-break: normal;
	overflow-wrap: break-word;
}

/* 2. 빠른 상담 바(하단 고정) */
html[lang="en"] body.c3 .quick-consult__label {
	max-width: 8.5rem;
}
html[lang="en"] body.c3 .quick-consult__consent {
	max-width: 15rem;
	height: auto;
	min-height: 2.75rem;
	font-size: .8125rem;
	line-height: 1.3;
}

/* 3. 보건복지부 지정(ncert) — 고정 비율 상자 안에서 영문이 넘쳐 잘리던 문제 */
@media (min-width: 48rem) {
	html[lang="en"] body .ncert {
		aspect-ratio: auto;
		min-height: calc(100vw * 768 / 1920);
	}
	html[lang="en"] body .ncert .ncert__heading {
		--ncert-fs: clamp(1.75rem, 2.4vw, 2.9rem);
	}
	html[lang="en"] body .ncert .ncert__laurel {
		height: clamp(3.5rem, 7vw, 7.5rem);
	}
	html[lang="en"] body .ncert .ncert__desc br {
		display: none;
	}
}

/* 4. 원장 약력 라벨(Board Certifications 등) 겹침 */
@media (min-width: 48rem) {
	html[lang="en"] body.c3-home main .philosophy .philosophy__cv-group {
		grid-template-columns: 11rem minmax(0, 1fr);
	}
}
html[lang="en"] body.medicell .philosophy__cv-label {
	white-space: normal;
}

/* 5. 치료 섹션 제목 줄 강제 한 줄 해제 */
html[lang="en"] body .therapy__heading-line {
	white-space: normal;
}

/* 3-1. ncert 아이콘 라벨: 좁은 화면에서 단어 중간 줄바꿈 방지 */
html[lang="en"] body .ncert .ncert__point-label {
	word-break: normal;
	overflow-wrap: normal;
}
@media (min-width: 48rem) and (max-width: 79.99rem) {
	html[lang="en"] body .ncert .ncert__point-label {
		font-size: .8125rem;
		letter-spacing: -.03em;
	}
	html[lang="en"] body .ncert .ncert__point {
		padding: 0 .2rem;
	}
}
@media (min-width: 48rem) {
	/* 영문이 길어 고정 비율(1920:768) 상자에 맞도록 글자·여백을 화면 폭에 비례해 축소 */
	html[lang="en"] body .ncert {
		padding-top: clamp(2rem, 3vw, 3.5rem);
		padding-bottom: clamp(2rem, 3vw, 3.5rem);
	}
	html[lang="en"] body .ncert .ncert__copy {
		width: min(100%, 42rem);
	}
	html[lang="en"] body .ncert .ncert__eyebrow {
		font-size: clamp(.9375rem, 1.15vw, 1.25rem);
		margin-bottom: .5rem;
	}
	html[lang="en"] body .ncert .ncert__heading {
		--ncert-fs: clamp(1.4rem, 2.3vw, 2.9rem);
	}
	html[lang="en"] body .ncert .ncert__laurel {
		height: clamp(3rem, 5.5vw, 7rem);
	}
	html[lang="en"] body .ncert .ncert__desc {
		margin-top: clamp(.9rem, 1.1vw, 1.4rem);
		max-width: 38rem;
		font-size: clamp(.875rem, 1vw, 1rem);
		line-height: 1.6;
	}
	html[lang="en"] body .ncert .ncert__points {
		margin-top: clamp(1.25rem, 2vw, 2.5rem);
	}
	html[lang="en"] body .ncert .ncert__point-icon {
		width: clamp(3rem, 4.2vw, 5.5rem);
		margin-bottom: .5rem;
	}
}

/* 2-1. 빠른 상담 바: 1280px 미만에서는 입력칸이 지나치게 좁아지므로
   보이는 항목명(Name·Phone·Select a topic)을 화면에서만 숨김(입력칸 안내문구가 같은 내용, 화면낭독기용 라벨은 유지) */
@media (min-width: 48rem) and (max-width: 79.99rem) {
	html[lang="en"] body.c3 .quick-consult__fields > label.u-visually-hidden {
		position: absolute;
		width: 1px;
		height: 1px;
		margin: -1px;
		overflow: hidden;
		clip: rect(0 0 0 0);
		white-space: nowrap;
	}
	html[lang="en"] body.c3 .quick-consult__form {
		grid-template-columns: auto minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1.2fr) auto auto;
	}
	html[lang="en"] body.c3 .quick-consult__consent {
		max-width: 12.5rem;
	}
}

/* 6. WHY MEDICELL PLUS 문단 폭: 국문 기준 글자 수 폭(24ch·30ch)이 영문에는 좁아 3~4줄로 쪼개짐 */
html[lang="en"] body .why__top .why__sub {
	max-width: 34ch;
}
html[lang="en"] body .why__top .why__sub2 {
	max-width: 46ch;
}

/* 7. 미토콘드리아 박사 소개: 영문 제목이 5줄로 커지는 문제(국문 3줄 기준 크기) */
html[lang="en"] body.medicell .mitoc-doctor .mitoc-doctor__heading {
	font-size: clamp(1.35rem, 2vw, 1.75rem) !important;
	line-height: 1.3 !important;
}
html[lang="en"] body.medicell .mitoc-doctor .mitoc-doctor__highlight-line {
	font-size: clamp(.875rem, 1.1vw, 1rem) !important;
}

/* 8. 하단 정보(홈): "Business Reg. No." 항목명 줄바꿈 */
html[lang="en"] body.c3-navgroup13 .pb-fh__info:not(.pb-fh__info--hours) dt {
	flex-basis: 8.25rem;
}

/* 9. 특화 진료 카드: 굵은 첫 문장과 본문이 붙어 보이는 문제 */
html[lang="en"] body .ncare .ncare__desc-lead {
	margin-right: .25em;
}

/* 10. 노란 밑줄 강조(mk-highlight): 영문은 강조 구간이 길어 덩어리째 다음 줄로 밀리며 제목이 잘게 쪼개짐
   → 줄 단위로 자연스럽게 이어지도록 inline 처리(강조 배경은 줄마다 그대로 표시) */
html[lang="en"] body .mk-highlight {
	display: inline !important;
}

/* 11. 줄기세포 페이지 WHY 문단: 국문 폭 기준이라 영문이 줄마다 한두 단어씩 떨어짐 */
@media (min-width: 48rem) {
	html[lang="en"] body .regen-why .regen-why__statement {
		max-width: 46rem;
	}
}

/* 12. 모바일에서 줄바꿈(br)을 숨기면 앞뒤 영어 단어가 공백 없이 붙음(예: "activecan", "body,supported")
   → 영문은 해당 문단만 원래 줄바꿈을 유지(문장 경계에서 줄이 나뉨) */
@media (max-width: 47.99rem) {
	html[lang="en"] body .mitoc-proof__lede br,
	html[lang="en"] body .mitoc-doctor__quote br,
	html[lang="en"] body .mitoc-doctor__desc br,
	html[lang="en"] body .mitoc-support__heading br {
		display: inline;
	}
}

/* 4-1. 원장 약력(모바일): 긴 항목명이 목록 폭을 잠식하지 않도록 항목명 칸 고정·줄바꿈 */
@media (max-width: 47.99rem) {
	html[lang="en"] body.medicell .philosophy__cv-group {
		grid-template-columns: 7rem minmax(0, 1fr);
	}
}