/* 30차 미리보기(2026-11-02 · ko-ver2) — 과정 카드 새 안(재식술 · 이식술 · 세라믹) · CTA 새 바탕. 생성 batch-1102c/r30.py */

/* ───── 과정 카드: 무통 마취 새 안(r29an-pa — 사진이 카드를 꽉 채움 · 직각 · 아이콘 · 마우스를 올리면 설명)과 같은 모양.
   실제 기록 사진(5:4)은 자르지 않는다 — 같은 사진을 흐리고 어둡게 깔아 카드를 채우고, 사진 전체는 위에 놓아 아래로 스며들게 ───── */
.r30-pa .r25-pc > img.r30-bd { position: absolute; inset: -10%; width: 120%; height: 120%; max-width: none; object-fit: cover; filter: blur(22px) brightness(.5) saturate(.85); transform: none; transition: none; }
.r30-pa .r25-pc > img:not(.r30-bd) { position: absolute; inset: 0 0 auto 0; width: 100%; height: auto; aspect-ratio: 5 / 4; object-fit: cover;
  -webkit-mask-image: linear-gradient(180deg, #000 78%, transparent); mask-image: linear-gradient(180deg, #000 78%, transparent); }
.r30-pa .r25-pc:hover > img.r30-bd { transform: none; }
@media (max-width: 767px), (hover: none) {
  .r30-pa .r25-pc > img:not(.r30-bd) { position: absolute; inset: 0 0 auto 0; height: auto; aspect-ratio: 5 / 4; }
  .r30-pa .r25-pc > img.r30-bd { position: absolute; inset: -10%; height: 120%; aspect-ratio: auto; }
}

/* ───── CTA: 새 바탕(사용자 제공 사진 img/r30-cta-xray.jpg) · 검은 덮개를 더 진하게(사진이 덜 보이게) ───── */
.r30-cta .v7-cta__bg::after { background: linear-gradient(180deg, rgba(14,13,12,.86) 0%, rgba(14,13,12,.78) 45%, rgba(14,13,12,.9) 100%); }

/* 이식술 06(사진 없는 글 타일 ‘2~3회’): 사진 자리(위 5:4)에 그대로, 테두리 없이 */
.r30-pa .r25-pc > .r27tp-tile { position: absolute; inset: 0 0 auto 0; z-index: 0; border: 0; background: radial-gradient(circle at 50% 46%, #332c22 0%, #1b1916 72%); }