/* 203 (2026-10-10 · 대표 지시 ④ 가치입증 — 실제 피드백 카드 · 의심 3개를 장면으로 깨기) — /, /program/, /speak/ 결과 화면 공통.
 * 페이지 바탕(어두움 · 밝음)과 상관없이 읽히게 카드가 자기 바탕을 가진다. 색은 아래 토큰에서만. */
.vp{--vp-bg:#0f1115;--vp-card:#15181e;--vp-line:rgba(255,255,255,.12);--vp-fg:#f5f2eb;--vp-muted:#aeb3bd;--vp-gold:#e8a33d;--vp-good:#7fd1a8;--vp-mean:#ffb4a2;--vp-en:#cfe3ff}
.vp{display:grid;gap:22px;max-width:980px;margin:0 auto;color:var(--vp-fg)}
.vp-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:22px;align-items:start}
.vp-card{background:var(--vp-card);border:1px solid var(--vp-line);border-radius:18px;padding:22px 22px 18px;min-width:0}
.vp-card-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin:0 0 14px;font-weight:800;font-size:1rem;color:var(--vp-fg)}
.vp-tag{font-size:.72rem;font-weight:700;letter-spacing:.02em;color:var(--vp-muted);border:1px solid var(--vp-line);border-radius:999px;padding:3px 10px}
.vp-fb{margin:0;display:grid;gap:10px}
.vp-fb div{display:grid;gap:2px;padding:0 0 0 12px;border-left:3px solid var(--vp-line)}
.vp-fb dt{font-size:.78rem;font-weight:700;color:var(--vp-muted)}
.vp-fb dd{margin:0;font-size:1rem;line-height:1.55;color:var(--vp-fg);overflow-wrap:anywhere}
.vp-fb dd[lang=en]{color:var(--vp-en);font-weight:600}
.vp-fb .is-good{border-left-color:var(--vp-good)}
.vp-fb .is-mean{border-left-color:var(--vp-mean)}
.vp-fb .is-fix{border-left-color:var(--vp-gold)}
.vp-fb .is-frame dd{font-weight:700}
/* 10/12 CW-2050b — 대표 검수 피드백 형식(한 문장 한 덩어리) */
.vp-fb2{display:grid;gap:4px;min-width:0}
.vp-fb2 p{margin:0;font-size:1rem;line-height:1.6;color:var(--vp-fg);overflow-wrap:anywhere}
.vp-fb2 .vp-fb2-h{font-weight:800;margin-bottom:4px}
.vp-fb2 [lang=en]{color:var(--vp-en);font-weight:600}
.vp-fb2 .vp-fb2-why{margin-top:6px;padding-left:12px;border-left:3px solid var(--vp-good)}
.vp-fb2 .vp-fb2-x{margin-top:10px;padding-top:10px;border-top:1px solid var(--vp-line);font-size:.92rem;color:var(--vp-muted)}
.vp-card-foot{margin:14px 0 0;font-size:.8rem;color:var(--vp-muted);line-height:1.6}
.vp-card-foot button,.vp-card-foot a{color:var(--vp-gold);background:none;border:0;padding:0;font:inherit;text-decoration:underline;cursor:pointer;min-height:44px}
.vp-doubts{display:grid;gap:12px;min-width:0}
.vp-doubt{background:var(--vp-card);border:1px solid var(--vp-line);border-radius:16px;padding:16px 18px}
.vp-q{margin:0 0 6px;font-weight:800;font-size:1rem;color:var(--vp-fg)}
.vp-scene{margin:0;font-size:.95rem;line-height:1.65;color:var(--vp-muted)}
.vp-scene b{color:var(--vp-fg)}
.vp-num{display:block;margin:4px 0 2px;font-size:1.6rem;font-weight:900;letter-spacing:-.03em;color:var(--vp-gold);font-variant-numeric:tabular-nums}
.vp-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;counter-reset:vp}
.vp-steps li{background:var(--vp-card);border:1px solid var(--vp-line);border-radius:16px;padding:16px 18px;color:var(--vp-fg);min-width:0}
.vp-steps li::before{counter-increment:vp;content:counter(vp);display:inline-grid;place-items:center;width:26px;height:26px;margin-bottom:8px;border-radius:8px;background:var(--vp-gold);color:#111318;font-weight:900;font-size:.85rem}
.vp-steps b{display:block;font-size:1rem;margin-bottom:4px}
.vp-steps span{display:block;font-size:.9rem;line-height:1.6;color:var(--vp-muted)}
@media(max-width:780px){
 .vp-grid,.vp-steps{grid-template-columns:1fr}
 .vp-card{padding:18px 16px 14px}
 /* 첫 화면 단추 둘 — 모바일은 아래 고정 메뉴(둘)가 있으니 첫 화면 단추를 겹쳐 두지 않는다 */
 .vp-hide-mobile{display:none!important}
}