/*
Theme Name:   VersionMap
Theme URI:    https://versionmap.kro.kr
Description:  사이트 2(소프트웨어 버전·호환성 정보) 전용 자식 테마. Twenty Twenty-Five 를 바탕으로 한국어 본문에 맞는 글꼴, 버전 표가 눌리지 않는 본문 너비를 쓰고, 부모 테마의 데모 푸터를 걷어낸다.
Author:       brandon0403
Template:     twentytwentyfive
Version:      0.1.0
Requires at least: 6.6
Tested up to: 7.0
Requires PHP: 8.1
License:      GPL-2.0-or-later
Text Domain:  versionmap
*/

/*
 * 표현은 되도록 theme.json 에 둔다. 여기 CSS 를 쌓기 시작하면 편집기에서 보이는
 * 모습과 실제 화면이 갈라진다. 이 파일은 theme.json 으로 표현할 수 없는 것만
 * 담는다. (사이트 1 과 같은 방침)
 */

/* ⚠ 이 사이트는 밝은 화면 하나뿐이다. 그것을 브라우저에 **선언**한다.
   선언하지 않으면 `color-scheme: normal` 로 남아, OS 를 어둡게 쓰는 방문자의
   브라우저가 <select>·<input> 같은 폼 컨트롤을 어두운 기본 스타일로 그린다.
   흰 페이지 위에 검은 드롭다운이 뜬다. 버전 비교기가 바로 그 컨트롤을 쓴다.
   플러그인 CSS 의 light-dark() 도 이 선언을 따르므로 값이 확정된다. */
:root {
	color-scheme: light;
}

/* 한국어 본문은 단어 단위로 끊어야 읽기 편하다. 기본값은 글자 단위로 잘린다. */
body {
	word-break: keep-all;
	overflow-wrap: break-word;
}

/* 버전 번호는 자리가 흔들리면 비교가 어렵다. 표 안에서 자릿수를 고정한다. */
.acc-table td,
.vm-stats .vm-num {
	font-variant-numeric: tabular-nums;
}

/* 버전 문자열은 고정폭이 읽기 쉽다. 0.107.78 처럼 마디가 많을수록 그렇다.
   본문 글꼴보다 조금 작게 잡아야 주변 글과 크기가 맞는다. */
.acc-table tbody td:nth-child(2) {
	font-family: var(--wp--preset--font-family--mono);
	font-size: 0.95em;
}