/* ==========================================================================
   세부페이지(template-article.php) 전용 — main.css에 없는 컴포넌트만 추가.
   카드/표/체크리스트/FAQ/프로세스/통계행/비교그리드/색상섹션(cream·stone·warm·ink)은
   main.css의 .card/.grid-3/.info-table/.checklist/.faq-list/.process-list/
   .hero-figure/.compare-grid/.section-stone/.section-warm/.section-ink 를 그대로 쓴다.
   ========================================================================== */

/* 흐린 사진 히어로 — 실제 <img> 위에 반투명 오버레이 텍스트 */
.hero-blur{position:relative;min-height:clamp(240px,34vw,400px);border-radius:var(--radius-lg);overflow:hidden;display:flex;align-items:flex-end;margin-bottom:8px}
.hero-blur img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:blur(4px) brightness(.55);transform:scale(1.08)}
.hero-blur::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(28,27,26,.1),rgba(28,27,26,.55))}
.hero-blur-inner{position:relative;z-index:1;padding:clamp(28px,5vw,48px)}
.hero-blur-inner h1{color:var(--off-white);font-size:clamp(28px,4vw,40px);line-height:1.3;margin-bottom:14px}
.hero-blur-inner p{color:rgba(247,245,241,.86);font-size:clamp(15px,2vw,18px);max-width:580px;line-height:1.7}

/* 와이드/중간 삽입 사진 — .wrap과 같은 폭으로 제한(안 그러면 <main>에 꽉 차는 풀블리드가 되어
   넓은 화면에서 텍스트 칼럼보다 훨씬 넓고 가로로 늘어난 띠처럼 보임), 높이도 상한을 낮춰 축소 */
.article-figure{max-width:var(--container);margin:8px auto 40px;padding:0 24px}
.article-figure img{width:100%;height:clamp(200px,22vw,300px);object-fit:cover;border-radius:var(--radius-lg);display:block}
.article-figure figcaption{font-size:13px;color:var(--stone);margin-top:12px;text-align:center}

/* 글+사진 좌우 2단(.grid-2 재사용) 안의 이미지 — 텍스트 칼럼과 비슷한 비중으로 축소 */
.grid-2 img{border-radius:var(--radius-lg);width:100%;height:clamp(180px,24vw,280px);object-fit:cover}

/* 정의 강조 블록 */
.definition-block{background:var(--ink);color:var(--off-white);border-radius:var(--radius-lg);padding:clamp(26px,4vw,34px);margin:0 0 32px}
.definition-block b{display:block;font-size:clamp(19px,2.4vw,23px);letter-spacing:-0.02em;margin-bottom:10px;color:var(--off-white)}
.definition-block span{display:block;color:var(--stone);font-size:15px;line-height:1.8}

/* 골드 포인트 전체폭 섹션(드물게만 사용) */
.section-gold{background:#F1E6D3}