/* === Layout Components === */
.row { display:flex; gap:20px; width:100%; max-width:960px; margin-top:32px; }
.col { flex:1; padding:28px 24px; border:1px solid var(--border); border-radius:16px; text-align:left; }
.col p { font-size:14px; color:var(--dim); line-height:1.6; }
.papr-card { background:var(--surface); }
.divider { height:1px; background:var(--border); margin:14px 0; }
.step-num { font-size:12px; font-weight:600; letter-spacing:2px; color:var(--teal); margin-bottom:14px; }
.icon-svg { display:inline-block; }
.icon-svg svg { width:100%; height:100%; }

/* === Result Rows (Slide 1 — Problem) === */
.result-row { display:flex; align-items:center; gap:16px; padding:12px 16px;
  border-bottom:1px solid var(--border); }
.result-label { font-size:14px; font-weight:500; color:#fff; min-width:120px; font-variant-numeric:tabular-nums; }
.result-score { font-size:14px; font-weight:600; color:var(--teal);
  background:rgba(0,206,201,0.08); padding:3px 10px; border-radius:20px; }
.result-why { font-size:13px; color:var(--faint); margin-left:auto; }
.result-why em { color:rgba(255,100,100,0.8); font-style:normal; font-weight:500; }

/* === Evidence Demo (Slide 3) === */
.evidence-demo { width:100%; max-width:740px; margin-top:36px;
  border:1px solid var(--border); border-radius:16px; padding:28px 32px;
  background:var(--surface); }
.evidence-header { display:flex; align-items:center; gap:16px; margin-bottom:24px;
  padding-bottom:16px; border-bottom:1px solid var(--border); }
.evidence-scene { font-size:13px; color:var(--dim); flex:1; }
.evidence-vs { color:var(--teal); font-size:20px; font-weight:600; flex:0; }
.scene-label { font-size:11px; font-weight:600; letter-spacing:2px;
  color:var(--teal); display:block; margin-bottom:4px; }

/* === Evidence Bars === */
.evidence-bars { display:flex; flex-direction:column; gap:10px; }
.ebar { display:flex; align-items:center; gap:12px; }
.ebar-label { font-size:12px; color:var(--dim); width:100px; text-align:right;
  font-weight:500; flex-shrink:0; }
.ebar-track { flex:1; height:6px; background:rgba(255,255,255,0.06);
  border-radius:3px; overflow:hidden; }
.ebar-fill { height:100%; border-radius:3px; transition:width 1s ease; }
.ebar-fill.match-high { background:linear-gradient(90deg,#00cec9,#00b894); }
.ebar-fill.match-mid { background:linear-gradient(90deg,#fdcb6e,#e17055); }
.ebar-fill.match-low { background:linear-gradient(90deg,#e17055,#d63031); }
.ebar-val { font-size:12px; font-weight:600; width:40px; font-variant-numeric:tabular-nums; }
.ebar-val.hit { color:#00cec9; }
.ebar-val.mid { color:#fdcb6e; }
.ebar-val.miss { color:#d63031; }

/* === Frequency Table === */
.freq-table { width:100%; max-width:860px; margin-top:28px; border-collapse:collapse;
  font-size:13px; text-align:left; }
.freq-table th { color:var(--faint); font-size:11px; letter-spacing:2px;
  text-transform:uppercase; padding:8px 12px; border-bottom:1px solid var(--border); }
.freq-table td { padding:7px 12px; border-bottom:1px solid rgba(255,255,255,0.03);
  color:var(--dim); }
.freq-table .band-name { color:var(--teal); font-weight:500; }
.freq-table tr:hover td { background:rgba(255,255,255,0.02); }

/* === CTA Row (Summary) === */
.cta-row { display:flex; gap:20px; margin-top:48px; max-width:920px; }
.cta-item { flex:1; padding:24px 20px; border:1px solid var(--border);
  border-radius:14px; text-align:left; background:var(--surface); }
.cta-item h3 { font-size:16px; color:#fff; margin-bottom:8px; }
.cta-item p { font-size:13px; color:var(--dim); line-height:1.5; }

/* === Compare (legacy compat) === */
.compare { display:flex; gap:2px; max-width:820px; margin-top:40px; border-radius:16px;
  overflow:hidden; }
.compare-col { flex:1; padding:28px 24px; }
.compare-col h3 { font-size:15px; margin-bottom:16px; }
.compare-col p { font-size:13px; line-height:1.7; }
.compare-before { background:rgba(255,255,255,0.03); color:var(--dim); }
.compare-after { background:rgba(108,92,231,0.06); color:var(--dim); }