
    .dq-wrap{ max-width:900px; margin:0 auto; }
    .dq-slider-row{ display:grid; grid-template-columns:170px 1fr 60px; align-items:center; gap:1rem; padding:1rem 0; border-bottom:1px solid var(--border); }
    @media (max-width:640px){ .dq-slider-row{ grid-template-columns:1fr; gap:.4rem; } }
    .dq-slider-label{ font-weight:600; font-size:.92rem; color:var(--ink); }
    .dq-slider-sub{ font-size:.75rem; color:var(--ink-muted); font-weight:400; display:block; }
    .dq-slider{ -webkit-appearance:none; width:100%; height:6px; border-radius:3px; background:var(--border); outline:none; }
    .dq-slider::-webkit-slider-thumb{ -webkit-appearance:none; width:20px; height:20px; border-radius:50%; background:var(--accent); cursor:pointer; border:3px solid #fff; box-shadow:0 1px 4px rgba(0,0,0,.25); }
    .dq-slider::-moz-range-thumb{ width:20px; height:20px; border-radius:50%; background:var(--accent); cursor:pointer; border:3px solid #fff; box-shadow:0 1px 4px rgba(0,0,0,.25); }
    .dq-slider-val{ font-weight:700; font-family:var(--font-mono); text-align:right; font-size:.95rem; }
    .dq-gauge-wrap{ display:flex; flex-direction:column; align-items:center; margin:2.5rem 0 1.5rem; }
    .dq-band-legend{ display:flex; gap:.6rem; flex-wrap:wrap; justify-content:center; margin:1.25rem 0 2rem; }
    .dq-band-pill{ font-size:.75rem; font-weight:700; padding:.4rem .9rem; border-radius:3px; color:#fff; }
    .dq-reco-card{ background:var(--bg-card); border:1.5px solid var(--border); border-left:4px solid var(--accent); border-radius:6px; padding:1.1rem 1.25rem; margin-bottom:.75rem; display:flex; justify-content:space-between; align-items:center; gap:1rem; flex-wrap:wrap; }
    .dq-reco-empty{ text-align:center; color:var(--ink-muted); padding:2rem 1rem; background:var(--bg-soft); border-radius:6px; }
  