/* 07 병원소식 상세 — Figma `Article` 247:25381 (2026-09 리터치)
   헤드 → 본문 (간격 40) · 이전/목록 네비 (56) */
.news-post .article{max-width:860px;margin:0 auto;display:flex;flex-direction:column;gap:32px}
.news-post .article-head{margin:0 0 8px;padding-bottom:24px;border-bottom:1px solid var(--linen)}
.news-post .article-head .tag{font-size:11px;font-weight:500;line-height:1.3;letter-spacing:.2em;text-transform:uppercase;color:var(--beige)}
.news-post .article-head h1{margin-top:32px;font-family:var(--ff-kr-serif);font-size:40px;font-weight:500;line-height:1.3;letter-spacing:-.03em;color:var(--text-strong)}
.news-post .article-head .meta{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:12px;padding-top:4px;font-family:var(--ff-kr);font-size:14px;line-height:1.7;letter-spacing:-.01em;color:var(--text-3)}
.news-post .article-head .meta time{font-family:var(--ff-en);font-size:15px;line-height:1.3;letter-spacing:.06em;font-feature-settings:normal}
.news-post .article .body{font-size:16px;font-weight:400;line-height:1.7;letter-spacing:-.03em;color:var(--text-mid)}
.news-post .article .body p+p{margin-top:1.7em}
.news-post .post-nav{margin-top:24px;border-top:1px solid var(--hair)}
.news-post .post-nav a{grid-template-columns:80px 1fr;gap:20px;padding:20px 8px 19px;border-bottom:1px solid var(--hair);font-size:15px;line-height:1.7;letter-spacing:-.01em;color:var(--text-strong)}
.news-post .post-nav a span{font-size:12px;font-weight:500;line-height:1.5;letter-spacing:.14em;color:var(--beige)}

/* ===== Responsive ===== */
/* Tablet — Figma 398:30840 `Article` 398:30843: 섹션 77 */
@media (max-width:1279px){
  .sec.news-post{padding:77px 0;word-break:keep-all;overflow-wrap:break-word}/* Figma처럼 한글은 어절 단위 줄바꿈 */
}
/* Mobile — Figma 398:30890 `Article` 398:30893: 섹션 61 · 헤드 → 32 → 본문 → 32 → 네비 */
@media (max-width:767px){
  .sec.news-post{padding:61px 0}
  .news-post .article-head{margin-bottom:0;padding-bottom:18px;border-bottom-width:.8px}
  .news-post .article-head .tag{font-size:10px}
  .news-post .article-head h1{margin-top:18px;font-size:24px}
  .news-post .article-head .meta{flex-direction:column;align-items:stretch;gap:0;padding-top:0;font-size:13px}
  .news-post .article-head .meta time{align-self:flex-end;font-size:13px}
  .news-post .article .body{font-size:14px}
  .news-post .post-nav{margin-top:0}
  .news-post .post-nav a{grid-template-columns:40px 1fr;gap:16px;padding:12px 4px 11px;border-bottom-width:.8px;font-size:13px}
  .news-post .post-nav a span{font-size:9.6px}
}