/* article.css — 포스트 본문 및 액션 스타일 */

.pk-title {
  font-size: 24px;
  line-height: 1.35;
  font-weight: 700;
  margin: 0 0 1rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid var(--pk-border-subtle);
  word-break: keep-all;
}

.pk-article-body {
  font-size: 14px;
  line-height: 1.7;
  color: var(--pk-text-main);
  margin-bottom: 3rem;
}

.pk-article-body h2,
.pk-article-body h3 {
  margin-top: 18px;
  margin-bottom: 8px;
  font-weight: 600;
}

.pk-article-body h2 { font-size: 18px; }
.pk-article-body h3 { font-size: 15px; }

.pk-article-body p { margin: 0 0 10px; }

/* 좋아요 + 날짜 */
.pk-like-toggle {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  user-select: none;
  margin-top: 0;
  border: none;
  background: transparent;
  padding: 0;
}

.pk-like-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #9aa3af;
}

.pk-like-toggle.is-active .pk-like-icon {
  color: var(--pk-primary);
}

.pk-article-footer {
  margin-top: 16px;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 12px;
}

.pk-article-date {
  font-size: 11px;
  color: var(--pk-text-sub);
  line-height: 1.2;
}

.pk-article-actions {
  display: flex;
  align-items: center;
  gap: 1.5rem;
}

.pk-article-share {
  border: none;
  background: transparent;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: #9aa3af;
}

.pk-article-share svg { display: block; }

@media (max-width: 640px) {
  .pk-title {
    font-size: 20px;
  }
}

/* Emphasized tags */
.pk-tags--emph { margin-top: 12px; display: flex; flex-wrap: wrap; gap: 8px; }
.pk-tag-chip { padding: 6px 10px; border-radius: 999px; background: #eef2ff; color: #1f2937; font-size: 13px; border: 1px solid #c7d2fe; display: inline-flex; align-items: center; line-height: 1; }
.pk-tag-chip--bold { background: #dbeafe; border-color: #bfdbfe; color: #0f172a; font-weight: 500; box-shadow: 0 1px 2px rgba(0,0,0,0.06); }
html[lang^='zh'] .pk-tag-chip { font-family: 'Noto Sans SC','Noto Sans KR','Pretendard',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; }


.pk-like-count{font-weight:600;color:#0f172a;}
.pk-like-toggle.is-active .pk-like-icon path{fill:currentColor;}
.pk-article-footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:14px 18px;
  border:1px solid #e5e7eb;
  border-radius:14px;
  background: linear-gradient(180deg,#ffffff 0%,#f8fafc 100%);
  box-shadow:0 8px 20px rgba(15,23,42,0.05);
}
.pk-article-actions{
  display:flex;
  align-items:center;
  gap:14px;
}
.pk-like-toggle,
.pk-article-share{
  border:none;
  background:#f1f5f9;
  width:40px;
  height:40px;
  border-radius:12px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#1f2937;
  transition:all 0.18s ease;
}
.pk-like-toggle:is(:hover,:focus-visible),
.pk-article-share:is(:hover,:focus-visible){
  background:#e2e8f0;
  transform:translateY(-1px);
}
.pk-like-toggle.is-active{
  background:#e0ecff;
  color:#0f4ba5;
}
.pk-like-count{
  font-size:15px;
  font-weight:700;
  color:#0f172a;
}
.pk-article-date{
  font-size:13px;
  color:#64748b;
}


.pk-related-empty{font-size:13px;color:#94a3b8;padding:6px 4px;}
.pk-clinic-card{margin-bottom:12px;}
.pk-clinic-list .pk-clinic-card:last-child{margin-bottom:0;}