/* ============================================================
   ANK 세무회계 — 블로그 개별 글 페이지 전용 스타일
   (블로그 목록 페이지는 blog.css 만으로 충분하며 이 파일과 무관합니다)
   ============================================================ */

.post-header { max-width: 760px; margin: 0 auto 40px; text-align: center; }
.post-header .blog-tag { display: inline-block; margin-bottom: 12px; }
.post-header h1 { font-size: 1.7rem; color: var(--navy); margin: 0 0 14px; line-height: 1.5; }
.post-header .post-meta { color: var(--text-muted); font-size: 0.85rem; }

.post-body {
  --post-body-bg: var(--white);
  max-width: 760px;
  margin: 0 auto;
  background: var(--post-body-bg);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: 44px;
}

.post-body h2 { color: var(--navy); font-size: 1.25rem; margin-top: 36px; }
.post-body h3 { color: var(--navy); font-size: 1.05rem; }
.post-body p { margin: 0 0 18px; }
.post-body table { width: 100%; border-collapse: collapse; margin: 20px 0; font-size: 0.9rem; }
.post-body th, .post-body td { border: 1px solid var(--border); padding: 10px 12px; text-align: left; }
.post-body th { background: var(--bg); color: var(--navy); }

.summary-box {
  --summary-bg: #EEF3F8;
  background: var(--summary-bg);
  border: 1px solid #D7E3EF;
  border-radius: 10px;
  padding: 20px 22px;
  margin: 0 0 28px;
}
.summary-box .summary-title { font-weight: 700; color: var(--navy); margin-bottom: 8px; }
.summary-box ul { margin: 0; padding-left: 20px; }
.summary-box li { font-size: 0.9rem; margin-bottom: 4px; }

.precedent-quote {
  --quote-bg: var(--bg);
  border-left: 3px solid var(--midblue);
  background: var(--quote-bg);
  padding: 14px 18px;
  font-size: 0.88rem;
  color: var(--text-muted);
  margin: 18px 0;
}

.faq-item { border-top: 1px solid var(--border); padding: 16px 0; }
.faq-item .q { font-weight: 700; color: var(--navy); margin-bottom: 8px; }

.post-cta {
  --post-cta-bg: var(--navy);
  margin-top: 40px;
  padding: 28px;
  background: var(--post-cta-bg);
  border-radius: var(--radius);
  text-align: center;
  color: var(--white);
}
.post-cta h3 { margin: 0 0 8px; }
.post-cta p { color: rgba(255,255,255,0.8); margin: 0 0 18px; font-size: 0.9rem; }
