/* ============================================================
   single.css — 글 한 편(닥터 칼럼 등)의 읽기 화면
   `.bt-article-*` 로만 스코프한다. 다른 페이지에 새지 않는다.
   ============================================================ */

.bt-article-main { position: relative; z-index: 1; }   /* 고정 리빌 푸터(z-index:0)에 안 가리게 */

.bt-article {
	padding-top: clamp(72px, 8vw, 128px);
	padding-bottom: clamp(96px, 10vw, 160px);
}

/* 읽기 폭 — 한글 본문은 40자 안팎에서 가장 편하다 */
.bt-article .wrap { max-width: 760px; }

/* ── 머리 ── */
.bt-article-head {
	padding-bottom: 26px;
	margin-bottom: 34px;
	border-bottom: 1px solid #E6E6E6;
	text-align: center;
}

.bt-article-cat {
	display: inline-block;
	margin-bottom: 14px;
	font-family: 'Noto Sans', 'Noto Sans KR', sans-serif;
	font-size: 12px;
	font-weight: 500;
	letter-spacing: .06em;
	color: #186133;
	text-decoration: none;
}
.bt-article-cat:hover { text-decoration: underline; text-underline-offset: 3px; }

.bt-article-title {
	margin: 0 0 14px;
	font-family: 'Noto Sans', 'Noto Sans KR', sans-serif;
	font-size: clamp(24px, 2.4vw, 33px);
	font-weight: 500;
	line-height: 1.45;
	letter-spacing: -.02em;
	color: #1A1A1A;
	text-wrap: balance;
}

.bt-article-date {
	font-family: 'Noto Sans', 'Noto Sans KR', sans-serif;
	font-size: 13px;
	color: #8A928D;
	font-variant-numeric: tabular-nums;
}

.bt-article-thumb { margin: 0 0 34px; }
.bt-article-thumb img { display: block; width: 100%; height: auto; border-radius: 4px; }

/* ── 본문 ── */
.bt-article-body {
	font-family: 'Noto Sans', 'Noto Sans KR', sans-serif;
	font-size: 16px;
	font-weight: 300;
	line-height: 1.95;
	letter-spacing: -.01em;
	color: #3D3D3D;
	word-break: keep-all;      /* 한글은 어절 단위로 끊어야 읽기 좋다 */
}
.bt-article-body > * { margin: 0 0 1.5em; }
.bt-article-body > *:last-child { margin-bottom: 0; }

.bt-article-body h2,
.bt-article-body h3 {
	margin: 2.2em 0 .7em;
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: -.02em;
	color: #1A1A1A;
}
.bt-article-body h2 { font-size: 21px; }
.bt-article-body h3 { font-size: 18px; }

.bt-article-body a { color: #186133; text-decoration: underline; text-underline-offset: 3px; }
.bt-article-body strong { font-weight: 500; color: #1A1A1A; }
.bt-article-body img { max-width: 100%; height: auto; border-radius: 4px; }
.bt-article-body ul,
.bt-article-body ol { padding-left: 1.3em; }
.bt-article-body li { margin-bottom: .5em; }

.bt-article-body blockquote {
	padding: 4px 0 4px 20px;
	border-left: 2px solid #186133;
	color: #5A6560;
}

.bt-article-body figure { margin-left: 0; margin-right: 0; }
.bt-article-body table { width: 100%; border-collapse: collapse; font-size: 14.5px; }
.bt-article-body th,
.bt-article-body td { padding: 10px 12px; border-bottom: 1px solid #E6E6E6; text-align: left; }

/* ── 꼬리 ── */
.bt-article-foot {
	margin-top: 56px;
	padding-top: 26px;
	border-top: 1px solid #E6E6E6;
	text-align: center;
}
.bt-article-back {
	display: inline-block;
	padding: 11px 30px;
	border: 1px solid #1A1A1A;
	font-family: 'Noto Sans', 'Noto Sans KR', sans-serif;
	font-size: 13.5px;
	letter-spacing: -.01em;
	color: #1A1A1A;
	text-decoration: none;
	transition: background-color .25s ease, color .25s ease;
}
.bt-article-back:hover { background: #1A1A1A; color: #fff; }

/* 사이트가 전역 커서를 죽여 둔다 — 읽기 화면의 링크는 되살린다 */
@media (pointer: fine) {
	.bt-article a { cursor: pointer !important; }
}

@media (max-width: 767px) {
	.bt-article .wrap { padding-left: 20px; padding-right: 20px; }
	.bt-article-body { font-size: 15.5px; line-height: 1.9; }
}