/* replant.preview.html — ‘치아 재식술이란?’(Intentional Replantation) 섹션 아래 원장 직접 수술 실사진 (2026-10-20) · 생성 batch-1019/round2.py replant_photo()
   본문 폭 전체의 넓은 사진(16:9) + 아래 한 줄 설명(왼쪽 금색 이름 · 설명 · 오른쪽 출처). 직각. */
.bp-op { margin: 96px 0 0; }
.bp-op__ph { aspect-ratio: 16 / 8; overflow: hidden; background: #e7e3db; }
.bp-op__ph img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 45%; }
.bp-op figcaption { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: baseline; gap: 8px 28px; padding: 20px 0 0; border-bottom: 1px solid var(--line, #e3e0da); padding-bottom: 20px; }
.bp-op figcaption b { font-size: 15px; font-weight: 600; color: var(--gold, #a9843e); white-space: nowrap; }
.bp-op figcaption span { font-size: 16px; line-height: 1.7; color: var(--text, #333); word-break: keep-all; }
.bp-op figcaption small { font-size: 13px; color: var(--muted, #8a8a8a); white-space: nowrap; }
@media (max-width: 1023px) {
  .bp-op { margin-top: 56px; }
  .bp-op__ph { aspect-ratio: 4 / 3; }
  .bp-op__ph img { object-position: 40% 50%; }
  .bp-op figcaption { grid-template-columns: minmax(0, 1fr); gap: 6px; padding: 16px 0; }
  .bp-op figcaption span { font-size: 15px; }
  .bp-op figcaption small { white-space: normal; }
}