.ivd-tabs { display:flex; gap:24px; border-bottom:1px solid #ccc; margin:0 0 32px; }
.ivd-tabs a { padding:14px 0; text-decoration:none; color:inherit; }
.ivd-tabs [aria-current="page"] { border-bottom:3px solid currentColor; font-weight:700; }
.ivd-controls { display:flex; flex-wrap:wrap; align-items:stretch; gap:20px; margin:28px 0 22px; }
.ivd-controls label { display:grid; gap:8px; font-size:13px; }
.ivd-controls input,.ivd-controls select { border:1px solid #aaa; padding:12px; background:var(--surface,#fff); color:inherit; min-height:46px; }
.ivd-controls input { width:310px; max-width:100%; }
.ivd-controls button { min-height:46px; align-self:end; }
.ivd-controls .ivd-bounds { display:flex; align-items:center; gap:7px; }
.ivd-controls .ivd-bounds input { width:95px; min-width:0; }
.ivd-controls select { max-width:230px; }
.ivd-legend { display:flex; align-items:center; flex-wrap:wrap; gap:12px; font-size:12px; margin:20px 0; }
.ivd-legend-ramp { width:150px; height:12px; background:linear-gradient(90deg,rgb(45,164,112),rgb(244,210,86),rgb(218,57,49)); }
.ivd-legend-dot { display:inline-block; width:10px; height:10px; background:#111; border:2px solid white; outline:1px solid #111; border-radius:50%; margin-left:16px; }
.ivd-scroll { overflow-x:auto; border-top:1px solid #888; }
.ivd-table { min-width:850px; }
.ivd-head,.ivd-row { display:grid; grid-template-columns:150px minmax(280px,1fr) 112px 155px 70px; gap:18px; align-items:center; }
.ivd-head { min-height:70px; font-size:12px; border-bottom:1px solid #aaa; }
.ivd-axis { position:relative; height:28px; margin-top:20px; }
.ivd-axis span { position:absolute; transform:translateX(-50%); font-variant-numeric:tabular-nums; }
.ivd-axis span:first-child { transform:none; }
.ivd-axis span:last-child { transform:translateX(-100%); }
.ivd-row { min-height:72px; border-bottom:1px solid #e3e3e3; font-size:13px; }
.ivd-name { display:grid; gap:5px; text-decoration:none; color:inherit; padding:12px 0; }
.ivd-name strong { font-size:15px; }
.ivd-name small { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:150px; }
.ivd-row small { display:block; color:#777; font-size:11px; margin-top:4px; }
.ivd-track { height:42px; position:relative; background:repeating-linear-gradient(90deg,#ddd 0,#ddd 1px,transparent 1px,transparent 12.5%); }
.ivd-bin { position:absolute; top:9px; height:24px; min-width:1px; }
.ivd-point { position:absolute; z-index:2; top:14px; width:14px; height:14px; border:3px solid white; outline:1.5px solid #111; border-radius:50%; background:#111; transform:translateX(-50%); }
.ivd-single { position:absolute; width:3px; height:24px; top:9px; }
.ivd-missing { position:absolute; left:5px; top:13px; font-size:11px; color:#777; }
.ivd-value,.ivd-range,.ivd-rank { font-variant-numeric:tabular-nums; }
.ivd-note { color:#777; font-size:12px; line-height:1.8; margin:18px 0; }
@media(max-width:700px) { .ivd-controls { gap:12px; } .ivd-controls label:first-child { width:100%; } .ivd-controls input { width:100%; } .ivd-table { min-width:790px; } .ivd-head,.ivd-row { grid-template-columns:110px minmax(270px,1fr) 100px 145px 65px; gap:14px; } .ivd-name { position:sticky; left:0; z-index:3; background:var(--surface,#fff); } .ivd-name small { max-width:105px; } }