/* italic 절대 금지 — 한글 가독성. CLAUDE.md 참조.
   public/ 의 CSS 는 build 시 minify/purge 되지 않고 그대로 dist 로 복사. */

/* 1) 모든 italic 강제 normal */
em,
i,
cite,
dfn,
address,
figcaption,
blockquote,
blockquote p,
.italic,
[style*="italic"] {
  font-style: normal !important;
  font-variant-italic: normal !important;
}

/* 2) <em>/<i> 강조의 새 시각 — italic 대신 underline (점선) + 살짝 강조 */
em,
i {
  text-decoration: underline;
  text-decoration-style: dotted;
  text-decoration-thickness: 1.5px;
  text-underline-offset: 4px;
  text-decoration-color: rgba(0, 0, 0, 0.45);
  font-weight: 500;
}

/* 3) 이미지 캡션 — 작은 글씨 + 중앙 + muted */
.caption,
figcaption {
  display: block;
  text-align: center;
  font-size: 0.86em;
  color: #666;
  margin: 0.4em auto 1.6em;
  max-width: 90%;
  line-height: 1.55;
}

/* 4) 인용 — italic 없는 좌측 막대 + 들여쓰기 (global.css 와 중복 안전망) */
blockquote {
  font-style: normal !important;
}

/* 5) 손실된 이미지 placeholder — flickr 계정 삭제 / 원본 저장소 손실 등 영구 손실 자리 */
figure.flickr-lost,
figure.image-lost {
  margin: 1.5em auto;
  padding: 0;
  max-width: 100%;
}
figure.flickr-lost img,
figure.image-lost img {
  display: block;
  width: 100%;
  max-width: 560px;
  height: auto;
  margin: 0 auto;
  opacity: 0.85;
}
figure.flickr-lost figcaption,
figure.image-lost figcaption {
  display: block;
  text-align: center;
  font-size: 0.84em;
  color: #888;
  margin: 0.5em auto 0;
  max-width: 90%;
  line-height: 1.55;
}
figure.flickr-lost figcaption .alt,
figure.image-lost figcaption .alt {
  color: #aaa;
}