/* ── pages / article detail — 수술기록·환자후기 상세 공용 ──────────
   국문 상세(kowonps.com/cases/surgery-log/<n>)와 같은 구조:
   가운데 정렬 제목·날짜 머리(아래 선) → 부작용 고지 → 본문(사진+글)
   → '목록으로'(위 선). 헤더는 흰 배경(header:solid)이라 히어로가 없다.
   .container--narrow / .disclaimer / .btn 은 프리미티브를 그대로 쓴다. */

.artdet{padding-block:var(--sp-section)}

.artdet__head{
  padding-bottom:var(--sp-block);
  border-bottom:1px solid var(--line-soft);
  text-align:center;
}
.artdet__kicker{
  font-weight:700;font-size:var(--fs-14);line-height:1.2;
  letter-spacing:var(--ls-wide);color:var(--brand);
}
.artdet__title{
  margin-top:14px;
  font-weight:700;font-size:var(--fs-32);line-height:1.4;letter-spacing:var(--ls-tight);
  color:var(--text-primary);word-break:keep-all;
}
.artdet__by{
  margin-top:12px;
  font-size:var(--fs-14);line-height:1.4;color:var(--text-tertiary);
}

/* 원문 언어 안내 — 환자후기에만 붙는다 */
.artdet__lang{
  margin-top:var(--sp-stack);
  font-size:var(--fs-14);line-height:1.6;color:var(--text-tertiary);text-align:center;
}
.artdet__disc{margin-top:var(--sp-tight)}

/* 본문 — 사진과 글이 번갈아 온다. 사진은 원본 비율 그대로(전후 합성이라
   자르면 한쪽이 사라진다). */
.artdet__body{
  margin-top:var(--sp-block);
  font-size:var(--fs-18);line-height:1.8;color:var(--text-secondary);word-break:keep-all;
  overflow-wrap:anywhere;          /* 본문 속 긴 URL 이 화면 밖으로 나가지 않게 */
}
.artdet__body > * + *{margin-top:16px}
.artdet__fig{margin-block:var(--sp-stack)}
.artdet__fig img{
  width:100%;height:auto;display:block;
  border-radius:var(--radius-card);background:var(--surface-muted);
}

.artdet__back{
  margin-top:var(--sp-section);
  padding-top:var(--sp-block);
  border-top:1px solid var(--line-soft);
  text-align:center;
}

@media (max-width:767px){
  .artdet__title{font-size:var(--fs-24)}
}