/* ================================================================
   유이케어 — 글 상세 페이지
   매거진 기사 레이아웃 + 시니어 가독성
   ================================================================ */

/* ----------------------------------------------------------------
   레이아웃 기준 — 홈(home.css)과 동일한 규칙을 따른다.
   바깥은 전체 폭, 안쪽 콘텐츠는 같은 좌우 여백(--yc-gutter)으로
   정렬해 섹션마다 왼쪽 끝이 어긋나지 않게 한다.
   본문만 읽기 좋은 폭(--yc-read)으로 더 좁힌다.
   ---------------------------------------------------------------- */

:root {
	--yc-read: 40rem;   /* 본문 한 줄 길이 */
}

/* (1) 띠 요소 — 전체 폭, 안쪽에 래퍼를 가진다 */
.wp-block-group > .yc-article,
.yc-article,
.yc-related {
	max-width: none !important;
	width: 100%;
	margin-inline: 0;
	padding-inline: 0;
}

/* (2) 래퍼 요소 — 본문 폭(--yc-read)으로 가운데 정렬 */
.wp-block-group > .yc-article__head,
.wp-block-group > .yc-article__cover,
.wp-block-group > .yc-article__body,
.yc-article__head,
.yc-article__cover,
.yc-article__body,
.yc-article__foot {
	max-width: var(--yc-read) !important;
	width: 100%;
	margin-inline: auto !important;
	padding-inline: var(--yc-gutter);
	box-sizing: border-box;
}

/* ---------- 기사 머리 ---------- */

.yc-article__head {
	padding-block: clamp(2.5rem, 6vw, 4.5rem) clamp(1.5rem, 3vw, 2.25rem);
}

/* 카테고리 라벨 */
.yc-article__cat {
	display: block;
	margin-block-end: 1rem;
	font-size: 1.0625rem;
	font-weight: 600;
	letter-spacing: 0.08em;
}

.yc-article__cat a {
	color: var(--yc-gold, #a08949);
	text-decoration: none;
}

.yc-article__cat a:hover {
	text-decoration: underline;
	text-underline-offset: 0.25em;
}

/* 제목 — 왼쪽 정렬 (긴 한글 제목은 가운데 정렬이 읽기 어려움) */
.yc-article__title {
	margin: 0;
	text-align: start;
	font-size: clamp(2rem, 4.5vw, 3rem) !important;
	font-weight: 700;
	line-height: 1.3;
	letter-spacing: -0.03em;
	color: var(--yc-ink, #1a1a18);
	word-break: keep-all;
}

/* 리드문 */
.yc-article__lead {
	margin: 1.25rem 0 0;
	font-size: clamp(1.25rem, 2vw, 1.4375rem);
	line-height: 1.7;
	color: var(--yc-ink-soft, #4a4843);
	word-break: keep-all;
}

.yc-article__lead a {
	display: none; /* "더 보기" 링크 숨김 */
}

/* 메타 정보 */
.yc-article__meta {
	margin-block-start: 1.5rem;
	padding-block-start: 1.25rem;
	border-block-start: 1px solid var(--yc-line, #e3e0d9);
	gap: 1.25rem;
	font-size: 1.0625rem;
	color: var(--yc-ink-mute, #6b6862);
}

.yc-article__meta > * {
	margin: 0;
}

/* ---------- 대표 이미지 ---------- */

/* 대표 이미지 — 본문 폭에 맞춰 절제된 크기로.
   썸네일용 커버라 크게 키우면 본문 진입이 밀린다. */
.yc-article__cover {
	max-width: 40rem;
	margin: 0 auto clamp(2rem, 4vw, 2.75rem);
}

.yc-article__cover img {
	width: 100%;
	height: auto;
	aspect-ratio: 3 / 2;
	object-fit: cover;
	border-radius: 2px;
}

/* ---------- 본문 ---------- */

.yc-article__body {
	max-width: 40rem;
	margin-inline: auto;
	font-size: 1.3125rem;      /* 21px — 상세는 홈보다 크게 */
	line-height: 1.9;
	color: var(--yc-ink, #1a1a18);
}

.yc-article__body > * {
	max-width: none;
}

.yc-article__body p {
	margin-block: 1.6em;
	font-size: inherit;
	line-height: inherit;
	max-width: none;
	word-break: keep-all;
}

/* 첫 문단 강조 */
.yc-article__body > p:first-of-type {
	font-size: 1.4375rem;
	line-height: 1.75;
	color: var(--yc-ink-soft, #4a4843);
}

.yc-article__body h2 {
	margin-block: 2.4em 0.7em;
	padding-block-end: 0.4em;
	font-size: clamp(1.625rem, 3vw, 2.125rem);
	font-weight: 700;
	line-height: 1.35;
	letter-spacing: -0.025em;
	border-block-end: 2px solid var(--yc-ink, #1a1a18);
	word-break: keep-all;
}

.yc-article__body h3 {
	margin-block: 1.8em 0.6em;
	font-size: clamp(1.375rem, 2.2vw, 1.625rem);
	font-weight: 700;
	line-height: 1.4;
	word-break: keep-all;
}

.yc-article__body ul,
.yc-article__body ol {
	max-width: none;
	font-size: inherit;
	line-height: 1.85;
	padding-inline-start: 1.3em;
	margin-block: 1.5em;
}

.yc-article__body li {
	margin-block: 0.8em;
	word-break: keep-all;
}

.yc-article__body strong {
	font-weight: 700;
	color: var(--yc-ink, #1a1a18);
}

.yc-article__body a:where(:not(.wp-element-button)) {
	color: var(--yc-brand, #2f4f3e);
	text-decoration: underline;
	text-underline-offset: 0.25em;
	text-decoration-thickness: 2px;
	font-weight: 500;
}

/* 핵심 정리 박스 — 시니어에게 요약 전달 */
.yc-article__body .is-style-yc-notice {
	margin-block: 2.25em;
	padding: 1.75rem 1.875rem;
	background-color: var(--yc-gold-tint, #f7f3e9);
	border-inline-start: 5px solid var(--yc-gold, #a08949);
	border-radius: 2px;
}

.yc-article__body .is-style-yc-notice h3 {
	margin-block: 0 0.75rem;
	font-size: 1.375rem;
	color: var(--yc-ink, #1a1a18);
}

.yc-article__body .is-style-yc-notice p:last-child,
.yc-article__body .is-style-yc-notice ul:last-child {
	margin-block-end: 0;
}

.yc-article__body .is-style-yc-notice ul {
	margin-block: 0;
}

/* 마지막 출처 표기 */
.yc-article__body em {
	color: var(--yc-ink-mute, #6b6862);
	font-size: 1.0625rem;
	font-style: normal;
	line-height: 1.7;
}

/* ---------- 하단 ---------- */

.yc-article__foot {
	max-width: 40rem;
	margin: clamp(3rem, 6vw, 4.5rem) auto 0;
	padding-block-start: 2rem;
	border-block-start: 1px solid var(--yc-line, #e3e0d9);
}

.yc-article__back {
	display: inline-flex;
	align-items: center;
	min-height: 56px;
	padding: 0 1.5rem;
	font-size: 1.1875rem;
	font-weight: 600;
	color: var(--yc-brand, #2f4f3e);
	background-color: var(--yc-brand-tint, #eef2ef);
	border-radius: 999px;
	text-decoration: none;
}

.yc-article__back:hover {
	background-color: var(--yc-brand, #2f4f3e);
	color: #fff;
}

/* ---------- 이전/다음 ---------- */

.yc-pager {
	max-width: var(--yc-read) !important;
	margin: clamp(2.5rem, 5vw, 3.5rem) auto 0;
	padding: 1.75rem var(--yc-gutter);
	gap: 1.5rem;
	border-block: 1px solid var(--yc-line, #e3e0d9);
	font-size: 1.125rem;
	box-sizing: border-box;
}

.yc-pager a {
	color: var(--yc-brand, #2f4f3e);
	text-decoration: none;
	font-weight: 600;
	line-height: 1.6;
	word-break: keep-all;
}

.yc-pager a:hover {
	text-decoration: underline;
	text-underline-offset: 0.25em;
}

/* ---------- 관련 글 ---------- */

.yc-related {
	margin-block: clamp(3.5rem, 7vw, 5.5rem) 0;
	padding-block: 0 clamp(3rem, 6vw, 4.5rem);
}

/* 관련 글은 카드 3열이므로 넓은 래퍼(--yc-wrap) 기준으로 정렬 */
.yc-related__title,
.yc-related__list {
	max-width: var(--yc-wrap) !important;
	width: 100%;
	margin-inline: auto !important;
	padding-inline: var(--yc-gutter);
	box-sizing: border-box;
}

.yc-related__title {
	margin: 0 0 2rem;
	font-size: clamp(1.625rem, 3vw, 2rem);
	font-weight: 700;
	letter-spacing: -0.025em;
	color: var(--yc-ink, #1a1a18);
}

.yc-related__list {
	display: grid;
	grid-template-columns: 1fr;
	gap: 2.5rem 1.5rem;
	/* ul 기본 padding-left 제거 — 좌우 여백은 래퍼 규칙에서만 준다 */
	padding-block: 0;
	list-style: none;
}

@media (min-width: 700px) {
	.yc-related__list {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (min-width: 1100px) {
	.yc-related__list {
		grid-template-columns: repeat(3, 1fr);
	}
}

/* 관련 글 카드는 홈 카드 스타일 재사용 — 폭만 그리드에 맞춤 */
.yc-related .yc-card {
	width: auto;
}

/* ---------- 댓글 — 과도하게 크지 않게 ---------- */

.wp-block-comments {
	max-width: 40rem;
	margin-inline: auto;
	padding-inline: 1.5rem;
}

.wp-block-post-comments-form .wp-block-button__link {
	min-height: 56px;
}

/* ---------- 인쇄 ---------- */

@media print {
	.yc-pager,
	.yc-related,
	.yc-article__foot,
	.wp-block-comments {
		display: none !important;
	}

	.yc-article__body {
		max-width: none;
		font-size: 12pt;
	}
}