#indicator-grid .indicator-card{cursor:pointer}
.indicator-detail-button{display:block;margin-top:12px;padding:2px 0;border:0;background:none;color:#8abaff;font:inherit;font-size:12px;cursor:pointer}
.indicator-detail-button:hover{text-decoration:underline}
.indicator-detail{
  width:min(880px,calc(100% - 24px));max-height:calc(100dvh - 28px);overflow:auto;
  padding:clamp(18px,4vw,36px);border:1px solid #313946;border-radius:15px;
  background:#14171c;color:#e3ebf7;box-shadow:0 24px 90px #000a
}
.indicator-detail::backdrop{background:#000b}
.indicator-detail-close{position:absolute;right:12px;top:8px;color:#b2bed0;background:none;border:0;font-size:26px;cursor:pointer}
.indicator-detail-header{display:flex;justify-content:space-between;align-items:start;gap:12px;padding-right:16px}
.indicator-detail h2{margin:0;font-size:clamp(20px,3vw,28px)}
.indicator-detail p{color:#adb9cd;font-size:14px;line-height:1.65;margin:4px 0 14px}
.indicator-detail-reading{text-align:right}
.indicator-detail-reading strong{display:block;color:#d7eafa;font-size:clamp(16px,3vw,28px);white-space:nowrap}
.indicator-detail-chart{margin:16px 0 24px;padding:12px;border:1px solid #303845;border-radius:13px}
.indicator-detail-chart svg{display:block;width:100%;height:auto}
.indicator-detail-legend{display:flex;flex-wrap:wrap;gap:12px;font-size:12px;color:#adb9cd}
.indicator-detail-legend span::before{content:'';display:inline-block;width:9px;height:9px;background:var(--line);margin-right:5px;border-radius:2px}
.indicator-detail-columns{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.indicator-detail h3{color:#ffb45a;font-size:15px;margin:8px 0 3px}
.indicator-detail dl{margin:6px 0}.indicator-detail dl div{display:flex;justify-content:space-between;align-items:center;gap:8px;border-bottom:1px solid #303845;padding:7px 0}.indicator-detail dd{margin:0;color:#adb9cd;font-size:12px}
.indicator-detail-meter{display:grid;grid-template-columns:1fr 1fr;color:#adb9cd;font-size:12px;gap:4px;margin-bottom:8px}
.indicator-detail-meter meter{width:100%;grid-column:1/-1}.indicator-detail-meter span:last-child{text-align:right}
@media(max-width:560px){.indicator-detail-columns{grid-template-columns:1fr;gap:6px}}
.indicator-fear-filter{display:flex;align-items:center;gap:8px;font-size:12px;color:#adb9cd}
.indicator-fear-filter select{border:1px solid #394658;border-radius:5px;background:#1c222c;color:#e3ebf7;padding:4px 6px}
.indicator-detail-notes{padding-left:18px;margin:5px 0 14px;color:#adb9cd;font-size:14px;line-height:1.62}
.indicator-detail-notes li+li{margin-top:7px}
.indicator-detail-source a{color:#8abaff}