.chart{margin:2.25em 0 2.5em;max-width:none!important}.chart__head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.25rem 1.5rem;margin-bottom:1rem;display:flex}.chart__title{font-family:var(--font-text);margin:0;font-size:1rem;font-weight:700;line-height:1.3}.chart__sub{color:var(--ink-muted);margin:0;font-size:.875rem}.chart__legend{color:var(--ink-muted);flex-wrap:wrap;gap:.375rem 1.25rem;margin:0 0 .875rem;padding:0;font-size:.8125rem;list-style:none;display:flex}.chart__legend li{align-items:center;gap:.5rem;display:inline-flex}.chart__legend i{background:var(--c,var(--pine));border-radius:3px;flex:none;width:12px;height:12px}.chart__legend i.line{border-radius:1px;width:18px;height:2px}.chart__legend i.ghost{background:repeating-linear-gradient(135deg,#10181673 0 2px,#0000 2px 5px);border:1px solid #10181659}.chart__cap{color:var(--ink-muted);margin:.875rem 0 0;font-size:.8125rem;line-height:1.45}.chart__cap a{color:var(--ink)}.chart details{margin-top:.625rem;font-size:.875rem}.chart summary{cursor:pointer;color:var(--ink-muted)}.chart details table{width:max-content;max-width:100%;margin:.75rem 0 0;font-size:.875rem;display:block;overflow-x:auto}.chart details td:not(:first-child){min-width:0}.bars{gap:.625rem;margin:0;display:grid}.bars__row{grid-template-columns:minmax(5.5rem,9rem) 1fr;align-items:center;gap:.75rem;display:grid}.bars__label{color:var(--ink);font-size:.875rem;line-height:1.25}.bars__label small{color:var(--ink-muted);font-size:.75rem;display:block}.bars__track{align-items:center;height:22px;display:flex;position:relative}.bars__bar{background:var(--c,#1f8a72);height:100%;max-height:22px;width:var(--w);border-radius:0 4px 4px 0;min-width:2px}.bars__bar.ghost{background:repeating-linear-gradient(135deg,#10181659 0 2px,#0000 2px 5px);border:1px solid #1018164d;border-left:0;border-radius:0 4px 4px 0}.bars__val{font-family:var(--font-tab);font-variant-numeric:lining-nums tabular-nums;white-space:nowrap;color:var(--ink);margin-left:.5rem;font-size:.875rem;font-weight:600}.bars__val small{white-space:normal;color:var(--ink-muted);font-size:.75rem;font-weight:400;line-height:1.3;font-family:var(--font-text);display:block}.bars__val{min-width:0}.bars__axis{height:1.25rem;color:var(--ink-muted);margin-left:calc(min(9rem,max(5.5rem,30%)) + .75rem);font-size:.75rem;position:relative}@media (width<=480px){.bars__row{grid-template-columns:1fr;gap:.25rem}.bars__axis{margin-left:0}.bars__track{padding-right:5rem}.stackbars .bars__track{padding-right:5.5rem}.stack__seg{font-size:.6875rem}}.stack__seg{background:var(--c);height:100%;font-family:var(--font-tab);font-variant-numeric:lining-nums tabular-nums;color:#fff;white-space:nowrap;justify-content:center;align-items:center;font-size:.75rem;display:flex;overflow:visible}.stack__seg+.stack__seg{margin-left:2px}.stack__seg:first-child{border-radius:0}.stack__seg:last-child{border-radius:0 4px 4px 0}.stack__seg.dark{color:var(--ink)}.stackbars .bars__track{height:26px}.stackbars .bars__bar{background:0 0;border-radius:0;display:flex}.plot{grid-template-rows:1fr auto;grid-template-columns:auto minmax(0,1fr);gap:.375rem .5rem;display:grid}.plot>*{min-width:0}.plot__y{color:var(--ink-muted);text-align:right;flex-direction:column-reverse;grid-row:1;justify-content:space-between;font-size:.75rem;display:flex}.plot__area{aspect-ratio:16/9;grid-row:1;position:relative}@media (width<=600px){.plot__area{aspect-ratio:4/3}.plot__tag,.plot__y,.plot__x{font-size:.6875rem}}.plot__area svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.plot__grid{stroke:#1018161f;stroke-width:1px;vector-effect:non-scaling-stroke}.plot__line{fill:none;stroke:var(--c,#1f8a72);stroke-width:2.5px;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}.plot__fill{fill:var(--c,#1f8a72);opacity:.1}.plot__x{color:var(--ink-muted);grid-column:2;justify-content:space-between;font-size:.75rem;display:flex}.plot__dot{background:var(--c,#1f8a72);width:10px;height:10px;box-shadow:0 0 0 2px var(--paper);border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.plot__tag{white-space:nowrap;color:var(--ink);background:var(--paper);border-radius:3px;padding:1px 4px;font-size:.75rem;line-height:1.2;position:absolute;transform:translate(-50%,calc(-100% - 10px))}.plot__tag b{font-family:var(--font-tab);font-variant-numeric:lining-nums tabular-nums;font-weight:700}.plot__tag.below{transform:translate(-50%,12px)}.plot__tag.left{transform:translate(calc(-100% - 10px),-50%)}.plot__xlabel,.plot__ylabel{color:var(--ink-muted);font-size:.75rem}.plot__ylabel{grid-area:3/1/auto/-1}.tl__row{grid-template-columns:minmax(7rem,12rem) 1fr}.tl__axis{color:var(--ink-muted);justify-content:space-between;margin-left:calc(min(12rem,max(7rem,36%)) + .75rem);font-size:.75rem;display:flex}@media (width<=480px){.tl__row{grid-template-columns:1fr}.tl__axis{margin-left:0}}.div__track{height:22px;position:relative}.div__zero{background:#1018164d;width:1px;position:absolute;top:-4px;bottom:-4px;left:50%}.div__bar{height:100%;position:absolute;top:0}.div__bar.up{background:#c2551f;border-radius:0 4px 4px 0;left:50%}.div__bar.down{background:#1f8a72;border-radius:4px 0 0 4px;right:50%}.div__val{font-family:var(--font-tab);font-variant-numeric:lining-nums tabular-nums;white-space:nowrap;font-size:.875rem;font-weight:600;position:absolute;top:50%;transform:translateY(-50%)}.div__val.up{left:calc(50% + var(--w) + .5rem)}.div__val.down{right:calc(50% + var(--w) + .5rem)}@media print{.chart{break-inside:avoid}.bars__bar,.stack__seg,.div__bar,.plot__dot{-webkit-print-color-adjust:exact;print-color-adjust:exact}}
