/* "What changed" waterfall on the Results page (2026-09-26) — see js/28-plan-changes.js */
.pchg { margin:18px 0; padding:18px 20px; border:1px solid var(--c-gray-90); border-radius:16px; background:var(--c-gray-99); }
.pchg[hidden] { display:none; }
.pchg-head { display:flex; align-items:baseline; justify-content:space-between; gap:12px; }
.pchg-head h3 { margin:0; font-size:17px; font-weight:800; color:var(--c-sage-30); }
.pchg-link { padding:0; border:0; background:none; color:var(--c-teal-50); font:inherit; font-size:12.5px; font-weight:700; text-decoration:underline; text-underline-offset:2px; cursor:pointer; }
.pchg-sub { margin:4px 0 0; font-size:12.5px; color:var(--c-slate-50); }
.pchg-tabs { display:flex; flex-wrap:wrap; gap:6px; margin:10px 0 2px; }
.pchg-tabs button { padding:5px 11px; border:1px solid var(--c-gray-90); border-radius:999px; background:var(--c-gray-99); color:var(--c-sage-40); font:inherit; font-size:12.5px; font-weight:600; cursor:pointer; }
.pchg-tabs button.on { background:var(--c-teal-50); border-color:var(--c-teal-50); color:var(--c-gray-99); }
.pchg-lead { margin:12px 0 10px; font-size:13.5px; line-height:1.5; color:var(--c-slate-45); }
.pchg-lead strong { color:var(--c-sage-30); font-variant-numeric:tabular-nums; }
.pchg-go { padding:9px 16px; border:0; border-radius:10px; background:var(--c-teal-50); color:var(--c-gray-99); font:inherit; font-size:13.5px; font-weight:700; cursor:pointer; }
.pchg-busy span { display:inline-block; width:12px; height:12px; margin-right:8px; vertical-align:-2px; border:2px solid var(--c-sage-90); border-top-color:var(--c-teal-50); border-radius:50%; animation:pchgSpin .8s linear infinite; }
@keyframes pchgSpin { to { transform:rotate(360deg); } }
.pchg-bars { list-style:none; margin:4px 0 0; padding:0; }
.pchg-row { display:grid; grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) 112px; align-items:center; gap:12px; padding:7px 0; border-top:1px solid var(--c-gray-95); font-size:13px; }
.pchg-row:first-child { border-top:0; }
.pchg-l { color:var(--c-sage-35); line-height:1.35; overflow-wrap:anywhere; }
.pchg-track { position:relative; height:14px; border-radius:4px; background:var(--c-gray-95); }
.pchg-track i { position:absolute; top:0; bottom:0; border-radius:3px; }
.pchg-v { text-align:right; font-weight:800; color:var(--c-sage-30); font-variant-numeric:tabular-nums; }
.pchg-l small { display:block; margin-top:2px; font-size:11.5px; font-weight:500; color:var(--c-slate-55); }
.pchg-track { overflow:hidden; }
.pchg-track i.pchg-dot { width:6px; margin-left:-3px; border-radius:3px; }
.pchg-total .pchg-l { font-weight:700; }
.pchg-total .pchg-track i { background:var(--c-sage-75); }
.pchg-up .pchg-track i { background:var(--c-green-60); }
.pchg-up .pchg-v { color:var(--c-green-50); }
.pchg-down .pchg-track i { background:var(--c-red-60); }
.pchg-down .pchg-v { color:var(--c-red-50b); }
.pchg-flat .pchg-track i { background:var(--c-slate-55); }
.pchg-flat .pchg-v { font-weight:600; color:var(--c-slate-60); }
.pchg-wait .pchg-track i { left:0; right:0; background:linear-gradient(90deg,var(--c-gray-95),var(--c-gray-95),var(--c-gray-95)); background-size:200% 100%; animation:pchgShim 1.2s linear infinite; }
.pchg-wait .pchg-v { color:var(--c-slate-75); }
@keyframes pchgShim { to { background-position:-200% 0; } }
.pchg-note { margin:10px 0 0; font-size:12.5px; line-height:1.5; color:var(--c-slate-50); }
.lb-why { margin-left:6px; padding:1px 7px; border:1px solid currentColor; border-radius:999px; background:none; color:inherit; font:inherit; font-size:11.5px; font-weight:700; cursor:pointer; }
@media (max-width:700px){
  .pchg { margin:14px 0; padding:14px 14px; border-radius:14px; }
  .pchg-row { grid-template-columns:minmax(0,1fr) 92px; grid-template-areas:"l v" "t t"; gap:4px 10px; padding:8px 0; }
  .pchg-l { grid-area:l; } .pchg-v { grid-area:v; } .pchg-track { grid-area:t; height:10px; }
  .pchg-tabs { flex-wrap:nowrap; overflow-x:auto; scrollbar-width:none; }
  .pchg-tabs button { white-space:nowrap; }
}
#liveBar .lb-why { min-height:0 !important; min-width:0 !important; height:auto !important; padding:1px 8px !important; line-height:1.35 !important; border-radius:999px !important; box-shadow:none !important; font-size:11.5px !important; }