/* ===== SCORING: tap-segment bars (replaces sliders visually) ===== */
#page-score .slider-anchors, #page-score .slider-row { display:none !important; }
#page-score .cat-score { display:none !important; }
#page-score .cat-header { flex-wrap:wrap; }
#page-score .seg { display:flex; gap:5px; margin-top:4px; }
#page-score .seg i {
  flex:1; height:22px; border-radius:4px; background:#19232F; cursor:pointer;
  transition:background .15s, box-shadow .15s, transform .08s;
}
#page-score .seg i:hover { background:#22303f; }
#page-score .seg i.on { background:var(--accent); box-shadow:0 0 13px rgba(84,182,236,.7); }
#page-score .seg i.on:active { transform:scale(.94); }
#page-score .cat-pick {
  margin-left:auto; font-size:12.5px; font-weight:700; color:var(--accent);
  font-family:var(--ff-disp); white-space:nowrap;
}
#page-score .cat-pick.empty { color:var(--text-muted); font-weight:500; font-style:italic; }
#page-score .cat-pick.miss { color:var(--warm); display:inline-flex; align-items:center; gap:6px; font-style:normal; }
#page-score .cat-pick.miss::before { content:""; width:6px; height:6px; border-radius:50%; background:var(--warm); box-shadow:0 0 8px var(--warm); }
/* kill the jarring white progress band */
#page-score .progress-sticky { background:rgba(14,21,30,.96) !important; border-bottom:1px solid var(--line) !important; }
#page-score .progress-bar-wrap { background:#19232F !important; }
#page-score .progress-bar-fill { background:linear-gradient(90deg, var(--accent), #7CCBF2) !important; }
#page-score .progress-label { color:var(--text-muted) !important; }
/* ===== inline dial / tier result card ===== */
#page-score #result.result-card-wrap { display:block; margin-top:14px; }
#page-score .result-card {
  position:relative; overflow:hidden; display:flex; align-items:center; gap:18px;
  padding:18px; border-radius:16px; background:var(--panel2); border:1px solid var(--line);
}
#page-score .rc-aura { position:absolute; inset:0; pointer-events:none; }
#page-score .rc-dial { position:relative; width:112px; height:112px; flex:none; }
#page-score .rc-num { position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; }
#page-score .rc-num b { font-family:var(--ff-mono); font-weight:700; font-size:28px; line-height:1; color:#fff; }
#page-score .rc-num small { font-family:var(--ff-mono); font-size:11px; color:var(--text-muted); }
#page-score .rc-info { position:relative; }
#page-score .rc-tier { font-family:var(--ff-disp); font-weight:700; font-size:19px; letter-spacing:-.01em; }
#page-score .rc-temp { display:inline-flex; align-items:center; gap:6px; margin-top:6px; font-size:11px; letter-spacing:.12em; font-weight:700; }
#page-score .rc-temp::before { content:""; width:7px; height:7px; border-radius:50%; background:currentColor; box-shadow:0 0 9px currentColor; }
#page-score .rc-advice { font-size:12px; color:var(--text-muted); margin-top:8px; max-width:210px; line-height:1.5; }
#page-score .rc-cta {
  display:block; width:100%; margin-top:14px; padding:15px; border:none; border-radius:12px; cursor:pointer;
  background:var(--accent); color:#06141f; font-family:var(--ff-disp); font-weight:700; font-size:15px;
  box-shadow:0 0 24px rgba(84,182,236,.36); transition:transform .08s, box-shadow .2s;
}
#page-score .rc-cta:hover { box-shadow:0 0 34px rgba(84,182,236,.5); }
#page-score .rc-cta:active { transform:scale(.99); }