/* ── pages / rhinoplasty-<유형> — 코성형 하위 8쪽 공용 ──────────────
   국문 /rhinoplasty/<유형> 구성 그대로: 히어로 → 질문/답 → 이런 분들이
   오세요 → 원장 이야기(어두운 판) → 수술 방법 STEP → 회복 → 전후사진 →
   FAQ → 관련 시술 → 상담 CTA.
   .page-hero / .accordion / .siblings / .cta-band / .disclaimer 는
   프리미티브 그대로 쓰고, 이 파일은 그 밖의 것만 만든다. */

.rhs-hero{background-image:linear-gradient(rgba(0,0,0,.76),rgba(0,0,0,.76)),var(--hero-img,none)}

/* ── 히어로 아래 — 수술 전 사진 + 한 문답 ─────────────────── */
.rhs-intro .container{display:grid;grid-template-columns:240px minmax(0,1fr);gap:var(--sp-block);align-items:center}
.rhs-intro__fig{position:relative;margin:0}
.rhs-intro__fig img{width:100%;height:auto;display:block;border-radius:var(--radius-card);background:var(--surface-muted)}
.rhs-intro__badge{
  position:absolute;left:10px;top:10px;padding:3px 9px;border-radius:var(--radius-xs);
  background:rgba(20,29,51,.72);color:var(--text-inverse);
  font-weight:700;font-size:var(--fs-14);line-height:1.3;letter-spacing:var(--ls-wide);
}
.rhs-intro__q{font-weight:700;font-size:var(--fs-32);line-height:1.35;letter-spacing:var(--ls-tight);word-break:keep-all}
.rhs-intro__a{margin-top:14px;font-size:var(--fs-18);line-height:1.7;color:var(--text-secondary);word-break:keep-all}

/* ── 이런 분들이 오세요 ───────────────────────────────────── */
.rhs-who__list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-gap)}
.rhs-who__item{
  padding:var(--sp-stack);background:var(--surface);border-radius:var(--radius-card);
  font-weight:500;font-size:var(--fs-18);line-height:1.6;letter-spacing:var(--ls-tight);
  color:var(--text-primary);word-break:keep-all;
}

/* ── 원장 이야기 ──────────────────────────────────────────── */
.rhs-note__quote{max-width:900px;margin-inline:auto;text-align:left}
.rhs-note__quote p{font-size:var(--fs-18);line-height:1.85;color:rgba(255,255,255,.86);word-break:keep-all}
.rhs-note__quote p + p{margin-top:16px}
.rhs-note__quote em{font-style:normal;color:var(--text-inverse);font-weight:600}
.rhs-note__by{margin-top:var(--sp-stack);font-weight:700;color:var(--brand)}

/* ── 수술 방법 ────────────────────────────────────────────── */
.rhs-steps__list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--sp-gap)}
.rhs-steps__list:has(> :nth-child(3):last-child){grid-template-columns:repeat(3,minmax(0,1fr))}
.rhs-step{padding:var(--sp-stack);background:var(--surface);border-radius:var(--radius-card);box-shadow:inset 0 0 0 1px var(--line-soft)}
.rhs-step__no{font-weight:700;font-size:var(--fs-14);letter-spacing:var(--ls-wide);color:var(--brand)}
.rhs-step__label{margin-top:8px;font-weight:700;font-size:var(--fs-20);line-height:1.4;letter-spacing:var(--ls-tight);color:var(--text-primary)}
.rhs-step__text{margin-top:10px;font-size:var(--fs-16);line-height:1.7;color:var(--text-secondary);word-break:keep-all}

/* ── 회복 ─────────────────────────────────────────────────── */
.rhs-rec__list{max-width:900px;margin-inline:auto}
.rhs-rec__item{display:grid;grid-template-columns:160px minmax(0,1fr);gap:var(--sp-stack);
  padding-block:var(--sp-stack);border-top:1px solid var(--line-soft)}
.rhs-rec__item:first-child{border-top:0}
.rhs-rec__when{font-weight:700;font-size:var(--fs-18);line-height:1.4;letter-spacing:var(--ls-tight);color:var(--brand)}
.rhs-rec__what{font-weight:700;font-size:var(--fs-18);line-height:1.4;color:var(--text-primary)}
.rhs-rec__detail{margin-top:6px;font-size:var(--fs-16);line-height:1.7;color:var(--text-secondary);word-break:keep-all}

/* ── FAQ ──────────────────────────────────────────────────── */
.rhs-faq__label{word-break:keep-all}
.rhs-faq__tip{
  margin-top:var(--sp-block);padding:18px 22px;
  background:var(--brand-tint-1);border-radius:var(--radius-sm);
  font-size:var(--fs-16);line-height:1.7;color:var(--text-secondary);word-break:keep-all;
}
.rhs-faq__tip strong{margin-right:8px;color:var(--brand)}
.rhs-faq__tip em{font-style:normal;font-weight:600;color:var(--text-primary)}

/* ── 관련 시술 · CTA ──────────────────────────────────────── */
.rhs-related__nav{margin-inline:auto}
.rhs-cta__note{max-width:900px;margin-inline:auto;color:rgba(255,255,255,.8)}

@media (max-width:1023px){
  .rhs-intro .container{grid-template-columns:minmax(0,1fr)}
  .rhs-intro__fig img{max-width:240px}
  .rhs-who__list{grid-template-columns:minmax(0,1fr)}
  .rhs-steps__list,
  .rhs-steps__list:has(> :nth-child(3):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:639px){
  .rhs-steps__list,
  .rhs-steps__list:has(> :nth-child(3):last-child){grid-template-columns:minmax(0,1fr)}
  .rhs-rec__item{grid-template-columns:minmax(0,1fr);gap:6px}
  .rhs-intro__q{font-size:var(--fs-24)}
}