/* v0.5.20 — Report Final Polish
   Final visual hierarchy + real-data learning insight layer.
   Layered on Adventure Report v0.5.18 and Data Polish v0.5.19. */

.report-card[data-adventure-report="1"].report-polish-v0519.report-final-v0520 .report-header{
  min-height:126px;
  padding:21px 238px 21px 27px;
}
.report-card[data-adventure-report="1"].report-polish-v0519.report-final-v0520 .report-header h2{
  color:#fff9ef;
  font-size:24px;
  line-height:1.08;
  font-weight:800;
  letter-spacing:.02em;
  text-shadow:0 2px 8px rgba(137,75,41,.17);
}
.report-card[data-adventure-report="1"].report-polish-v0519.report-final-v0520 .report-header p{
  margin-top:4px;
  color:rgba(78,55,43,.84);
  font-size:13.5px;
  line-height:1.38;
  font-weight:600;
}
.report-card[data-adventure-report="1"].report-polish-v0519.report-final-v0520 .report-hero-visual{
  right:130px;
  bottom:-5px;
  width:122px;
  height:126px;
}
.report-card[data-adventure-report="1"].report-polish-v0519.report-final-v0520 .report-hero-visual img{
  width:114px;
  height:122px;
  filter:drop-shadow(0 10px 14px rgba(94,58,68,.16));
}
.report-card[data-adventure-report="1"].report-polish-v0519.report-final-v0520 .report-badge{
  right:22px;
  top:50%;
  transform:translateY(-50%);
  padding:8px 13px;
  font-size:11.5px;
  font-weight:800;
  box-shadow:0 6px 15px rgba(126,73,69,.10);
}

/* Panel balance */
.report-card[data-adventure-report="1"].report-polish-v0519.report-final-v0520 .report-main-grid{
  gap:15px;
}
.report-card[data-adventure-report="1"].report-polish-v0519.report-final-v0520 .report-chart,
.report-card[data-adventure-report="1"].report-polish-v0519.report-final-v0520 .report-table-wrap{
  min-height:390px;
  padding:17px;
}
.report-card[data-adventure-report="1"].report-polish-v0519.report-final-v0520 .report-chart h3,
.report-card[data-adventure-report="1"].report-polish-v0519.report-final-v0520 .report-table-wrap h3{
  margin-bottom:9px;
}

/* Mini-stat typography: readable without overpowering the chart. */
.report-card[data-adventure-report="1"].report-final-v0520 .report-insights{
  gap:7px;
  margin-bottom:3px;
}
.report-card[data-adventure-report="1"].report-final-v0520 .report-insight{
  padding:8px 10px 7px;
}
.report-card[data-adventure-report="1"].report-final-v0520 .report-insight-label{
  margin-bottom:3px;
  font-size:10.5px;
  line-height:1.08;
  font-weight:800;
  letter-spacing:.035em;
}
.report-card[data-adventure-report="1"].report-final-v0520 .report-insight-value{
  font-size:18px;
  font-weight:850;
}

/* Pull the chart upward and soften the benchmark. */
.report-card[data-adventure-report="1"].report-polish-v0519.report-final-v0520 .report-chart-inner{
  height:226px;
  padding:19px 7px 4px;
  gap:6px;
  margin-top:0;
}
.report-card[data-adventure-report="1"].report-final-v0520 .report-benchmark{
  border-top-color:rgba(52,122,166,.14);
}
.report-card[data-adventure-report="1"].report-final-v0520 .report-benchmark span{
  color:#7a94a4;
  background:rgba(224,246,255,.58);
  opacity:.82;
}
.report-card[data-adventure-report="1"].report-polish-v0519.report-final-v0520 .report-chart-decor{
  bottom:10px;
  opacity:.09;
}

/* Detail rows: slightly tighter, easier to scan as a report. */
.report-card[data-adventure-report="1"].report-polish-v0519.report-final-v0520 .report-table{
  border-spacing:0 5px;
  font-size:12px;
}
.report-card[data-adventure-report="1"].report-polish-v0519.report-final-v0520 .report-table thead th{
  padding:0 9px 4px;
  font-size:11.2px;
}
.report-card[data-adventure-report="1"].report-polish-v0519.report-final-v0520 .report-table tbody td{
  padding:7px 9px;
}
.report-card[data-adventure-report="1"].report-final-v0520 .report-table tbody tr{
  box-shadow:0 4px 10px rgba(43,105,143,.045);
}

/* Real-data learning insights. */
.report-card[data-adventure-report="1"] .report-learning-insights{
  position:relative;
  z-index:2;
  margin-top:14px;
  padding:14px 15px 15px;
  border:1px solid rgba(255,255,255,.72);
  border-radius:22px;
  background:
    radial-gradient(circle at 92% 15%,rgba(255,226,121,.20),transparent 20%),
    linear-gradient(135deg,rgba(236,250,255,.91),rgba(212,241,253,.82));
  box-shadow:0 12px 28px rgba(36,105,151,.10),inset 0 1px 0 rgba(255,255,255,.86);
  overflow:hidden;
}
.report-card[data-adventure-report="1"] .report-learning-insights::after{
  content:'✦';
  position:absolute;
  right:18px;
  top:10px;
  color:rgba(255,190,50,.46);
  font-size:23px;
  pointer-events:none;
}
.report-card[data-adventure-report="1"] .report-learning-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:12px;
  margin-bottom:10px;
}
.report-card[data-adventure-report="1"] .report-learning-head h3{
  margin:0;
  color:#173852;
  font-size:15px;
  line-height:1.15;
  font-weight:800;
}
.report-card[data-adventure-report="1"] .report-learning-head p{
  margin:0;
  color:#6b8799;
  font-size:10.8px;
  line-height:1.3;
  font-weight:600;
}
.report-card[data-adventure-report="1"] .report-learning-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:9px;
}
.report-card[data-adventure-report="1"] .report-learning-item{
  min-width:0;
  padding:11px 12px 10px;
  border:1px solid rgba(255,255,255,.82);
  border-radius:16px;
  background:rgba(255,255,255,.66);
  box-shadow:0 6px 15px rgba(47,111,151,.06),inset 0 1px 0 rgba(255,255,255,.85);
}
.report-card[data-adventure-report="1"] .report-learning-label{
  display:flex;
  align-items:center;
  gap:6px;
  margin-bottom:4px;
  color:#56778e;
  font-size:10.5px;
  line-height:1.15;
  font-weight:750;
  letter-spacing:.015em;
}
.report-card[data-adventure-report="1"] .report-learning-value{
  display:block;
  margin-bottom:3px;
  color:#173852;
  font-size:17px;
  line-height:1.1;
  font-weight:850;
}
.report-card[data-adventure-report="1"] .report-learning-note{
  display:block;
  color:#6b8496;
  font-size:10.8px;
  line-height:1.3;
  font-weight:600;
}
.report-card[data-adventure-report="1"] .report-learning-item.trend .report-learning-value{color:#1583bc}
.report-card[data-adventure-report="1"] .report-learning-item.benchmark .report-learning-value{color:#df8b19}
.report-card[data-adventure-report="1"] .report-learning-item.subject .report-learning-value{color:#5d63bd}

@media(max-width:1080px){
  .report-card[data-adventure-report="1"].report-polish-v0519.report-final-v0520 .report-chart-inner{height:230px}
  .report-card[data-adventure-report="1"] .report-learning-grid{grid-template-columns:1fr}
}
@media(max-width:720px){
  .report-card[data-adventure-report="1"].report-polish-v0519.report-final-v0520 .report-header{
    min-height:116px;
    padding:18px 118px 18px 18px;
  }
  .report-card[data-adventure-report="1"].report-polish-v0519.report-final-v0520 .report-header h2{font-size:21px}
  .report-card[data-adventure-report="1"].report-polish-v0519.report-final-v0520 .report-header p{font-size:12px}
  .report-card[data-adventure-report="1"].report-polish-v0519.report-final-v0520 .report-hero-visual{
    right:10px;
    width:86px;
    height:94px;
  }
  .report-card[data-adventure-report="1"].report-polish-v0519.report-final-v0520 .report-hero-visual img{
    width:80px;
    height:88px;
  }
  .report-card[data-adventure-report="1"].report-polish-v0519.report-final-v0520 .report-badge{
    right:10px;
    top:auto;
    bottom:8px;
    transform:none;
  }
  .report-card[data-adventure-report="1"].report-final-v0520 .report-insight-label{font-size:9.3px}
  .report-card[data-adventure-report="1"].report-final-v0520 .report-insight-value{font-size:16px}
  .report-card[data-adventure-report="1"] .report-learning-head{display:block}
  .report-card[data-adventure-report="1"] .report-learning-head p{margin-top:3px}
  .report-card[data-adventure-report="1"] .report-learning-grid{grid-template-columns:1fr}
}