/* 건강 칼럼 본문 전용 스타일 — 사이트 공통 디자인(styles.css) 위에 얹습니다 */
.col { max-width: 760px; }
.col .back { display: block; width: max-content; font-size: 15px; font-weight: 600; text-decoration: none; margin-bottom: 20px; }
.col .cat { display: inline-block; background: #E4EFE8; color: var(--accent); font-size: 13px; font-weight: 600; padding: 3px 12px; border-radius: 999px; }
.col h1 { font-family: var(--serif); font-weight: 800; font-size: clamp(28px, 4vw, 38px); line-height: 1.4; letter-spacing: -1px; margin: 14px 0 12px; }
.col .lead { font-size: 17px; color: var(--ink-2); margin: 0 0 24px; padding-bottom: 24px; border-bottom: 1px solid var(--line); }
.col h2 { font-family: var(--serif); font-weight: 800; font-size: 23px; line-height: 1.45; margin: 44px 0 14px; padding-left: 12px; border-left: 4px solid var(--accent); }
.col h3 { font-size: 18px; margin: 28px 0 10px; }
.col p { font-size: 17px; line-height: 1.9; margin: 0 0 16px; }
.col ul, .col ol { font-size: 17px; line-height: 1.85; padding-left: 1.3em; margin: 0 0 16px; }
.col li { margin: 6px 0; }
.col figure { margin: 28px 0; }
.col figure img { width: 100%; height: auto; max-height: 520px; object-fit: contain; background: #fff; border-radius: 14px; border: 1px solid var(--line); display: block; }
.col figcaption { font-size: 14px; color: var(--muted); margin-top: 8px; line-height: 1.55; }
.col figcaption .credit { display: block; font-size: 12px; margin-top: 2px; }
.col sup a { text-decoration: none; font-size: .75em; }
.col table { width: 100%; border-collapse: collapse; font-size: 15px; margin: 16px 0; display: block; overflow-x: auto; }
.col th, .col td { border: 1px solid var(--line); padding: 10px 12px; text-align: left; vertical-align: top; }
.col th { background: #EFE9DC; }
.col .note { background: #E9F2EC; border-radius: 14px; padding: 18px 20px; margin: 28px 0; font-size: 16px; line-height: 1.8; }
.col .note.warn { background: #FBEDE8; }
.col .small { font-size: 14px; color: var(--muted); }
.col section.refs { margin-top: 48px; border-top: 1px solid var(--line); padding-top: 16px; font-size: 14px; }
.col section.refs h3 { font-size: 15px; margin: 18px 0 8px; }
.col section.refs ol, .col section.refs ul { font-size: 14px; line-height: 1.7; }
.col section.refs li { word-break: break-all; }
.col .disclaimer { font-size: 13px; color: var(--muted); margin-top: 28px; border-top: 1px solid var(--line); padding-top: 14px; line-height: 1.7; }
.col .cta { margin-top: 40px; }
@media (max-width: 860px) { .col p, .col ul, .col ol { font-size: 16px; } .col h2 { font-size: 20px; } }