/* fear-controls-v1: an explicit interactive surface above the plot. */
body.page-fear-greed.chart-workbench .fear-controls {
  display:flex; flex-wrap:wrap; align-items:center; justify-content:center;
  gap:8px; padding:14px 16px; margin:4px 0 22px;
  background:linear-gradient(120deg,#19384b,#15283d);
  border:1px solid #6ddce570; border-top:2px solid #79e5dd;
  border-radius:12px; box-shadow:0 8px 20px #0003,inset 0 1px #ffffff08;
}
body.page-fear-greed.chart-workbench .fear-controls::before {
  content:'Range'; color:#b6dce5; font:800 11px Mulish,Arial,sans-serif;
  text-transform:uppercase; letter-spacing:.08em; margin-right:8px;
}
body.page-fear-greed.chart-workbench .fear-controls .control-pill {
  min-height:38px; padding:7px 14px; border-radius:7px;
  background:#0b1b2e; border:1px solid #64899f70; color:#c4d8e7;
  font:800 12px Mulish,Arial,sans-serif;
}
body.page-fear-greed.chart-workbench .fear-controls .control-pill.is-active {
  background:#79e5dd; color:#092b36; -webkit-text-fill-color:#092b36;
  border-color:#a7fff0; box-shadow:0 2px 8px #071d3580;
}
body.page-fear-greed.chart-workbench .fear-controls .control-pill:hover:not(.is-active) {background:#24465b;border-color:#79e5dd}
body.page-fear-greed.chart-workbench .fear-controls .control-pill:focus-visible {outline:2px solid #b3fff6;outline-offset:3px}
@media(max-width:480px){
 body.page-fear-greed.chart-workbench .fear-controls{gap:6px;padding:10px;margin-bottom:18px;justify-content:flex-start}
 body.page-fear-greed.chart-workbench .fear-controls::before{width:100%;margin:0 0 2px}
 body.page-fear-greed.chart-workbench .fear-controls .control-pill{flex:1 0 35px;padding:7px 8px}
}