/* Comparison charts drawn above data tables (see table-charts.js). */
.tc-chart{--tc-border:1px solid #e3e8f2;--tc-radius:14px;--tc-a:#2563eb;--tc-b:#93b4f6;--tc-pos:#0f9f6e;--tc-neg:#e5484d;--tc-track:#eef3fb;--tc-bar:10px;--tc-bar-radius:6px;--tc-dot:50%;--tc-pad:18px 20px}
.tc-chart{margin:0 0 var(--tc-gap,18px);padding:var(--tc-pad,16px 18px);border:var(--tc-border,1px solid #e2e7ed);border-radius:var(--tc-radius,4px);background:var(--tc-bg,#fff);font-size:12px;color:var(--tc-ink,inherit)}
.tc-chart[hidden]{display:none}
.tc-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.tc-legend{display:flex;flex-wrap:wrap;gap:6px 16px;color:var(--tc-muted,#66758a);font-size:11px}
.tc-legend span{display:inline-flex;align-items:center;gap:6px}
.tc-legend i{display:inline-block;width:10px;height:10px;border-radius:var(--tc-dot,2px)}
.tc-rows{display:grid;gap:var(--tc-row-gap,7px)}
.tc-row{display:grid;grid-template-columns:minmax(72px,150px) minmax(0,1fr) minmax(64px,auto);gap:12px;align-items:center}
.tc-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--tc-label,inherit)}
.tc-bars,.tc-values{display:grid;gap:3px}
.tc-track{position:relative;display:block;height:var(--tc-bar,10px);background:var(--tc-track,#eef2f6);border-radius:var(--tc-bar-radius,2px);overflow:hidden}
.tc-track i{position:absolute;top:0;bottom:0;border-radius:inherit}
.tc-has-negative .tc-track::after{content:"";position:absolute;left:50%;top:0;bottom:0;border-left:1px solid var(--tc-axis,#9aa8b6)}
.tc-values{text-align:right;font-variant-numeric:tabular-nums}
.tc-values b{font-weight:600;font-size:11px;line-height:var(--tc-bar,10px);white-space:nowrap}
.tc-a{background:var(--tc-a,#2f5d8a)}.tc-b{background:var(--tc-b,#8fa8c1)}.tc-c{background:var(--tc-c,#c6d3e0)}
.tc-pos{background:var(--tc-pos,#13876c)}.tc-neg{background:var(--tc-neg,#d0485b)}
.tc-cols{position:relative;display:flex;gap:2px;height:var(--tc-col-height,170px)}
.tc-cols::after{content:"";position:absolute;left:0;right:0;top:50%;border-top:1px solid var(--tc-axis,#9aa8b6)}
.tc-col{position:relative;flex:1;min-width:0}
.tc-col:hover{background:var(--tc-track,#eef2f6)}
.tc-col-bar{position:absolute;left:12%;right:12%}
.tc-col-axis{display:flex;justify-content:space-between;margin-top:6px;color:var(--tc-muted,#66758a);font-size:11px}
@media(max-width:680px){.tc-row{grid-template-columns:72px minmax(0,1fr) auto;gap:8px}.tc-chart{padding:12px}}