/* ---------------------------------------------------------------
   20-v1976-layer2-share.css
   시안 v1.9.76 의 새 <style id> 블록을 시안 순서대로 담는다 (design.md §5).
   M4: v1975-sharecard-final-spacing · M2: v1954-adaptive-scroll + v1963 의 Layer1 줄 ·
   M3: Layer2 재구성 블록(v1956 · v1959 · v1961 · v1963 전체 · v1968 · v1969 · v1970).
   v1967-layer3-category-payment 는 전체 제외다 (오케스트레이터 결정 2026-09-18, plan.md §C.7).
   ⚠ 뒤 순서가 앞 순서를 덮어쓰는 레이어 구조 — index.html 의 <link> 순서를 바꾸면 화면이 깨진다.
   --------------------------------------------------------------- */

/* v1.9.56 · 기존 Layer1 톤을 유지하면서 기본 10문항을 한 화면에 스크롤형으로 노출 (시안 v1954-adaptive-scroll) */
#viewInput .adaptive-question-list{display:block}
#viewInput .adaptive-question-list .adaptive-q{padding:0 0 23px;margin:0 0 23px!important;border-bottom:1px solid var(--l1-line)}
#viewInput .adaptive-question-list .adaptive-q:last-child{margin-bottom:0!important;padding-bottom:0;border-bottom:0}
#viewInput .adaptive-question-list .adaptive-q label{display:block;margin:0 0 12px!important;font-size:15px!important;line-height:1.62!important;color:#3E4748!important;font-weight:700!important;word-break:keep-all}
#viewInput .adaptive-question-list .l1-seg{display:flex;gap:8px!important}
#viewInput .adaptive-question-list .l1-seg button{min-width:0;min-height:44px;padding:12px 7px!important;font-size:13.5px!important;line-height:1.35!important;white-space:nowrap}
#viewInput .adaptive-extra-section{margin-top:30px;padding-top:25px;border-top:1px solid var(--l1-line)}
#viewInput .adaptive-extra-head{margin-bottom:20px!important}
#viewInput #adaptiveQuestionStatus{margin-top:22px}
@media(max-width:380px){
  #viewInput .adaptive-question-list .l1-seg{gap:6px!important}
  #viewInput .adaptive-question-list .l1-seg button{padding-left:5px!important;padding-right:5px!important;font-size:12.5px!important}
}

/* v1.9.56 · Layer2: 사주 근거 → 4축 점수 → 현재 성향 → 갭 유형 (시안 v1956-layer2-flow) */
#viewFreeResult .l2v1956-section-head{text-align:left!important;padding:0 4px;margin-bottom:16px!important}
#viewFreeResult .l2v1956-section-head h2{font-size:23px!important;margin:0 0 7px!important;color:#394647!important}
#viewFreeResult .l2v1956-section-head p{margin:0!important;font-size:12px!important;line-height:1.72!important;color:#6C7677!important}
.l2v1956-natal-zone{margin-bottom:18px!important}
.l2v1956-natal-card{background:linear-gradient(135deg,#F0F8F6 0%,#FFFDFC 100%);border:1px solid #DCE8E7;border-radius:22px;padding:22px 20px;text-align:center;box-shadow:0 8px 22px rgba(69,91,92,.06)}
.l2v1956-natal-card span{display:block;font-size:11px;font-weight:800;color:#829091;margin-bottom:7px}
.l2v1956-natal-card strong{display:block;width:100%;font-family:var(--font-display)!important;font-size:52px;line-height:1;color:#405254;letter-spacing:1px;text-align:center}
.l2v1956-natal-card em{display:block;font-style:normal;font-size:11.5px;line-height:1.55;color:#6A7173;margin-top:8px}
#viewFreeResult .evidence-zone{margin-top:0!important}
#viewFreeResult .v162-evidence-title{word-break:keep-all}
.l2v1956-ten-gods{display:flex;flex-wrap:wrap;gap:8px;margin:3px 0 4px}
.l2v1956-ten-god{display:inline-flex;align-items:center;gap:5px;border:1px solid #E4EAE9;background:#F8FBFA;border-radius:999px;padding:8px 10px;font-size:12px;font-weight:800;color:#536163}
.l2v1956-ten-god small{font-size:10px;font-weight:700;color:#6A7374}
.l2v1956-data-note{margin:9px 2px 0!important;font-size:10.5px!important;line-height:1.65!important;color:#929B9C!important;word-break:keep-all}
.l2v1956-axis-zone,.l2v1956-current-zone,.l2v1956-gaptype-zone{margin:26px 0 30px}
.l2v1956-axis-grid{display:grid;gap:10px}
.l2v1956-axis-card{background:#fff;border:1px solid #E1E9E8;border-radius:18px;padding:15px 15px 14px;box-shadow:0 4px 14px rgba(69,91,92,.035)}
.l2v1956-axis-top{display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;margin-bottom:9px}
.l2v1956-axis-letter{width:34px;height:34px;border-radius:11px;background:#EAF6F3;display:flex;align-items:center;justify-content:center;font-family:var(--font-display)!important;font-size:20px;color:#405254}
.l2v1956-axis-score{font-size:13px;font-weight:800;color:#445052}
.l2v1956-axis-score b{font-size:16px;color:#344748}
.l2v1956-axis-balance{font-size:10.5px;font-weight:800;color:#6D7576;white-space:nowrap}
.l2v1956-axis-track{height:7px;border-radius:999px;background:#EEF2F1;overflow:hidden;margin-bottom:9px}
.l2v1956-axis-fill{height:100%;border-radius:999px;background:#7FA7A3}
.l2v1956-axis-card p{margin:0!important;font-size:12.5px!important;line-height:1.72!important;color:#5F6B6C!important;word-break:keep-all}
.l2v1956-axis-card small{display:block;margin-top:6px;font-size:10px;line-height:1.5;color:#707677}
.l2v1956-axis-conclusion{margin-top:12px;padding:15px 16px;border-radius:17px;background:#FFF7ED;border:1px solid #F0E1CE;font-size:13px;line-height:1.65;color:#6B625A;text-align:center}
.l2v1956-axis-conclusion strong{font-family:var(--font-display)!important;font-size:23px;color:#755A3B;margin-left:4px}
.l2v1956-compare-card{display:grid;grid-template-columns:1fr 38px 1fr;align-items:center;background:#fff;border:1px solid #E0E8E7;border-radius:20px;padding:18px 16px;box-shadow:0 5px 16px rgba(69,91,92,.04);text-align:center;margin-bottom:16px}
.l2v1956-compare-card>div:not(.l2v1956-compare-arrow) span{display:block;font-size:10.5px;font-weight:800;color:#6D7576;margin-bottom:5px}
.l2v1956-compare-card strong{display:block;font-family:var(--font-display)!important;font-size:29px;color:#405254;letter-spacing:.4px}
.l2v1956-compare-card em{display:block;font-style:normal;font-size:10px;color:#9AA2A3;margin-top:3px}
.l2v1956-compare-arrow{font-size:23px;color:#6F7676}
.l2v1956-gap-detail-head{font-size:12px;font-weight:800;color:#566466;margin:4px 2px 10px}
.l2v1956-gap-axis-list{display:grid;gap:9px}
.l2v1956-gap-axis{display:grid;grid-template-columns:54px 1fr auto;gap:10px;align-items:center;padding:12px 13px;border-radius:16px;background:#F8FBFA;border:1px solid #E4EBEA}
.l2v1956-gap-axis.same{background:#FAFAF8;border-color:#ECEDE9}
.l2v1956-gap-dir{font-family:var(--font-display)!important;font-size:18px;color:#475A5B;white-space:nowrap}
.l2v1956-gap-copy{font-size:11.5px;line-height:1.55;color:#667273;word-break:keep-all}
.l2v1956-gap-strength{padding:6px 8px;border-radius:999px;background:#EAF6F3;font-size:10px;font-weight:800;color:#547471;white-space:nowrap}
.l2v1956-gap-axis.same .l2v1956-gap-strength{background:#F0F1EE;color:#696D68}
.l2v1956-gaptype-card{padding:22px 19px;border-radius:22px;background:linear-gradient(145deg,#EEF8F6,#FFFBF6);border:1px solid #DDE9E7;text-align:center;box-shadow:0 7px 20px rgba(69,91,92,.05)}
.l2v1956-gaptype-card strong{display:block;font-family:var(--font-display)!important;font-size:32px;line-height:1.05;color:#405254;margin-bottom:9px}
.l2v1956-gaptype-card p{margin:0!important;font-size:12.5px!important;line-height:1.7!important;color:#637071!important;word-break:keep-all}
.l2v1956-gaptype-card span{display:block;margin-top:8px;font-size:10.5px;color:#6A7171}
.l2v1956-life-evidence{margin-top:10px}
.l2v1956-life-evidence-box{border:1px solid #E6EAE7;background:#fff;border-radius:17px;padding:14px 15px}
.l2v1956-life-evidence-box b{display:block;font-size:11px;color:#627071;margin-bottom:8px}
.l2v1956-life-evidence-box ul{list-style:none;margin:0;padding:0;display:grid;gap:7px}
.l2v1956-life-evidence-box li{position:relative;padding-left:12px;font-size:11.5px;line-height:1.6;color:#6C7677;word-break:keep-all}
.l2v1956-life-evidence-box li:before{content:'·';position:absolute;left:0;top:0;color:#7FA7A3;font-weight:900}
@media(max-width:390px){
 .l2v1956-natal-card strong{font-size:47px;text-align:center}
 .l2v1956-axis-top{grid-template-columns:32px 1fr auto;gap:8px}
 .l2v1956-axis-letter{width:32px;height:32px;font-size:19px}
 .l2v1956-axis-balance{font-size:9.5px}
 .l2v1956-compare-card strong{font-size:26px}
 .l2v1956-gap-axis{grid-template-columns:50px 1fr auto;gap:8px;padding:11px}
 .l2v1956-gap-dir{font-size:17px}
 .l2v1956-gap-copy{font-size:11px}
}

/* v1.9.61 · Layer2 first-result card density + evidence readability (시안 v1959-layer2-polish) */
#viewFreeResult .v163-result-card{
  padding:10px 16px 9px!important;
  margin-bottom:27px!important;
}
#viewFreeResult .v163-result-card .l2v8-hero-main{
  grid-template-columns:46% minmax(0,1fr)!important;
  gap:8px!important;
  min-height:128px!important;
  align-items:center!important;
}
#viewFreeResult .v163-result-card .l2v8-hero-char{
  width:100%!important;
  height:128px!important;
  max-height:128px!important;
  object-fit:cover!important;
  object-position:center top!important;
  transform:none!important;
  filter:drop-shadow(0 8px 12px rgba(76,60,43,.11))!important;
}
#viewFreeResult .v163-result-card .v161-result-kicker{
  margin-bottom:8px!important;
}
#viewFreeResult .v163-result-card .l2v8-opener{
  line-height:1.62!important;
}
#viewFreeResult .v163-result-card .l2v8-cue{
  margin-top:6px!important;
  padding-top:9px!important;
}
#viewFreeResult .l2v1956-life-evidence-box li{
  line-height:1.72!important;
  text-wrap:balance!important;
}
@media(max-width:390px){
  #viewFreeResult .v163-result-card{
    padding:9px 13px 8px!important;
  }
  #viewFreeResult .v163-result-card .l2v8-hero-main{
    grid-template-columns:45% minmax(0,1fr)!important;
    min-height:118px!important;
  }
  #viewFreeResult .v163-result-card .l2v8-hero-char{
    height:118px!important;
    max-height:118px!important;
  }
}

/* v1.9.61 · Layer2 copy/UI polish only (시안 v1961-layer2-copy-polish) */
#viewFreeResult .v163-result-card .l2v8-opener{display:none!important;}
#viewFreeResult .v163-result-card .l2v8-hero-talk{
  padding-left:0!important;
  text-align:center!important;
}
#viewFreeResult .v163-result-card .v161-result-kicker{
  margin:0!important;
  font-size:32px!important;
  line-height:1.18!important;
  text-align:center!important;
}
#viewFreeResult .l2v1956-axis-letter{
  width:auto!important;
  min-width:46px!important;
  padding:0 7px!important;
  font-size:13px!important;
  white-space:nowrap!important;
}
#viewFreeResult .l2v1956-axis-top{
  grid-template-columns:auto 1fr auto!important;
}
@media(max-width:390px){
  #viewFreeResult .v163-result-card .v161-result-kicker{font-size:29px!important;}
  #viewFreeResult .l2v1956-axis-letter{min-width:42px!important;font-size:12px!important;}
}

/* v1.9.66 · Layer2 result card / reading titles / evidence wrap / CTA polish (시안 v1963-layer12-polish — Layer1 줄은 M2, 나머지는 M3) */
#viewInput .adaptive-question-list .adaptive-q label br{display:block;}

/* Layer2: keep existing copy/structure, unify only visual hierarchy. */
#viewFreeResult .l2v8-zone-head h2,
#viewFreeResult .l2v8-gap-head h2,
#viewFreeResult .l2v1956-section-head h2,
#viewFreeResult .l2v9-reading-head h2,
#viewFreeResult .l2v8-share-head h3,
#viewFreeResult .chemistry-head h2,
#viewFreeResult .l2v1915-heading-wrap.chemistry-head h2{
  font-size:23px!important;
  line-height:1.4!important;
  margin-bottom:8px!important;
}
#viewFreeResult .l2v8-zone-head p,
#viewFreeResult .l2v8-gap-head p,
#viewFreeResult .l2v1956-section-head p,
#viewFreeResult .l2v9-reading-head p,
#viewFreeResult .l2v8-share-head p,
#viewFreeResult .chemistry-head p{
  font-size:14px!important;
  line-height:1.7!important;
}

/* Natal result card: stronger result-card feel, exact center alignment. */
#viewFreeResult .l2v1956-natal-card{
  min-height:148px!important;
  padding:22px 20px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  background:linear-gradient(145deg,#EEF8F6 0%,#FFFCF8 100%)!important;
  border:1px solid #D7E5E3!important;
  box-shadow:0 10px 24px rgba(69,91,92,.07)!important;
}
#viewFreeResult .l2v1956-natal-card strong{
  display:flex!important;
  width:100%!important;
  min-height:66px!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0!important;
  text-align:center!important;
  font-size:56px!important;
}
#viewFreeResult .l2v1956-natal-card em:empty{display:none!important;}

/* Comparison card: center both result columns vertically and horizontally. */
#viewFreeResult .l2v1956-compare-card>div:not(.l2v1956-compare-arrow){
  min-height:86px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
}
#viewFreeResult .l2v1956-compare-card>div:not(.l2v1956-compare-arrow) span,
#viewFreeResult .l2v1956-compare-card>div:not(.l2v1956-compare-arrow) strong,
#viewFreeResult .l2v1956-compare-card>div:not(.l2v1956-compare-arrow) em{
  width:100%!important;
  text-align:center!important;
}

/* Replayed answers: respect intentional semantic line breaks. */
#viewFreeResult .l2v1956-life-evidence-box li{
  text-wrap:pretty!important;
}

/* Positive / friction chemistry use the exact same visual weight. */
#viewFreeResult .l2v8-share-frame>.chemistry-section.chemistry-friction-section{
  margin-top:26px!important;
  padding-top:22px!important;
  border-top:1px solid #E4EBEA!important;
}
#viewFreeResult .chemistry-friction-section .chemistry-card{
  background:#FBFAF8!important;
  border-color:#E9E5DF!important;
}

/* CTA: intentionally short, so keep the card compact. */
#viewFreeResult .l2v194-content{
  padding:18px 22px 20px!important;
}
#viewFreeResult .l2v194-final .l2-cta{
  min-height:56px!important;
  font-size:17px!important;
}
@media(max-width:390px){
  #viewFreeResult .l2v8-zone-head h2,
  #viewFreeResult .l2v8-gap-head h2,
  #viewFreeResult .l2v1956-section-head h2,
  #viewFreeResult .l2v9-reading-head h2,
  #viewFreeResult .l2v8-share-head h3,
  #viewFreeResult .chemistry-head h2,
  #viewFreeResult .l2v1915-heading-wrap.chemistry-head h2{font-size:22px!important;}
  #viewFreeResult .l2v1956-natal-card{min-height:136px!important;}
  #viewFreeResult .l2v1956-natal-card strong{font-size:50px!important;min-height:60px!important;}
  #viewFreeResult .l2v194-content{padding:16px 18px 18px!important;}
  #viewFreeResult .l2v194-final .l2-cta{font-size:16px!important;}
}

/* ===== v1.9.66 Layer2 refinements ===== */
#viewFreeResult .l2v1956-natal-card{
  position:relative!important;
  min-height:176px!important;
  padding:28px 20px!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 17% 22%, rgba(126,169,165,.18) 0 5px, transparent 6px),
    radial-gradient(circle at 83% 76%, rgba(217,163,95,.16) 0 7px, transparent 8px),
    linear-gradient(145deg,#EDF8F6 0%,#FFFDFC 52%,#F8F2E9 100%)!important;
  border:1px solid #D4E5E2!important;
  box-shadow:0 14px 32px rgba(69,91,92,.09)!important;
}
#viewFreeResult .l2v1956-natal-card:before,
#viewFreeResult .l2v1956-natal-card:after{
  content:"";position:absolute;border-radius:999px;pointer-events:none;
}
#viewFreeResult .l2v1956-natal-card:before{
  width:92px;height:92px;left:-42px;bottom:-46px;border:1px solid rgba(126,169,165,.22);
}
#viewFreeResult .l2v1956-natal-card:after{
  width:124px;height:124px;right:-62px;top:-66px;border:1px solid rgba(217,163,95,.20);
}
#viewFreeResult .l2v1956-natal-card strong{
  position:relative;z-index:1;
  min-height:84px!important;
  font-size:64px!important;
  line-height:1!important;
  letter-spacing:7px!important;
  color:#35494B!important;
  text-shadow:0 2px 0 rgba(255,255,255,.85);
}
#viewFreeResult .l2v1956-life-evidence-box li{
  word-break:keep-all!important;
  overflow-wrap:break-word!important;
  text-wrap:pretty!important;
}
#viewFreeResult .chemistry-friction-section{
  margin-bottom:24px!important;
}
#viewFreeResult .chemistry-friction-section + .share-btns{
  margin-top:24px!important;
}
#viewFreeResult .l2v194-final{
  margin-top:30px!important;
}
#viewFreeResult .l2v194-content{
  padding:22px 22px 22px!important;
}
#viewFreeResult .l2v194-content h3{
  margin:0 0 10px!important;
  font-size:22px!important;
  line-height:1.42!important;
  text-align:left!important;
  word-break:keep-all!important;
}
#viewFreeResult .l2v1966-cta-desc{
  margin:0 0 18px!important;
  font-size:14px!important;
  line-height:1.72!important;
  color:#667070!important;
  word-break:keep-all!important;
}
#viewFreeResult .l2v194-final .l2-cta{
  font-size:16px!important;
}
@media(max-width:480px){
  #viewFreeResult .l2v1956-natal-card{min-height:164px!important;padding:24px 16px!important;}
  #viewFreeResult .l2v1956-natal-card strong{font-size:56px!important;letter-spacing:5px!important;}
  #viewFreeResult .l2v194-content{padding:20px 18px 20px!important;}
  #viewFreeResult .l2v194-content h3{font-size:20px!important;}
  #viewFreeResult .l2v1966-cta-desc{font-size:13.5px!important;}
}

/* ===== v1.9.68 · Layer3 privacy detail polish (시안 v1968-layer3-polish) =====
   섹션 8색·카테고리 라벨·섹션 머리 규칙은 16-layer3-report.css 로 옮겼다 (2026-09-21).
   조회 결과지는 이 파일을 불러오지 않아, 여기 두면 결제 후 화면에 닿지 않는다. */
#viewPaidPreview .l3-pay-kicker{display:none!important;}
#viewPaidPreview .l3-privacy-details[open] summary{
  border-bottom:0;
  padding-bottom:10px;
}
#viewPaidPreview .l3-privacy-copy{
  padding:2px 16px 17px!important;
  color:#667576!important;
  font-size:12px!important;
  line-height:1.7!important;
}
#viewPaidPreview .l3-privacy-row{
  display:grid;
  grid-template-columns:58px minmax(0,1fr);
  gap:8px;
  align-items:start;
  margin:0 0 16px;
  text-align:left;
  word-break:keep-all;
}
#viewPaidPreview .l3-privacy-row:last-child{margin-bottom:0;}
#viewPaidPreview .l3-privacy-row b{
  color:#4F817D;
  font-size:11.8px;
  font-weight:900;
  line-height:1.7;
  white-space:nowrap;
}
#viewPaidPreview .l3-privacy-row span{
  color:#667576;
  font-size:12px;
  font-weight:500;
  line-height:1.7;
}
@media(max-width:390px){
  #viewPaidPreview .l3-privacy-copy{padding:2px 13px 15px!important;}
  #viewPaidPreview .l3-privacy-row{grid-template-columns:54px minmax(0,1fr);gap:7px;}
}

/* v1.9.69 · Layer2 replayed answers: use full width and natural wrapping. (시안 v1969-layer2-evidence-wrap) */
#viewFreeResult .l2v1956-life-evidence-box li{
  width:100%!important;
  max-width:none!important;
  padding-right:0!important;
  word-break:keep-all!important;
  overflow-wrap:break-word!important;
  text-wrap:pretty!important;
}

/* v1.9.70 · Layer2 별점 (응원의 한마디는 2026-09-23 결제 후 결과지 전용으로 옮겨 규칙을 뺐다) */
#viewFreeResult .l2-rating-card{
  margin:18px 0 16px;
  padding:22px 20px 20px;
  border:1px solid #DDE9E7;
  border-radius:22px;
  background:#F8FBFA;
  text-align:center;
  box-shadow:0 8px 22px rgba(57,78,80,.045);
}
#viewFreeResult .l2-rating-card h3{
  margin:0 0 13px;
  font-family:var(--font-display);
  font-size:20px;
  line-height:1.35;
  font-weight:700;
  color:#3D494A;
}
#viewFreeResult .l2-rating-stars{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:7px;
  margin:0 auto 10px;
}
#viewFreeResult .l2-rating-star{
  appearance:none;
  -webkit-appearance:none;
  width:42px;
  height:42px;
  padding:0;
  border:0;
  background:transparent;
  color:#818C8A;
  font-size:36px;
  line-height:1;
  cursor:pointer;
  transition:transform .14s ease,color .14s ease;
}
#viewFreeResult .l2-rating-star.is-on{color:#66938F;}
#viewFreeResult .l2-rating-star:active{transform:scale(.91);}
#viewFreeResult .l2-rating-status{
  min-height:20px;
  margin:0;
  font-family:var(--font-reading);
  font-size:13.5px;
  line-height:1.5;
  color:#7A8788;
}
#viewFreeResult .l2-rating-card.is-rated .l2-rating-status{
  color:#557A76;
  font-weight:700;
}

@media(max-width:390px){
  #viewFreeResult .l2-rating-card{padding:20px 15px 18px;}
  #viewFreeResult .l2-rating-star{width:39px;height:39px;font-size:33px;}
      }

/* 라이브 추가 (REQ-019 · AC-021) — 별점 버튼의 터치 영역 44px. 시안(42px·390px 이하 39px)에는 없는 줄이다. */
#viewFreeResult .l2-rating-star{min-width:44px;min-height:44px;}

/* v1.9.75 · completed share-card images + equal spacing around share controls (시안 v1975-sharecard-final-spacing) */
#viewFreeResult .share-btns{margin-top:24px!important;}
#viewFreeResult .l2v8-share{margin-bottom:24px!important;}
#viewFreeResult .l2-rating-card{margin-top:0!important;}