/*
Theme Name:   Twenty Twenty-Five Child — 경제 블로그
Theme URI:    https://lim1021.synology.me
Description:  Twenty Twenty-Five 자식 테마. 한글 본문 가독성(Pretendard)과 정보·신뢰형 톤에 맞춰 타이포그래피·색·레이아웃을 조정했다. 스타일 대부분은 theme.json에 있고, 이 파일은 theme.json으로 표현하기 어려운 것만 담는다.
Template:     twentytwentyfive
Version:      1.0.0
Text Domain:  twentytwentyfive-child
*/

/* 한글 줄바꿈 — 단어 중간에서 끊기지 않게 */
body,
.wp-block-post-content {
	word-break: keep-all;
	overflow-wrap: break-word;
}

/* 숫자는 폭을 고정해서 표·수치가 세로로 정렬되어 보이게 (경제 글에 특히 중요) */
table,
.wp-block-table,
.wp-block-code,
time {
	font-variant-numeric: tabular-nums;
}

/* 표 — 기본 테마는 테두리가 흐려서 수치 비교가 어렵다.
   .wp-block-table은 구텐베르그 표 블록의 래퍼지만, publisher 에이전트가 REST API로
   넣는 마크다운 변환 표는 그 래퍼 없이 맨 <table>로 들어온다. 그래서 본문 래퍼
   .wp-block-post-content 기준으로도 함께 잡아준다. (한쪽만 있으면 표가 무스타일로 샌다) */
.wp-block-table table,
.wp-block-post-content table {
	border-collapse: collapse;
	font-size: 0.9375rem;
	width: 100%;
	margin: 1.75rem 0;
}

.wp-block-table th,
.wp-block-table td,
.wp-block-post-content th,
.wp-block-post-content td {
	border: 1px solid #e3e6ea;
	padding: 0.5rem 0.75rem;
	text-align: left;
	vertical-align: top;
}

.wp-block-table thead th,
.wp-block-post-content thead th {
	background: #f6f8fa;
	font-weight: 600;
	text-align: left;
}

/* 긴 셀 내용이 표를 가로로 밀어내지 않게 (한글은 keep-all이라 잘 안 끊긴다) */
.wp-block-post-content td,
.wp-block-post-content th {
	overflow-wrap: break-word;
}

/* designer 에이전트가 만드는 SVG 차트·카드가 본문 폭에 갇히지 않게 */
figure.alignwide img,
figure.alignwide svg,
figure.alignfull img,
figure.alignfull svg,
.wp-block-image.alignwide img,
.wp-block-image.alignfull img {
	width: 100%;
	height: auto;
}

/* 인용 — 기사 인용이 본문과 확실히 구분되게 */
.wp-block-quote {
	border-left: 3px solid #1a4f8b;
	padding-left: 1.25rem;
	font-style: normal;
	color: #45505c;
}

/* 출처 목록처럼 긴 URL이 레이아웃을 밀어내지 않게 */
.wp-block-post-content a {
	overflow-wrap: anywhere;
}

/* ------------------------------------------------------------------
   글 상단 바이라인 — 누가 썼고 언제 쓴 글인지
   경제·정책 글은 이 두 가지가 본문만큼 중요한 정보다. 그래서 제목 바로
   아래에 두고, 본문을 읽기 전에 눈에 들어오게 한다.
   ------------------------------------------------------------------ */

/* 카테고리 아이브로우 — 제목보다 먼저 "어느 분야 글인지" 알려준다 */
.post-eyebrow {
	margin-bottom: 0;
	font-weight: 600;
	letter-spacing: 0.04em;
}

.post-eyebrow a {
	color: #1a4f8b;
	text-decoration: none;
}

.post-eyebrow a:hover {
	text-decoration: underline;
}

/* 바이라인 본체 — 신문 기사 관례대로 저자는 진하게, 날짜는 흐리게 */
.post-byline {
	color: #5c6570;
	font-variant-numeric: tabular-nums;
}

.post-byline .wp-block-post-author-name a {
	color: #14181d;
	font-weight: 600;
	text-decoration: none;
}

.post-byline .wp-block-post-author-name a:hover {
	text-decoration: underline;
}

/* 구분점과 라벨. 수정일은 실제로 날짜가 바뀐 글에만 렌더된다(functions.php) */
.post-byline__published::before {
	content: "·";
	margin-right: 0.5em;
	color: #c2c8d0;
}

.post-byline__modified::before {
	content: "· 최종수정";
	margin-right: 0.4em;
	color: #c2c8d0;
}

.post-byline__modified {
	color: #79828d;
}

/* 바이라인과 본문을 가르는 선 — 머리말 영역이 끝났음을 알린다 */
.post-rule {
	margin-top: 1.5rem;
	margin-bottom: 2rem;
	border: 0;
	border-top: 1px solid #e3e6ea;
	opacity: 1;
}

/* ------------------------------------------------------------------
   푸터 — 부모 테마의 데모 링크(상점·패턴·테마…)를 걷어내고
   실제로 존재하는 것만 남긴다. 링크가 적은 편이 죽은 링크보다 낫다.
   ------------------------------------------------------------------ */

.footer-rule {
	margin-bottom: var(--wp--preset--spacing--50);
	border: 0;
	border-top: 1px solid #e3e6ea;
	opacity: 1;
}

.footer-tagline {
	margin-top: 0.5rem;
	color: #5c6570;
}

.footer-heading {
	margin-bottom: 0.75rem;
	color: #79828d;
	font-weight: 600;
	letter-spacing: 0.04em;
}

.footer-list ul,
ul.footer-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.footer-list li {
	margin-bottom: 0.4rem;
}

.footer-list a {
	color: #45505c;
	text-decoration: none;
}

.footer-list a:hover {
	color: #1a4f8b;
	text-decoration: underline;
}

/* 상시 면책 고지 — 눈에 띄되 본문을 압도하지 않는 정도로 */
.footer-disclaimer {
	padding: 1rem 1.25rem;
	border-left: 3px solid #c9d2dc;
	background: #f6f8fa;
	color: #5c6570;
}

.footer-disclaimer p {
	margin: 0;
	line-height: 1.7;
}

.footer-disclaimer strong {
	color: #45505c;
}

.footer-baseline {
	color: #79828d;
}