/* Интерактивный кейс-«перевёртыш» — оформление */
.pv{margin:26px 0;font-family:var(--sans)}
.pv-lead p{font-family:var(--serif);font-size:14.5px;margin-bottom:8px}
.pv-note{font-size:12.5px!important;color:#666}

.pv-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}
.pv-step{display:flex;flex-direction:column;gap:5px;text-align:left;cursor:pointer;
  background:var(--card);border:1px solid var(--line);border-radius:10px;padding:13px 15px;
  font-family:var(--sans);color:inherit;transition:.15s}
.pv-step:hover{border-color:var(--purple)}
.pv-step.on{border-color:var(--purple);box-shadow:0 0 0 2px rgba(91,59,140,.15);background:#faf8ff}
.pv-num{font-size:10.5px;text-transform:uppercase;letter-spacing:.6px;color:#999}
.pv-step b{font-size:14px;color:var(--navy);line-height:1.3}
.pv-desc{font-size:12px;color:#777;flex:1}
.pv-rho{font-size:15px;font-weight:700;color:var(--purple);margin-top:4px}

.pv-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:16px;align-items:start}
.pv-card{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:16px 18px}
.pv-card h4{font-size:13px;color:var(--navy);margin-bottom:10px}
.pv-tw{max-height:390px;overflow:auto}
.pv-tbl{border-collapse:collapse;width:100%;font-size:12.5px}
.pv-tbl th,.pv-tbl td{border-bottom:1px solid var(--line);padding:5px 7px;text-align:left}
.pv-tbl th{position:sticky;top:0;background:var(--wash-var);color:var(--navy);font-size:11.5px}
.pv-tbl .n{text-align:right;font-variant-numeric:tabular-nums}
.pv-tbl .hi{color:#b03a2e;font-weight:700}
.pv-tbl .pv-gaterow{background:var(--wash-teach)}
.pv-tbl .pv-gaterow td{font-weight:700;color:#7a5c00}

.pv-big{display:flex;align-items:baseline;gap:9px;margin-bottom:6px}
.pv-big span{font-size:38px;font-weight:700;color:var(--purple);line-height:1}
.pv-big small{font-size:11.5px;color:#888}
.pv-meta{font-size:12px;color:#666;margin-bottom:16px}
.pv-scale{position:relative;height:8px;border-radius:5px;margin:26px 0 4px;
  background:linear-gradient(90deg,#e8e0e0 0%,#efe9d9 45%,#dfe9d4 100%)}
.pv-marker{position:absolute;top:-5px;width:3px;height:18px;border-radius:2px;background:var(--purple);transition:left .25s}
.pv-tick{position:absolute;top:10px;width:1px;height:7px;background:#bbb}
.pv-tick i{position:absolute;top:8px;left:-45px;width:90px;text-align:center;font-style:normal;font-size:10px;color:#888;white-space:nowrap}
.pv-scalecap{font-size:10.5px;color:#aaa;margin-top:26px}
.pv-verdict{font-size:13px;border-radius:8px;padding:10px 12px;margin-top:14px;font-family:var(--serif)}
.v-good{background:var(--wash-refl);border-left:4px solid var(--green)}
.v-weak{background:var(--wash-teach);border-left:4px solid #c9a227}
.v-none{background:var(--wash-prac);border-left:4px solid #b03a2e}
.pv-gate{display:flex;gap:10px;align-items:flex-start;font-size:12.5px;border-radius:8px;padding:10px 12px;margin-top:10px}
.pv-gate b{flex:none;width:20px;height:20px;border-radius:50%;text-align:center;line-height:20px;font-size:12px;color:#fff}
.pv-ok{background:var(--wash-refl)}.pv-ok b{background:var(--green)}
.pv-warn{background:var(--wash-prac)}.pv-warn b{background:#b03a2e}

.pv-moral{background:var(--wash-var);border-radius:10px;padding:16px 20px;margin-top:16px}
.pv-moral h4{font-size:14px;color:var(--purple);margin-bottom:7px}
.pv-moral p{font-family:var(--serif);font-size:14px;margin:0}

@media(max-width:860px){
  .pv-steps,.pv-grid{grid-template-columns:1fr}
  .pv-tw{max-height:none}
}

/* примечание под таблицей рангов */
.pv-tblnote{font-family:var(--serif);font-size:12.5px;color:#666;margin-top:10px}
.pv-tblnote:empty{display:none}