/*
 * 첫 화면 밖 — 글 · 페이지 · archive · 검색에 걸리는 규칙.
 *
 * 줄바꿈할 곳이 없는 긴 토큰(URL · 해시 · 경로 같은 긴 낱말)이 화면 폭을 밀어내지 않게 한다.
 * 코어는 글 제목 · 인용 · 코드 · 단(column) 같은 일부 블록에만 줄바꿈 규칙을 두고, 문단 · 목록 ·
 * 소제목 · 링크 문구에는 두지 않는다. 부모 Twenty Twenty-Five도 더하지 않는다. 그래서 그런 토큰
 * 하나가 모바일에서 페이지 전체를 가로로 민다.
 *
 * 본문 · 일반 페이지 · 검색에는 긴 토큰 줄바꿈만 적용한다. 날짜(월/연도) archive에 한해
 * 글 사이 구분선 · 여백을 더한다. 모든 화면의 footer 링크 위치 · 모양을 둔다. 그 밖의 레이아웃은 부모 Twenty Twenty-Five가 맡는다.
 */

/* 글 본문(글 · 페이지 · archive · 검색 결과)과 검색어가 그대로 들어가는 archive · 검색 제목 */
.wp-block-post-content,
.wp-block-query-title {
	overflow-wrap: break-word;
}

/*
 * 이전 · 다음 글 링크와 댓글은 줄바꿈하지 않는 flex 행 안에 있다. break-word 는 최소 폭 계산에
 * 들어가지 않아 행이 그대로 넘친다 — 최소 폭에서도 끊을 수 있는 anywhere 를 쓴다.
 * 댓글은 이름과 내용 모두 방문자가 쓰므로 목록 전체에 건다.
 */
.wp-block-post-navigation-link,
.wp-block-comment-template {
	overflow-wrap: anywhere;
}


/*
 * WordPress 날짜 아카이브는 월별로 찾아 들어오는 목록이다.
 * 이미지 유무와 관계없이 각각의 글이 독립된 항목임을 얇은 선과 여백으로 표시한다.
 * 개별 글 상세와 /photos/·/reading/의 전용 레이아웃은 바꾸지 않는다.
 */
body.date .wp-block-post-template > li + li {
	border-top: 1px solid #d8d2c6;
	padding-top: clamp(1.5rem, 3vw, 2.4rem);
	margin-top: clamp(1.5rem, 3vw, 2.4rem);
}
body.date .wp-block-post-template > li {
	min-width: 0;
}

/*
 * 모든 화면의 footer — 개인정보 처리방침 링크 한 줄. 사이트 안내 링크라 본문 왼쪽 끝에 작고 흐리게 둔다.
 * 일반 글 · 페이지 · 책별 화면은 본문 폭(constrained)의 왼쪽 끝에, 넓은 폭을 쓰는 첫 화면 · /reading/ · /photos/는 넓은 폭의 왼쪽 끝
 * (첫 화면에서는 왼쪽 열)에 맞춘다.
 * Interactive 글 상세는 single.css 가 그 화면의 격자에 맞춘다.
 */
.eeyoremind-footer .eeyoremind-footer__privacy {
	margin-block: 0;
	text-align: left;
	font-family: -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif; /* 첫 화면 · 글 상세의 왼쪽 열과 같은 글꼴 */
	font-size: 0.8125rem;
}
.eeyoremind-footer__privacy a {
	display: inline-block;
	padding-block: 12px;
	color: #777267;
	text-decoration: none;
}
.eeyoremind-footer__privacy a:hover,
.eeyoremind-footer__privacy a:focus-visible {
	text-decoration: underline;
	text-underline-offset: 0.2em;
}
body:has(.eeyoremind-home) .eeyoremind-footer > .eeyoremind-footer__privacy,
body:has(.eeyoremind-reading) .eeyoremind-footer > .eeyoremind-footer__privacy,
body:has(.eeyoremind-photos) .eeyoremind-footer > .eeyoremind-footer__privacy {
	max-width: var(--wp--style--global--wide-size);
}