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

/* v1.6.3: strengthen the first result card and the reading copy without redesigning the accordions. */
#viewFreeResult .v163-result-card{
  margin:0 0 30px!important;
  padding:22px 20px 16px!important;
  border:1px solid #DDEBE8!important;
  border-radius:26px!important;
  background:linear-gradient(145deg,#F1F8F7 0%,#FFF9F0 100%)!important;
  box-shadow:0 12px 30px rgba(63,85,87,.07)!important;
  overflow:hidden!important;
}
#viewFreeResult .v163-result-card:after{
  width:190px!important;height:190px!important;right:-92px!important;top:-60px!important;
  background:rgba(255,255,255,.48)!important;
}
#viewFreeResult .v163-result-card .l2v8-hero-main{
  grid-template-columns:43% minmax(0,1fr)!important;
  gap:12px!important;
  min-height:218px!important;
}
#viewFreeResult .v163-result-card .l2v8-hero-char{
  max-height:248px!important;
  transform:scale(1.06);
  transform-origin:center bottom;
}
#viewFreeResult .v163-result-card .v161-result-kicker{
  font-size:28px!important;
  margin-bottom:13px!important;
  color:#334243!important;
}
#viewFreeResult .v163-result-card .l2v8-opener{
  max-width:none!important;
  font-size:16px!important;
  line-height:1.78!important;
  color:#4B5859!important;
}
#viewFreeResult .v163-result-cue{
  margin:16px 0 0!important;
  padding:15px 2px 0!important;
  border-top:1px solid rgba(111,158,154,.18);
  font-family:'Jua',sans-serif!important;
  font-size:15.5px!important;
  font-weight:400!important;
  color:#5E7775!important;
}
#viewFreeResult .v163-result-cue span{font-size:22px!important;-webkit-text-stroke:.85px currentColor;text-stroke:.85px currentColor}

/* Strong/weak element explanations become actual color-coded cards. */
#viewFreeResult .v16-element-spotlight{
  display:grid!important;
  gap:10px!important;
  margin-top:15px!important;
}
#viewFreeResult .v16-element-spotlight .element-spot-row{
  display:block!important;
  margin:0!important;
  padding:15px 16px!important;
  border:1px solid transparent!important;
  border-radius:17px!important;
}
#viewFreeResult .v16-element-spotlight .element-spot-row+.element-spot-row{
  margin-top:0!important;
  padding-top:15px!important;
}
#viewFreeResult .v16-element-spotlight .element-spot-label{
  display:block!important;
  margin-bottom:7px!important;
  font-family:'Jua',sans-serif!important;
  font-size:16.5px!important;
  line-height:1.35!important;
  color:#3D494A!important;
}
#viewFreeResult .v16-element-spotlight .element-spot-row p{
  font-size:14.5px!important;
  line-height:1.72!important;
  color:#4F5A5C!important;
}
#viewFreeResult .element-tint-목{background:#EDF7EC!important;border-color:#D1E6CF!important}
#viewFreeResult .element-tint-화{background:#FFF0EC!important;border-color:#F2D1C8!important}
#viewFreeResult .element-tint-토{background:#FAF4E6!important;border-color:#E9DDBF!important}
#viewFreeResult .element-tint-금{background:#F3F4F5!important;border-color:#DEE0E3!important}
#viewFreeResult .element-tint-수{background:#EDF5FA!important;border-color:#D2E3EF!important}

/* Keep the v1.6.2 reading card visuals exactly as-is; only improve reading rhythm. */
#viewFreeResult .l2v8-free-reading>.l2v8-gap-head p{
  max-width:390px;
  font-size:14.5px!important;
  line-height:1.75!important;
  color:#687476!important;
}
#viewFreeResult .l2v9-acc-panel-inner p{
  white-space:pre-line;
  font-size:15.5px!important;
  line-height:1.8!important;
  color:#4C585A!important;
}

@media(max-width:390px){
  #viewFreeResult .v163-result-card{padding:19px 15px 14px!important}
  #viewFreeResult .v163-result-card .l2v8-hero-main{grid-template-columns:40% minmax(0,1fr)!important;gap:8px!important;min-height:205px!important}
  #viewFreeResult .v163-result-card .l2v8-hero-char{max-height:225px!important}
  #viewFreeResult .v163-result-card .v161-result-kicker{font-size:26px!important}
  #viewFreeResult .v163-result-card .l2v8-opener{font-size:15.5px!important;line-height:1.75!important}
  #viewFreeResult .v163-result-cue{font-size:15px!important}
}
@media(max-width:350px){
  #viewFreeResult .v163-result-card .l2v8-hero-main{grid-template-columns:37% minmax(0,1fr)!important;gap:7px!important}
  #viewFreeResult .v163-result-card .l2v8-hero-char{max-height:205px!important}
}