/* Recorded-work chart controls and native HTML axes stay legible on phones. */
.chart-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:16px 0}.chart-toolbar [role=group]{display:flex;gap:4px}.chart-toolbar button,.chart-toolbar select{border:1px solid var(--line);border-radius:6px;background:var(--bg);color:var(--muted);font:inherit;font-size:12px;padding:7px 10px}.chart-toolbar button[aria-pressed=true]{color:var(--chart-accent,#70dfbd);background:color-mix(in srgb,var(--chart-accent) 10%,transparent);border-color:color-mix(in srgb,var(--chart-accent) 35%,transparent)}.chart-toolbar button{cursor:pointer}.chart-summary{display:flex;justify-content:space-between;gap:12px;margin:22px 0}.chart-summary span{display:grid;gap:7px}.chart-summary small{font-size:10px;color:var(--muted)}.chart-summary b{font-size:15px;font-weight:500;font-variant-numeric:tabular-nums}.chart-frame{height:210px;position:relative}.chart-y{position:absolute;left:0;top:10px;bottom:20px;width:70px;display:flex;flex-direction:column;justify-content:space-between;font-size:10px;color:var(--muted);font-variant-numeric:tabular-nums}.chart-plot{margin-left:75px;height:190px}.chart-plot svg{display:block;width:100%;height:190px;overflow:visible;touch-action:pan-y;cursor:crosshair}.chart-plot svg:focus-visible{outline:1px solid var(--chart-accent,#70dfbd);outline-offset:5px}.chart-plot path,.chart-plot line{vector-effect:non-scaling-stroke}.chart-plot .gridline{stroke:#ffffff0b;fill:none;stroke-dasharray:3 5}.chart-plot .series{fill:none;stroke:var(--chart-accent,#70dfbd);stroke-width:2}.chart-plot .chart-cursor{stroke:var(--chart-accent,#b4efdb)88;stroke-dasharray:3 4}.chart-plot circle{fill:var(--chart-accent,#b4efdb);stroke:var(--bg);stroke-width:1}.chart-x{display:flex;justify-content:space-between;gap:8px;margin:0 0 16px 75px;font-size:10px;color:var(--muted)}.chart-x span:nth-child(2){text-align:center}.chart-readout{min-height:42px;border:1px solid var(--line);background:var(--bg);border-radius:7px;padding:10px 12px;font-size:11px;color:var(--chart-accent,#b4efdb);font-variant-numeric:tabular-nums}.chart-caption{line-height:1.7}.chart-toolbar select{max-width:48%}@media(max-width:440px){.chart-summary{gap:8px}.chart-summary b{font-size:12px}.chart-y{width:60px;font-size:10px}.chart-plot{margin-left:65px}.chart-x{margin-left:65px;flex-wrap:wrap}.chart-x span:nth-child(2){order:3;flex-basis:100%;margin-top:5px}.chart-summary small{font-size:9px}}

.chart-toolbar{min-height:32px}

:root{--chart-accent:#e9bd68}