.indice-lead{margin:10px 0 0;color:var(--muted);font-size:15px;line-height:1.55;max-width:68ch}
.indice-what{border-left:3px solid var(--accent);font-size:14px;line-height:1.55}
.indice-what b{color:var(--ink)}
.indice-chart{padding-bottom:12px}.indice-chart h2{margin:0;font-size:16px}.indice-cap{margin:3px 0 12px;color:var(--muted);font-size:12.5px}.indice-chart-wrap{position:relative;height:280px}
.indice-rank h2,.indice-how h2{margin:0 0 10px;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.indice-row{display:grid;grid-template-columns:32px minmax(90px,1fr) minmax(100px,2fr) auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line-2)}
.indice-row:last-child{border-bottom:0}.indice-medal{font-size:16px;text-align:center;min-width:28px}.indice-pos{font-size:12px;font-weight:700;color:var(--muted);text-align:center}.indice-name{font-size:14px;font-weight:650;display:flex;align-items:center;gap:7px}.indice-dot{width:9px;height:9px;border-radius:50%;flex:none}
.sbar{display:block;height:9px;border-radius:999px;background:var(--line-2);overflow:hidden}.sbar > span{display:block;height:100%;min-width:0;border-radius:inherit;background:var(--accent)}.indice-value{font-size:15px;font-weight:750;color:var(--accent);white-space:nowrap}.indice-how p{margin:0;font-size:14px;line-height:1.55}.indice-empty{margin:0;color:var(--muted);font-size:14px;line-height:1.5;padding:8px 0}.indice-note{margin-top:14px;color:var(--muted);font-size:12px;line-height:1.45}
@media(max-width:600px){.indice-chart-wrap{height:245px}.indice-row{grid-template-columns:28px minmax(85px,1fr) auto}.indice-row .sbar{display:none}.indice-value{font-size:14px}}