/*
 * 블로그 글 헤더 — 제목(h1) + 부제.
 * 스코프: .single-blog .post-header (문서형 히어로·케이스 무영향).
 * public/index.css(에이전시 빌드)는 무접촉 — 여기서만 덮는다.
 *
 * ⚠️ 이 규칙들이 git에 있는 이유: 같은 자리를 떠받치던 규칙이 prod의
 * wp-custom-css(Customizer=DB, git·deploy.sh 밖)에 들어가 있었고, 그래서
 * grep·diff·테스트 어디에도 안 잡혔다. 부제 스타일은 두 번 다시 DB로 보내지
 * 않는다.
 */

/* 제목을 h2→h1으로 올린 건 SEO 때문이다(블로그 h1이 0개였다). 보이는 건 하나도
 * 바뀌면 안 된다 — 라이브 432건이 걸려 있다. 아래 값은 변경 전 실측값 그대로:
 * 34px / 600 / line-height 42.5px(=1.25) / margin 16px.
 * 전역 h1은 이보다 크기 때문에 명시하지 않으면 432건 제목이 커진다. */
.single-blog .post-header .desc h1.post-title {
	font-size: 34px;
	font-weight: 600;
	line-height: 1.25;
	margin-top: 16px;
	margin-bottom: 16px;
}

/* 시리즈 라벨 — 제목 위 작은 줄. 라이브 25건이 이걸 제목에 콜론으로 이어붙이고
 * 있었다(#10489 등). 문서형 히어로의 eyebrow와 같은 역할이라 톤을 맞춘다.
 * 값이 비면 마크업 자체가 안 나오므로 나머지 407건은 무변화. */
.single-blog .post-header .desc .post-series {
	margin: 0 0 0.5rem;
	font-size: 0.8125rem;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: #0072ce;
	word-break: keep-all;
}

/* 부제 — 편집자가 제목에 밀어넣던 그 줄의 정식 자리.
 * 크기는 prod wp-custom-css의 옛 인라인 해킹 규칙(.post-header .desc h2
 * .subtitle { font-size: 0.6em; color: #999 })을 이어받되, 제목 기준 em이 아니라
 * 자체 값으로 둔다 — 제목 크기가 바뀌어도 따라 흔들리지 않게. */
.single-blog .post-header .desc .post-subtitle {
	margin-top: 0.5rem;
	margin-bottom: 0;
	font-size: 1.125rem;
	line-height: 1.5;
	color: #767676;
	/* 한글 어절이 줄 끝에서 갈라지지 않게 (예: "앱입|니다") */
	word-break: keep-all;
	overflow-wrap: break-word;
}