/* ============================================================
   고지능우울증 무료 결과 상세페이지 — 디자인 가이드 정합 v2 (2026-08-05)
   .lrdp 스코프 전용.

   ⭐ 기준: wiki/4-디자인 [[디자인 가이드]]·[[타이포그래피]]
     · 색   흰 배경 + 회색 계단(#111111 / #424242 / #757575 / #A1A1A1 / #E1E1E1 / #F1F1F1 / #FAFAFA)
            포인트 오렌지 #FF6E3F 는 «누를 곳·핵심 수치»에만
     · 글자 12 · 14 · 16 · 18 · 20 · 26px / 굵기 400 · 500 · 600 · 700 (사이 값·900 없음)
     · 여백 4의 배수 (섹션 사이 40 + 1px 선), 좌우 기준선 20
     · 구분 그림자 대신 1px 선 · 면(#FAFAFA). 그림자는 하단 바 위 하나뿐
     · 둥글기 4 · 8 · 12 · 20 (버튼은 전부 12)
   ============================================================ */
.lrdp{
  --lr-ink:#111111;        /* 제목·숫자 */
  --lr-ink2:#424242;       /* 본문 */
  --lr-ink3:#757575;       /* 보조 설명 */
  --lr-faint:#A1A1A1;      /* 읽지 않아도 되는 글 */
  --lr-line:#E1E1E1;       /* 테두리 */
  --lr-div:#F1F1F1;        /* 구분선 */
  --lr-fill:#FAFAFA;       /* 면(카드 배경) */
  --lr-orange:#FF6E3F;
  --lr-orange-soft:rgba(255,110,63,.10);   /* 선택된 칸 배경 */
  --lr-orange-line:rgba(255,110,63,.28);   /* 테두리 */
  color:var(--lr-ink);font-family:"Pretendard Variable",Pretendard,-apple-system,sans-serif;
  -webkit-font-smoothing:antialiased;
  letter-spacing:-.025em;
  padding-bottom:124px;   /* 하단 고정 바 높이(12+18+12+56+20=118)만큼 — 마지막 줄이 가려지지 않게 */
  /* 마지막 줄에 한 단어만 덩그러니 남는 것을 막는다(2026-07-31 검수).
     ⚠️ balance 는 <br>이 든 원고에서 안 듣는다 — pretty 만 실제로 듣는다. */
  text-wrap:pretty}
.lrdp *{margin:0;padding:0;box-sizing:border-box}
.lrdp button{font-family:inherit;cursor:pointer;border:0}

/* ── 섹션 — 흰 바탕 하나. 구분은 «40px 여백 + 1px 선» (가이드 §2·§4) ──
   배경을 번갈아 칠하던 «풀블리드 리듬»(#F5F4F9 · 주황 틴트)을 걷어냈다.
   ⚠️ 어두운 섹션(«이 분석이 맞나요») 하나는 «그대로 두라»는 사장님 지시로 남긴다 (2026-08-05). */
/* ⚠️ overflow:hidden 필수 — 맨 위 그라디언트(420px)가 화면 밖으로 나가 «좌우로 흔들리는» 스크롤이 생긴다 (2026-08-05) */
.lrdp-sec{padding:40px 20px;position:relative;overflow:hidden;background:#fff;text-align:center}
/* 섹션 구분 — 사장님 지시로 «확 구분되게» 10px 띠로 (2026-08-05). 가이드의 1px 선에서 올린 값 */
.lrdp-sec + .lrdp-sec{border-top:10px solid var(--lr-div)}
/* 예외 한 곳 — 결제 카드 섹션 위에는 띠를 두지 않는다 (2026-08-05 사장님 지시).
   앞 섹션에서 곧바로 이어지는 «마무리»라 여기서 끊으면 흐름이 잘린다. */
.lrdp-sec:has(.lrdp-paycard){border-top:0}
.lrdp-sec.alt0,.lrdp-sec.alt1,.lrdp-sec.alt2{background:#fff}

/* 어두운 섹션 — 사장님이 유지를 지시한 예외 한 곳 */
.lrdp-sec.dark{background:#20242E}
.lrdp-sec.dark .lrdp-h1,.lrdp-sec.dark .lrdp-h2,.lrdp-sec.dark .lrdp-quote{color:#fff}
.lrdp-sec.dark .lrdp-body{color:#C1C1C1}
.lrdp-sec.dark .lrdp-eyebrow{color:#A1A1A1}
.lrdp-sec.dark .lrdp-body,.lrdp-sec.dark .lrdp-body.lrdp-center{text-align:center}
.lrdp-sec.dark .lrdp-ibadge{background:rgba(255,255,255,.08)}

/* ── 장식 — 맨 위 엠블럼(그라디언트·링·반짝이)은 «그대로 두라»는 지시라 살린다 (2026-08-05).
   카드 뒤에 흐릿하게 깔리던 배경 얼룩(bgaura)만 걷어냈다. ── */
.lrdp-bgaura{display:none}

/* ── 타이포 ── */
.lrdp-eyebrow{display:block;text-align:center;font-size:12px;font-weight:600;color:var(--lr-ink3);
  letter-spacing:-.025em;line-height:1.5;background:none;border:0;padding:0;min-height:0}
.lrdp-eyebrow::before{content:none}
.lrdp-h1,.lrdp-h2,.lrdp-quote,.lrdp-eyebrow,.lrdp-sub,.lrdp-locknote,.lrdp-chips-lab{text-wrap:balance}
.lrdp-locknote,.lrdp-body.lrdp-sub{max-width:24em;margin-left:auto;margin-right:auto}
.lrdp-h1{margin-top:16px;text-align:center;font-size:26px;font-weight:700;line-height:1.3;
  max-width:15ch;margin-left:auto;margin-right:auto;text-wrap:pretty}
.lrdp-h2{margin-top:8px;text-align:center;font-size:20px;font-weight:700;line-height:1.3}
.lrdp-body{margin-top:16px;font-size:16px;font-weight:400;color:var(--lr-ink2);line-height:1.6}
.lrdp-center{text-align:center}
.lrdp-sub{font-size:14px;color:var(--lr-ink3);text-align:center;margin-top:8px}
.lrdp-quote{margin-top:24px;text-align:center;font-size:18px;font-weight:700;line-height:1.5;color:var(--lr-ink)}
.lrdp-quote::before{content:none}          /* 큼직한 오렌지 따옴표 — 뺐다 */
.lrdp-quote.big{font-size:18px}
.lrdp-locknote{margin-top:16px;text-align:center;font-size:12px;color:var(--lr-ink3);line-height:1.5}
.lrdp-badge{display:inline-block;font-size:12px;font-weight:600;color:var(--lr-ink3);
  background:var(--lr-div);border-radius:4px;padding:4px 8px;line-height:1.3}

/* 대표 한 줄 — 크기 하나 위(18/600), 색은 제목색 */
.lrdp-h1 + .lrdp-body,.lrdp-weak + .lrdp-body{margin-top:24px;font-size:18px;font-weight:600;
  color:var(--lr-ink);line-height:1.6}
/* 보조 설명 */
.lrdp-body.lrdp-sub{margin-top:16px;font-size:14px;font-weight:400;color:var(--lr-ink3);line-height:1.6}

/* ── 정렬 — 가운데는 «제목·짧은 한 줄»만 (타이포 §7: 3줄 넘는 설명을 가운데 두지 않는다) ──
   맨 위 결과 소개(s01)와 대표 한 줄만 가운데를 유지한다. (2026-08-05 지시) */
.lrdp-sec .lrdp-body,.lrdp-sec .lrdp-body.lrdp-center{text-align:left}
.lrdp-sec.s01 .lrdp-body,.lrdp-sec.s01 .lrdp-body.lrdp-center{text-align:center}
.lrdp-h1 + .lrdp-body,.lrdp-weak + .lrdp-body,.lrdp-quote,.lrdp-locknote,.lrdp-chips-lab{text-align:center}

/* ── 같은 계층 문구가 연달아 두 번 나올 때 — 뒤 문단을 «박스»로 감싸 구분한다 (2026-08-05 지시) ──
   크기·색으로 계층을 나누면 둘 다 밋밋해진다. 앞은 이끄는 한 줄, 뒤는 눈에 걸리는 덩어리. */
.lrdp-sec > .lrdp-body + .lrdp-body{margin-top:16px;padding:16px;border-radius:8px;text-align:left;
  background:var(--lr-orange-soft);color:var(--lr-ink);font-weight:500}
.lrdp-sec.dark > .lrdp-body + .lrdp-body{background:rgba(255,255,255,.06);color:#fff;font-weight:400}
/* 본문 하나 + 안내 한 줄로 끝나는 섹션(«지금 가장 무겁게 나온 곳» 등)도 본문을 박스로 묶는다 */
.lrdp-sec > .lrdp-body:has(+ .lrdp-locknote){margin-top:16px;padding:16px;background:var(--lr-fill);
  border-radius:8px;text-align:left}

/* 가는 구분선(가운데 점) */
.lrdp-rule{display:flex;align-items:center;gap:12px;margin-top:24px}
.lrdp-rule span:first-child,.lrdp-rule span:last-child{flex:1;height:1px;background:var(--lr-div)}
.lrdp-rule i{width:4px;height:4px;border-radius:999px;background:var(--lr-line);display:block}

/* ── 아이콘 자리 ── */
.lrdp-ibadge{display:flex;width:48px;height:48px;border-radius:999px;background:var(--lr-orange-soft);
  align-items:center;justify-content:center;margin:0 auto 16px}
.lrdp-ibadge.dark{background:var(--lr-orange-soft)}
.lrdp-micon{flex:0 0 32px;width:32px;height:32px;border-radius:8px;background:var(--lr-fill);
  display:flex;align-items:center;justify-content:center}

/* ── 카드 공통 — 면 #FAFAFA · 테두리 없음 · 둥글기 8 · 안쪽 16 · 그림자 없음 (가이드 §16-4) ── */
.lrdp-find,.lrdp-qlock,.lrdp-rowcard,.lrdp-cmp,.lrdp-pv,.lrdp-flow,.lrdp-notice,.lrdp-fb{
  margin-top:12px;padding:16px;border-radius:8px;background:var(--lr-fill);
  box-shadow:none;border:0;text-align:left}
.lrdp-card{margin-top:24px;background:var(--lr-fill);border:0;border-radius:8px;
  padding:16px;text-align:left;box-shadow:none}
.lrdp-card .lrdp-body{text-align:left;margin-top:0}
.lrdp-card .lrdp-body + .lrdp-body{margin-top:16px}

/* 카드 안 글자 — 제목 16/600 · 본문 14/400 · 라벨 12/600 */
/* 글 칸은 남은 폭을 다 쓴다 — 안 그러면 칸이 «내용만큼»으로 줄어 제목이 공연히 두 줄이 된다 (2026-08-05) */
.lrdp-find .fh{display:flex;align-items:center;gap:8px}
.lrdp-find .fh > div{flex:1 1 auto;min-width:0}
.lrdp-find .no{font-size:12px;font-weight:600;color:var(--lr-ink3);letter-spacing:0}
.lrdp-find .no.blue{color:var(--lr-ink3)}          /* 파랑(#3182F6) 걷어냄 — 표에 없는 색 */
.lrdp-find .tt{margin-top:4px;font-size:16px;font-weight:600;line-height:1.4}
.lrdp-find .bd{margin-top:8px;font-size:14px;color:var(--lr-ink2);line-height:1.6}
/* ── 보호 요인 카드 — 레이아웃 새로 (2026-08-05 지시) ──
   [아이콘][보호 요인 칩] 한 줄 → 핵심 문장 18/600 → 1px 선 → 설명 14/400 */
.lrdp-find.pfcard{background:#fff;border:1px solid var(--lr-orange-line);padding:20px}
.lrdp-find.pfcard .fh{display:block}
.lrdp-find.pfcard .fh > .lrdp-micon{display:inline-flex;vertical-align:middle;margin-right:8px;
  background:var(--lr-orange-soft)}
.lrdp-find.pfcard .fh > div{display:inline}
.lrdp-find.pfcard .no{display:inline-block;vertical-align:middle;font-size:12px;font-weight:600;
  color:var(--lr-orange);background:var(--lr-orange-soft);padding:4px 8px;border-radius:4px}
.lrdp-find.pfcard .tt{display:block;margin-top:16px;font-size:18px;font-weight:600;line-height:1.5}
.lrdp-find.pfcard .bd{margin-top:16px;padding-top:16px;border-top:1px solid var(--lr-div)}

.lrdp-rowcard{display:flex;gap:12px;align-items:flex-start}
.lrdp-rowcard > div{flex:1 1 auto;min-width:0}
.lrdp-rowcard .tt{font-size:16px;font-weight:600;line-height:1.4}
.lrdp-rowcard .bd{margin-top:4px;font-size:14px;color:var(--lr-ink2);line-height:1.6}

.lrdp-cmp .tt{font-size:16px;font-weight:600;line-height:1.4;text-align:center}   /* 카드 제목은 가운데 (2026-08-05 지시) */
/* 항목을 «아이콘 + 정사각형 타일»로 늘어놓는다 — 글만 있는 목록보다 훑기 쉽다 (2026-08-05 지시) */
.lrdp-cmp ul{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:12px}
.lrdp-cmp li{list-style:none;margin:0;padding:8px 4px;flex:0 0 calc((100% - 16px) / 3);aspect-ratio:1;
  background:#fff;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:8px;text-align:center;font-size:12px;font-weight:500;color:var(--lr-ink2);line-height:1.35}
.lrdp-cmp li::before{content:none}
.lrdp-cmp li .ico{display:block;width:20px;height:20px;color:var(--lr-orange)}
.lrdp-cmp li .ico svg{width:20px;height:20px}
.lrdp-cmp.free li .ico{color:var(--lr-faint)}

.lrdp-pv{overflow:hidden}
.lrdp-pv .lab{display:flex;justify-content:space-between;align-items:center;
  font-size:12px;font-weight:600;color:var(--lr-orange)}
.lrdp-pv .tt{margin-top:8px;font-size:16px;font-weight:600;line-height:1.4}
.lrdp-pv .bd{margin-top:8px;font-size:14px;color:var(--lr-ink2);line-height:1.6}
.lrdp-pv .lk{margin-top:8px;font-size:12px;color:var(--lr-ink3);display:flex;gap:4px;align-items:center}

.lrdp-flow{display:flex;gap:12px}
.lrdp-flow > div{flex:1 1 auto;min-width:0}
.lrdp-flow .fno{flex:0 0 28px;width:28px;height:28px;border-radius:999px;background:var(--lr-div);
  color:var(--lr-ink2);font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:center}
.lrdp-flow .tt{font-size:16px;font-weight:600;line-height:1.4}
.lrdp-flow .bd{margin-top:4px;font-size:14px;color:var(--lr-ink2);line-height:1.6}
/* «AI가 쓴다»는 마지막 항목만 주황이던 것 — 왜 하나만 다른지 알 수 없어 통일했다 (2026-08-05 지시) */
.lrdp-flow.ai{background:var(--lr-fill)}
.lrdp-flow.ai .fno{background:var(--lr-div);color:var(--lr-ink2)}

/* ── 지표 카드(숫자 없이 4단계 도트 — D11) ── */
.lrdp-metrics{margin-top:16px}
.lrdp-metric{padding:16px;border-radius:8px;background:var(--lr-fill);margin-bottom:12px;text-align:left}
.lrdp-metric:last-child{margin-bottom:0}
.lrdp-metric .mrow{display:flex;align-items:center;gap:12px}
.lrdp-metric .mic{flex:0 0 40px;width:40px;height:40px;border-radius:8px;background:#fff;
  display:flex;align-items:center;justify-content:center}
/* ⚠️ line-height 를 꼭 적어둘 것 — 안 적으면 body 의 line-height:1 을 물려받아,
   작은 폰에서 이름이 두 줄로 접힐 때 두 줄이 서로 달라붙는다 (2026-07-31). */
.lrdp-metric .nm{font-size:16px;font-weight:600;flex:1;text-align:left;line-height:1.3}
.lrdp-metric .nm .easynm{display:block;margin-top:4px;font-style:normal;font-size:12px;font-weight:400;
  color:var(--lr-ink3);word-break:keep-all;line-height:1.5}
.lrdp-metric .lv{font-size:12px;font-weight:600;color:var(--lr-ink2);background:#fff;
  padding:4px 8px;border-radius:4px;white-space:nowrap;line-height:1.3}
.lrdp-metric .lv.soft{color:var(--lr-ink3);background:#fff}
.lrdp-metric .cap{margin-top:12px;font-size:14px;color:var(--lr-ink2);line-height:1.6;text-align:left}
.lrdp-metric.third{background:var(--lr-fill);border-radius:8px;padding:16px;margin-top:12px}
.lrdp-dots{display:flex;align-items:center;margin-top:12px}
.lrdp-dots i{width:8px;height:8px;border-radius:999px;background:var(--lr-line);flex:0 0 auto}
.lrdp-dots i.on{width:12px;height:12px;background:var(--lr-orange);box-shadow:none}
.lrdp-dots s{flex:1;height:2px;background:var(--lr-line)}
.lrdp-dots-lab{display:flex;justify-content:space-between;margin-top:8px;font-size:12px;
  color:var(--lr-ink3);font-weight:400;line-height:1.3}
/* TOP1 — 유일하게 오렌지 면을 쓰는 지표 */
.lrdp-metric.locked{opacity:1}
.lrdp-metric.locked .mic{background:#fff}
.lrdp-metric.locked .veilname{flex:1;height:12px;border-radius:4px;
  background:repeating-linear-gradient(90deg,var(--lr-div) 0 24px,var(--lr-line) 24px 48px);max-width:150px}
.lrdp-metric.locked .veilname.w2{max-width:110px}
.lrdp-dots.masked i{background:var(--lr-line)}
.lrdp-dots.masked s{background:var(--lr-div)}
.lrdp-metric.locked.top1{background:var(--lr-orange-soft);border-radius:8px;padding:16px;margin-bottom:12px}
.lrdp-metric .mic.hot{background:#fff}
.lrdp-metric.locked.top1 .lv{color:var(--lr-orange);background:#fff}
.lrdp-metric.locked.top1 .cap{color:var(--lr-ink2)}
.lrdp-rankchip,.lrdp-metric .rankchip{font-size:12px;font-weight:600;letter-spacing:0;color:var(--lr-ink3);
  background:#fff;border-radius:4px;padding:4px 8px;white-space:nowrap;line-height:1.3}
.lrdp-metric .rankchip.hot{color:#fff;background:var(--lr-orange)}

/* ── 강점 / 부담 목록 — A안 «카드로 묶기» 확정 (2026-08-05 사장님 선택) ── */
.lrdp-sb-lab{margin-top:24px;font-size:14px;font-weight:600;letter-spacing:0;text-align:left;color:var(--lr-ink)}
.lrdp-sb-lab.s,.lrdp-sb-lab.b{color:var(--lr-ink)}       /* 파랑·주황 라벨 → 제목색 하나로 */
.lrdp-sb li{list-style:none;margin-top:8px;padding:12px 16px;border-left:0;background:var(--lr-fill);
  border-radius:8px;font-size:14px;color:var(--lr-ink2);line-height:1.6;text-align:left}

/* ── 잠금 질문 ── */
.lrdp-qlock .tt{display:flex;gap:8px;align-items:flex-start;font-size:16px;font-weight:600;line-height:1.4}
.lrdp-qlock .tt svg{flex:0 0 auto;margin-top:4px;color:var(--lr-ink3)}
.lrdp-qlock .veil{margin-top:12px;height:12px;border-radius:4px;width:88%;
  background:repeating-linear-gradient(90deg,var(--lr-div) 0 24px,var(--lr-line) 24px 48px)}
.lrdp-qlock .veil.v2{width:64%;margin-top:8px}

/* ── 버튼·결제 카드 ── */
.lrdp-cta1{display:block;width:100%;height:56px;padding:0;background:var(--lr-orange);color:#fff;
  font-size:16px;font-weight:700;border-radius:12px;margin-top:24px}
.lrdp-paycard{border-radius:20px;overflow:hidden;box-shadow:none;border:1px solid var(--lr-line);
  background:#fff;text-align:left}
.lrdp-paycard .ph{display:flex;align-items:center;gap:8px;padding:12px 16px;color:var(--lr-ink3);
  font-size:12px;font-weight:600;background:var(--lr-fill);border-bottom:1px solid var(--lr-div)}
.lrdp-paycard .ph .no{background:var(--lr-orange);color:#fff;border-radius:4px;padding:4px 8px;
  font-size:12px;font-weight:700;line-height:1.3}
.lrdp-paycard .pb{padding:24px 20px}
.lrdp-paycard h4{margin-top:24px;font-size:20px;font-weight:700;line-height:1.3;text-align:center}
/* ⚠️ 정렬 규칙(.lrdp-sec .lrdp-body.lrdp-center)보다 세야 한다 — 그래서 .lrdp-sec 를 앞에 붙인다 */
.lrdp-sec .lrdp-paycard .pdesc,.lrdp-paycard .pdesc{margin-top:12px;font-size:14px;line-height:1.6;
  color:var(--lr-ink2);text-align:center}
.lrdp-paycard .now{margin-top:16px;text-align:center;font-size:26px;font-weight:700;color:var(--lr-ink);
  font-variant-numeric:tabular-nums;letter-spacing:0}
.lrdp-paycard .now small{font-size:16px;font-weight:600}
.lrdp-paycard .cta{display:block;width:100%;height:56px;padding:0;background:var(--lr-orange);color:#fff;
  font-size:16px;font-weight:700;border-radius:12px;margin-top:16px}
.lrdp-paycard .fn{margin-top:12px;text-align:center;font-size:12px;color:var(--lr-ink3);line-height:1.5}

/* ── 결과 엠블럼 — «그대로 두라»는 지시(2026-08-05)라 원래 값 그대로 둔다 ──
   뒤에 깔리는 넓은 그라디언트 + 동심원 링 2개 + 어긋나게 겹친 연오렌지 원 2개
   + 흰 원 안의 아이콘 + 반짝이 3개. */
.lrdp-aura{display:block;margin:24px auto 8px;position:relative}
.lrdp-aura svg{display:block}
.lrdp-sec.s01{padding:56px 20px 40px}
.lrdp-orb-glow{position:absolute;top:-120px;left:50%;width:420px;height:420px;margin-left:-210px;
  border-radius:999px;pointer-events:none;
  background:radial-gradient(circle at 50% 40%, #FFF1EB 0%, rgba(255,241,235,0) 68%)}
.lrdp-orb{position:relative;margin-top:40px;height:216px;display:flex;align-items:center;justify-content:center}
.lrdp-orb span{position:absolute;border-radius:999px}
.lrdp-orb .ring1{width:216px;height:216px;border:1px solid rgba(255,110,63,.16)}
.lrdp-orb .ring2{width:168px;height:168px;border:1px solid rgba(255,110,63,.22)}
.lrdp-orb .blob1{width:150px;height:150px;background:#FFF1EB;transform:translate(-26px,18px)}
.lrdp-orb .blob2{width:126px;height:126px;background:#FFF7F3;transform:translate(30px,-20px)}
.lrdp-orb .core{width:104px;height:104px;background:#fff;box-shadow:0 12px 32px rgba(255,110,63,.18);
  display:flex;align-items:center;justify-content:center;color:var(--lr-orange)}
.lrdp-orb .sp1{color:rgba(255,110,63,.55);transform:translate(-88px,-62px);border-radius:0;line-height:0}
.lrdp-orb .sp2{color:rgba(255,110,63,.32);transform:translate(84px,58px);border-radius:0;line-height:0}
.lrdp-orb .dot{width:5px;height:5px;background:rgba(255,110,63,.45);transform:translate(96px,-74px)}
/* 그라디언트는 맨 아래에 깔고 글자는 그 위로 */
.lrdp-sec.s01 > *:not(.lrdp-orb-glow){position:relative}
/* 결제 카드 안의 작은 엠블럼 */
.lrdp-orb.orb-sm{margin-top:8px;height:150px}
.lrdp-orb.orb-sm .ring1{width:150px;height:150px}
.lrdp-orb.orb-sm .ring2{width:116px;height:116px}
.lrdp-orb.orb-sm .blob1{width:104px;height:104px;transform:translate(-18px,12px)}
.lrdp-orb.orb-sm .blob2{width:88px;height:88px;transform:translate(21px,-14px)}
.lrdp-orb.orb-sm .core{width:72px;height:72px}
.lrdp-orb.orb-sm .core svg{width:32px;height:32px}

/* ── 안내 ── */
.lrdp-notice{font-size:14px;color:var(--lr-ink2);line-height:1.6}
.lrdp-notice .nt{font-size:12px;font-weight:600;color:var(--lr-ink3);letter-spacing:0;margin-bottom:8px}
.lrdp-notice .bd + .bd{margin-top:8px}
.lrdp-mininote{margin-top:16px;text-align:left;font-size:12px;line-height:1.6;color:var(--lr-ink3)}
.lrdp-mininote p + p{margin-top:8px}

/* 안전 안내(지금은 렌더하지 않음 — 되살릴 때를 위해 남겨 둠. 노랑은 «경고»라 표 밖 예외) */
.lrdp-notice.safe{background:#FFF9F0;border:1px solid #F5E3C8}
.lrdp-safetytop{display:flex;gap:8px;align-items:flex-start;padding:16px 20px;background:#FFF9F0;
  border-bottom:1px solid #F5E3C8;font-size:14px;color:var(--lr-ink2);line-height:1.6}
.lrdp-safetytop.urgent{background:#FFF3EC;border-bottom-color:#F5CDB4}
.lrdp-safetytop svg{flex:0 0 auto;margin-top:4px}
.lrdp-mininote-safe{margin-top:16px;padding:12px 16px;border-radius:8px;background:#FFF9F0;
  border:1px solid #F5E3C8;text-align:left;font-size:12px;line-height:1.6;color:var(--lr-ink2)}

/* ── 하단 고정 CTA (SECTION 08 진입 후 노출 — 표시 제어는 JS)
   후기 쓰는 화면의 하단 바(.rw-footer/.rw-note/.rw-cta)와 같은 꼴. 가이드 §16-2. ── */
.lrdp-sticky{position:fixed;left:0;right:0;bottom:0;z-index:60;max-width:var(--max-width,448px);margin:0 auto;
  background:#fff;box-shadow:0 -6px 6px -6px rgba(17,17,17,.16);
  padding:12px 20px calc(20px + env(safe-area-inset-bottom))}
.lrdp-sticky .n{text-align:center;font-size:12px;line-height:1.5;color:var(--lr-ink3);margin-top:12px}
.lrdp-sticky .n b{color:var(--lr-ink);font-weight:600}
.lrdp-sticky button{display:block;width:100%;height:56px;padding:0;background:var(--lr-orange);color:#fff;
  font-size:16px;font-weight:700;border-radius:12px}
.lrdp-sticky[hidden]{display:none}

/* D14: 약한 신호 완충 한 줄 */
.lrdp-weak{display:table;margin:16px auto 0;background:var(--lr-fill);border-radius:999px;
  padding:8px 16px;font-size:12px;font-weight:600;color:var(--lr-ink3);line-height:1.3}

/* ── S04b 설문 ↔ 반응속도 «고른 단어» 대조 ── */
.lrdp-cbars{margin-top:16px;padding:16px;border-radius:8px;background:var(--lr-fill)}
.lrdp-cbar{display:flex;align-items:center;gap:12px}
.lrdp-cbar + .lrdp-cbar{margin-top:12px}
.lrdp-cbar .cl{flex:0 0 92px;font-size:12px;font-weight:600;color:var(--lr-ink3);line-height:1.3;text-align:left}
.lrdp-cbar .ct{flex:1;height:8px;border-radius:999px;background:var(--lr-line);overflow:hidden}
.lrdp-cbar .ct i{display:block;height:100%;border-radius:999px;background:var(--lr-line)}
.lrdp-cbar.hot .cl{color:var(--lr-ink)}
.lrdp-cbar.hot .ct i{background:var(--lr-orange)}
.lrdp-cbar .cn{flex:0 0 auto;min-width:32px;text-align:right;font-size:14px;font-weight:600;
  color:var(--lr-ink2);font-variant-numeric:tabular-nums}
.lrdp-cbar .cn small{font-size:12px;font-weight:400;color:var(--lr-ink3)}
.lrdp-cbar.hot .cn{color:var(--lr-ink)}
.lrdp-chips-lab{margin-top:16px;text-align:center;font-size:12px;font-weight:400;color:var(--lr-ink3);line-height:1.5}
.lrdp-chips{margin-top:12px;display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.lrdp-chip{padding:8px 12px;border-radius:999px;background:#fff;border:1px solid var(--lr-line);
  font-size:14px;font-weight:500;color:var(--lr-ink2);line-height:1.3}
.lrdp-chip.hot{border-color:var(--lr-orange);background:var(--lr-orange-soft);color:var(--lr-ink)}
.lrdp-locknote.plain{margin-top:16px;font-size:12px;color:var(--lr-ink3)}

/* ── "이 분석이 맞나요?" ── */
.lrdp-fb{margin-top:24px;padding:20px 16px;text-align:center}
.lrdp-fb .q{font-size:16px;font-weight:600;line-height:1.4}
.lrdp-fb .btns{margin-top:16px;display:flex;gap:8px}
.lrdp-fb button{flex:1;min-height:56px;padding:8px 4px;border-radius:12px;background:#fff;
  border:1px solid var(--lr-line);font-size:12px;font-weight:500;color:var(--lr-ink2);line-height:1.5;
  transition:background .2s,border-color .2s}
.lrdp-fb button em{display:block;font-style:normal;font-size:16px;margin-bottom:4px}
.lrdp-fb button.on{background:var(--lr-orange-soft);border-color:var(--lr-orange);color:var(--lr-ink)}
.lrdp-fb .thanks{margin-top:12px;font-size:12px;color:var(--lr-ink3);line-height:1.5}
.lrdp-fb .thanks[hidden]{display:none}
.lrdp-fb.answered .btns button:not(.on){opacity:.5}
/* 어두운 섹션 안(사장님 유지 지시) */
.lrdp-sec.dark .lrdp-fb{margin-top:24px;padding:20px 16px;background:rgba(255,255,255,.06);box-shadow:none}
.lrdp-sec.dark .lrdp-fb .q{color:#fff}
.lrdp-sec.dark .lrdp-fb button{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.16);color:#E1E1E1}
.lrdp-sec.dark .lrdp-fb button.on{background:rgba(255,110,63,.22);border-color:var(--lr-orange);color:#fff}
.lrdp-sec.dark .lrdp-fb .thanks{color:#A1A1A1}

/* ── 아주 작은 폰(360px 이하) 보정 (2026-07-31 검수) ── */
@media (max-width:360px){
  .lrdp-metric .mrow{flex-wrap:wrap;gap:12px}
  .lrdp-metric .mrow .nm{flex:1 0 100%;order:3}
}