/* ============================================================
   women 섹션 전용 확장 — body.women-p2 · P3 Humanize
   phase1.css + pain-p2.css(공용 P2 editorial 시스템) 위에 얹힌다.
   색·좌측 정렬축은 공용 토큰 그대로 계승하고,
   여기는 women 고유 장면과 페이지별 리듬만 정의한다.
   페이지 스코프: body.w-index / body.w-period / body.w-meno
   ============================================================ */

/* ---------- 밀도: P2 대비 상하 여백 15~25% 축소 ---------- */
body.women-p2 .section-pad{padding:70px 0}
body.women-p2 .section-pad-sm{padding:52px 0}
body.women-p2 .head-block{margin-bottom:28px}

/* ---------- FAQ: 내용 유지, 시각 무게 축소 (박스 → 조용한 divider) ---------- */
.w3-faq{max-width:900px;border-top:1px solid var(--line)}
body.women-p2 .w3-faq .faq-item{background:transparent;border:none;border-bottom:1px solid var(--line-soft);border-radius:0;margin-bottom:0;box-shadow:none}
body.women-p2 .w3-faq .faq-q{padding:17px 4px;font-size:1.1rem}
body.women-p2 .w3-faq .faq-a{padding:0 4px}
body.women-p2 .w3-faq .faq-item.open .faq-a{padding:0 4px 20px}

/* ---------- 관련 페이지: 그리드 대신 한 줄 텍스트 row ---------- */
.w3-rel{display:flex;flex-wrap:wrap;gap:10px 36px;margin-top:46px;padding-top:22px;border-top:1px solid var(--line)}
.w3-rel a{font-weight:700;font-size:1.04rem;color:var(--ink);transition:.2s}
.w3-rel a .go{color:var(--olive-700);margin-left:7px;display:inline-block;transition:.2s}
.w3-rel a:hover{color:var(--olive-800)}
.w3-rel a:hover .go{transform:translateX(3px)}

/* ---------- index: 대표 타이포 장면 (상담 실사진 확보 전까지의 memory scene) ---------- */
.w3-scene{background:var(--charcoal-green);padding:80px 0 74px}
.w3-scene .kicker{font-size:.92rem;font-weight:650;color:rgba(255,255,255,.58);margin-bottom:24px}
.w3-scene .stmt{font-size:clamp(2.1rem,3.7vw,3.3rem);font-weight:800;line-height:1.34;letter-spacing:-.03em;color:#fff;max-width:1040px}
.w3-scene .stmt em{font-style:normal;color:#E9E2CF}
.w3-scene .sub{margin-top:28px;font-size:1.1rem;line-height:1.85;color:rgba(255,255,255,.82);max-width:720px}
.w3-scene .note{margin-top:38px;border-left:2px solid rgba(255,255,255,.32);padding:2px 0 2px 22px;font-size:.96rem;line-height:1.7;color:rgba(255,255,255,.62);max-width:480px}

/* ---------- index: 상태 rows (state-first, 질환 카드 나열 금지) ---------- */
.w3-states{border-top:1px solid var(--line)}
.w3-states a{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:12px 64px;padding:34px 4px 38px;border-bottom:1px solid var(--line-soft);align-items:start}
.w3-states h3{font-size:clamp(1.45rem,2.35vw,1.95rem);font-weight:750;letter-spacing:-.025em;line-height:1.42;transition:.2s}
.w3-states .tags{display:block;margin-top:10px;font-size:.9rem;font-weight:600;color:var(--text-mute)}
.w3-states .side p{font-size:1.01rem;color:var(--text-soft);line-height:1.75}
.w3-states .side .go{display:inline-block;margin-top:12px;font-weight:700;color:var(--olive-700);transition:.2s}
.w3-states a:nth-child(2) h3{padding-left:clamp(0px,3.5vw,64px)} /* 의도적 비대칭 */
.w3-states a:hover h3{color:var(--olive-800)}
.w3-states a:hover .side .go{transform:translateX(4px)}
@media(max-width:860px){.w3-states a{grid-template-columns:1fr;gap:10px}.w3-states a:nth-child(2) h3{padding-left:0}}

/* ---------- index: 진료 흐름 한 줄 fact (STEP 카드 대체) ---------- */
.w3-flowline{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:baseline;margin:26px 0 30px;font-size:1.06rem;font-weight:700;color:var(--charcoal)}
.w3-flowline i{font-style:normal;color:var(--line);font-weight:400}

/* ---------- period: pull statement + prose 비대칭 도입 ---------- */
.w3-pull{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:clamp(32px,5vw,96px);align-items:start}
.w3-pull .stmt{font-size:clamp(2rem,3.5vw,3.1rem);font-weight:800;letter-spacing:-.03em;line-height:1.3;color:var(--charcoal)}
.w3-pull .prose{padding-top:10px}
.w3-pull .prose p{font-size:1.11rem;line-height:1.85}
@media(max-width:900px){.w3-pull{grid-template-columns:1fr;gap:22px}}

/* ---------- period: 경험 문장 — 크기·들여쓰기가 섞인 편집형 리스트 ---------- */
.w3-voices{list-style:none;max-width:1080px}
.w3-voices li{position:relative;padding-left:28px;font-weight:700;letter-spacing:-.02em;line-height:1.5;color:var(--charcoal)}
.w3-voices li::before{content:"—";position:absolute;left:0;top:0;color:var(--olive-600)}
.w3-voices li+li{margin-top:24px}
.w3-voices li:nth-child(odd){font-size:clamp(1.32rem,2.2vw,1.8rem)}
.w3-voices li:nth-child(even){font-size:clamp(1.08rem,1.6vw,1.32rem);font-weight:600;color:var(--ink-soft);margin-left:clamp(20px,6vw,110px)}
@media(max-width:640px){.w3-voices li:nth-child(even){margin-left:16px}}

/* ---------- period: 문진 ledger — 한 열 압축 팩트 (2열 scope와 구분) ---------- */
.w3-ledger{max-width:760px;border-top:1px solid var(--line)}
.w3-ledger > div{display:flex;gap:22px;align-items:baseline;padding:12px 4px;border-bottom:1px solid var(--line-soft)}
.w3-ledger h4{flex:none;min-width:158px;font-size:1.01rem}
.w3-ledger p{font-size:.97rem;color:var(--text-soft)}
@media(max-width:560px){.w3-ledger > div{flex-direction:column;gap:2px}.w3-ledger h4{min-width:0}}

/* ---------- period: 생활 관리 prose ---------- */
.w3-careprose{max-width:720px;font-size:1.1rem;line-height:1.9;color:var(--ink)}

/* ---------- meno: 생활 관리 — 한 열 라벨 리스트 (문진 2열 scope와 구분) ---------- */
.w3-care{list-style:none;max-width:800px}
.w3-care li{display:flex;gap:18px;align-items:baseline;padding:8px 0;font-size:1.05rem;line-height:1.6}
.w3-care b{flex:none;min-width:118px;font-weight:750;color:var(--charcoal)}
.w3-care li span{color:var(--text-soft)}
@media(max-width:520px){.w3-care li{flex-direction:column;gap:2px}.w3-care b{min-width:0}}

/* ---------- 안내 소절 ---------- */
.w2-care-note{font-size:1rem;color:var(--text-mute);max-width:720px;margin-bottom:18px;line-height:1.75}

/* ---------- 문진 scope 보정 (meno 문진에서 사용) ---------- */
body.women-p2 .p2-scope h4{min-width:150px}
body.women-p2 .p2-scope p{font-size:1rem}
body.women-p2 .p2-scope > div{padding:18px 4px}

/* ---------- 페이지별 hero·타이포 변주 ---------- */
body.w-index .page-hero{padding:124px 0 38px}
body.w-index .page-hero h1{font-size:clamp(2.6rem,4vw,3.25rem)}
body.w-period .page-hero{padding:112px 0 34px}
body.w-period .page-hero p{max-width:600px}
body.w-meno .page-hero p{max-width:640px}

/* ---------- meno: 기존 composition 보호 + 확대·압축만 ---------- */
body.w-meno .p1-sym.stmt{max-width:1000px}
body.w-meno .p1-sym.stmt li{font-size:clamp(1.42rem,2.5vw,2.05rem);padding:22px 4px;line-height:1.45}
body.w-meno .section-pad{padding:64px 0}