/* Shared WHY-panel styles — the numbered valuation-chain widget rendered by /static/why_panel.js.
   Used by the trade calculator AND current-season /trade pages (single source; inline copies were
   removed when the panel went shared). Show/hide gating of the panel container (.pcard .why etc.)
   stays page-specific — this file only styles the widget's OWN internals. */
.wstep{margin-bottom:8px}
.wstep-head{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.wstep.has-x .wstep-head{cursor:pointer}
.wstep-lab{font-size:9px;text-transform:uppercase;letter-spacing:.5px;color:#9aa5af;font-weight:700}
.wcaret{display:inline-block;font-size:8px;color:#c3cad1;margin-left:4px;transition:transform .15s;vertical-align:1px}
.wstep.open .wcaret{transform:rotate(90deg)}
.wstep-val{font-size:13px;font-weight:800;color:#2d3138;white-space:nowrap}
.wstep-val.vgood{color:#1a7d5a}
.wstep-val.vbad{color:#c0492b}
.wstep-body{display:none;font-size:10.5px;color:#8792a0;line-height:1.55;margin-top:2px}
.wstep.open .wstep-body{display:block}
.wstep-body b{color:#4a5560;font-weight:600}
.wstep-always{margin-top:3px}
.pacetrail{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:6px;font-size:11px;color:#4a5560}
.pace-chip{white-space:nowrap;cursor:default}
.pace-chip b{color:#3a4650}
.pace-chip.px{text-decoration:line-through}
.pc-bad{color:#c0492b!important}
.pc-good{color:#1a7d5a!important}
.why-sum{display:flex;justify-content:space-between;align-items:baseline;font-size:12.5px;font-weight:800;padding-top:6px;margin-top:2px;border-top:1px dashed #dde2e6}
.why-sum.pos{color:#1a7d5a}
.why-sum.neg{color:#c0492b}
.why-sum .tag{font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;opacity:.7;margin-left:5px}
.why-hint{font-size:9px;color:#b6bec6;margin:2px 0 0;letter-spacing:.3px}
html[data-theme="dark"] .wstep-lab{color:#6e7882}
html[data-theme="dark"] .wcaret{color:#565e66}
html[data-theme="dark"] .wstep-val{color:#e8ebee}
html[data-theme="dark"] .wstep-val.vgood{color:#4cc08e}
html[data-theme="dark"] .wstep-val.vbad{color:#e8836a}
html[data-theme="dark"] .wstep-body{color:#7d8894}
html[data-theme="dark"] .wstep-body b{color:#cdd4dc}
html[data-theme="dark"] .why-hint{color:#565e66}
html[data-theme="dark"] .pc-bad{color:#e8836a!important}
html[data-theme="dark"] .pc-good{color:#4cc08e!important}
html[data-theme="dark"] .pacetrail{color:#b3bbc4}
html[data-theme="dark"] .pace-chip b{color:#cdd4dc}
html[data-theme="dark"] .why-sum{border-top-color:#3a4047}
html[data-theme="dark"] .why-sum.pos{color:#4cc08e}
html[data-theme="dark"] .why-sum.neg{color:#e8836a}