/* ---------------------------------------------------------------
   12-v1868-reference-layout-neutral-report.css
   원본 index.html의 12번째 <style> 블록 (id="v1868-reference-layout-neutral-report")
   ⚠ 이 파일들은 뒤 순서가 앞 순서를 덮어쓰는 레이어 구조입니다.
      index.html의 <link> 순서를 바꾸면 화면이 깨집니다.
   --------------------------------------------------------------- */

/* v1.8.6.8 · feedback-only visual refinements */

/* Layer2 cue arrow: same color, visual size and motion, but with a soft chunky rounded silhouette. */
#viewFreeResult .l2v8-cue .cue-arrow{
  display:inline-flex!important;
  width:21px!important;
  height:21px!important;
  align-items:center!important;
  justify-content:center!important;
  color:var(--cc-mint)!important;
  animation:v162cue 1.55s ease-in-out infinite!important;
  line-height:1!important;
}
#viewFreeResult .l2v8-cue .cue-arrow svg{
  display:block!important;
  width:21px!important;
  height:21px!important;
  overflow:visible!important;
}
#viewFreeResult .l2v8-cue .cue-arrow path{
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:4.4!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  vector-effect:non-scaling-stroke!important;
}
@media (prefers-reduced-motion:reduce){#viewFreeResult .l2v8-cue .cue-arrow{animation:none!important;}}

/* Layer3: remove the remaining warm/yellow cast while preserving hierarchy. */
#viewPaidPreview>.card{
  background:#FFFFFF!important;
  border-color:#E3EBEA!important;
  box-shadow:0 10px 28px rgba(57,78,80,.055)!important;
}
#viewPaidPreview .report-open{
  background:#F8FBFA!important;
  border:1px solid #E3EBEA!important;
}
#viewPaidPreview .report-outline div{
  background:#FFFFFF!important;
  border-color:#E3EBEA!important;
  color:#526063!important;
}
#viewPaidPreview .report-sub{color:#778486!important;}
#viewPaidPreview .report-open,
#viewPaidPreview .blur-content p{color:#4E5B5D!important;}
#viewPaidPreview .lock-divider{
  color:#758184!important;
  border-color:#E3EBEA!important;
}
#viewPaidPreview .lock-divider:before,
#viewPaidPreview .lock-divider:after{background:#E3EBEA!important;}
#viewPaidPreview .blur-wrap{background:#F4F8F7!important;}
#viewPaidPreview .blur-fade{
  background:linear-gradient(180deg,rgba(255,255,255,0),#FFFFFF)!important;
}

/* v1.8.6.12 — Layer2 analysis cards: match Layer3 detailed GAP report preview card */
#viewFreeResult .v16-character-hero,
#viewFreeResult .v16-element-card,
#viewFreeResult .v16-origin-card{
  background:#FFFFFF!important;
  border-color:#E3EBEA!important;
  box-shadow:0 10px 28px rgba(57,78,80,.055)!important;
}