.learning-trends{margin-top:24px}.trend-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.trend-heading h2{margin:7px 0}.trend-heading p{margin-bottom:0}.trend-ranges,.trend-metrics{display:flex;gap:5px;flex-wrap:wrap}.trend-ranges button,.trend-metrics button{border:1px solid var(--line);background:var(--paper);color:var(--muted);padding:8px 12px;border-radius:9px;font:12px var(--sans);cursor:pointer}.trend-ranges button[aria-pressed=true],.trend-metrics button[aria-pressed=true]{background:var(--green);color:var(--white);border-color:var(--green)}.trend-metrics{margin:22px 0}.trend-readout{display:flex;gap:20px;align-items:center;justify-content:space-between}.trend-readout>div>span{display:block;color:var(--muted);font-size:12px}.trend-readout strong{font:32px var(--serif);display:block;margin-top:5px}.trend-readout strong small{font:12px var(--sans)}.trend-readout p{font-size:12px;color:var(--muted);text-align:right;max-width:55%}.trend-svg{display:block;width:100%;height:auto;min-height:130px;margin:20px 0 4px;overflow:visible}.trend-svg text{font:11px var(--sans);fill:var(--muted)}.trend-grid{stroke:var(--line);stroke-width:1;stroke-dasharray:4 4}.trend-line{stroke:var(--green);stroke-width:3;fill:none;stroke-linecap:round;stroke-linejoin:round}.trend-point{fill:var(--green);stroke:var(--white);stroke-width:2}.trend-point.chosen{fill:var(--orange)}.trend-days{display:flex;gap:5px;overflow-x:auto;padding:8px 2px;scrollbar-width:thin}.trend-days button{min-width:34px;flex:1;border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--muted);font:11px var(--sans);padding:7px 3px;cursor:pointer}.trend-days button span{display:block;font-size:14px}.trend-days button[aria-pressed=true]{background:var(--sage);border-color:var(--green);color:var(--green)}.trend-note{line-height:1.65;margin-top:15px;font-size:11px!important}@media(max-width:560px){.trend-heading{align-items:flex-start;flex-direction:column}.trend-readout{display:block}.trend-readout p{max-width:none;text-align:left}.trend-svg{min-height:100px}.trend-metrics button{font-size:11px;padding:8px}.trend-days button{min-width:32px}}