/* why: house tokens only; svg text inherits the site sans. ref: js/msys-chart.js */
.msys-chart .msys-ichart{border:1px solid var(--line);border-radius:var(--r-control);background:var(--field);padding:var(--s-16);position:relative;text-align:left}
.msys-ichart-title{font-weight:600;font-size:var(--t-16);line-height:1.3;color:var(--ink);margin:0 0 var(--s-8)}
.msys-ichart-legend{list-style:none;margin:0 0 var(--s-12);padding:0;display:flex;flex-wrap:wrap;gap:var(--s-4) var(--s-16)}
.msys-ichart-legend li{display:flex;align-items:center;gap:var(--s-8);font-size:var(--t-13);line-height:1.3;color:var(--ink-2);margin:0}
.msys-ichart-legend svg{flex:none}
.msys-ichart-plot{position:relative;width:100%}
.msys-ichart-svg{display:block;width:100%;height:auto;touch-action:pan-y;overflow:visible}
.msys-ichart-svg text{font-family:var(--sans);font-size:12px;fill:var(--ink-2)}
.msys-ichart-svg text.yl{fill:var(--ink-3)}
.msys-ichart-svg:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.msys-ichart[data-ptr] .msys-ichart-svg:focus{outline-style:none}
.msys-ichart-foot{font-size:var(--t-13);line-height:1.4;color:var(--ink-3);margin-top:var(--s-8)}
.msys-ichart-tip{position:absolute;pointer-events:none;background:var(--field);border:1px solid var(--line-strong);border-radius:var(--r-control);padding:var(--s-8) var(--s-12);font-size:var(--t-13);line-height:1.4;color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap;z-index:2}
.msys-ichart-tip[hidden]{display:none}
.msys-ichart-tip-date{color:var(--ink-3);margin-bottom:var(--s-4)}
.msys-ichart-tip-row{display:flex;align-items:center;gap:var(--s-8)}
.msys-ichart-tip-name{color:var(--ink-2);min-width:4.5em}
.msys-ichart-tip-row strong{margin-left:auto;font-weight:600}
@media(max-width:520px){.msys-chart .msys-ichart{padding:var(--s-12)}.msys-ichart-svg text{font-size:11px}}
.msys-ichart-sub{font-size:var(--t-13);line-height:1.4;color:var(--ink-3);margin:calc(-1*var(--s-4)) 0 var(--s-8)}