.trend-label{font-size:11px;font-weight:600;margin-top:14px}
.combined-trend{min-width:0;margin:20px 0 28px;width:100%}
.combined-trend .section-head{flex-wrap:wrap;gap:8px}
.trend-controls,.trend-legend{display:flex;gap:18px;align-items:center;flex-wrap:wrap}
.trend-controls{justify-content:space-between;margin:14px 0}
.trend-legend label{display:flex;align-items:center;gap:6px;font-size:12px}
.combined-canvas{width:100%;height:310px;min-width:0}
.combined-canvas{overflow-x:auto;overflow-y:hidden}
.trend-plot{position:relative;min-width:760px;width:100%}
.trend-event-markers{position:absolute;inset:0;pointer-events:none}
.trend-event-marker{position:absolute;pointer-events:auto;width:118px;height:43px;padding:3px 5px;display:flex;flex-direction:column;justify-content:center;gap:2px;border:1px solid #bbcfc3;border-radius:4px;background:#f5faf7;line-height:1.2;text-align:left;overflow:hidden;color:#345749}
.trend-event-marker span{font-size:10px;font-weight:500;white-space:nowrap}
.trend-event-marker strong{font-size:10px;font-weight:600;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.trend-event-marker.selected{background:#145e4d;color:white;border-color:#145e4d}
.trend-event-marker:focus-visible{outline:2px solid #3373b1;outline-offset:2px}
.strategy-timeline .event-selected{background:#edf5f0;border-left:3px solid #145e4d;padding-left:8px}
.combined-canvas canvas{display:block;touch-action:pan-y}
.trend-readout{min-height:40px;font-size:12px;line-height:1.7;padding:8px 0;overflow-wrap:anywhere}
.trend-axis-note{margin-bottom:24px}
.strategy-timeline{max-height:420px;overflow:auto;margin-top:12px}
.strategy-timeline details{border-top:1px solid #dce4df;padding:10px 0}
.strategy-timeline summary{display:flex;align-items:center;gap:12px;cursor:pointer;flex-wrap:wrap;font-size:12px}
.event-number{display:inline-grid;place-items:center;width:22px;height:22px;border:1px solid #aec6b8;border-radius:50%;flex-shrink:0}
.event-key{color:#946016;font-size:11px}
.event-body{padding:6px 0 0 34px;overflow-wrap:anywhere;font-size:12px;line-height:1.8}
.event-body small{display:block;color:#63736c}
.event-source{color:#63736c}
.drawer [data-bulk-product] textarea{width:100%;min-height:72px;margin:8px 0;resize:vertical}
.drawer [data-bulk-product] select{width:100%}
#bulk-results{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.7}
@media(max-width:600px){.trend-controls select{width:100%}.strategy-timeline summary{gap:8px}.event-body{padding-left:0}}
canvas[data-trend]{display:block;max-width:100%}
.review-wide{min-width:1230px}
.review-wide td:nth-last-child(2){min-width:150px;white-space:nowrap}
.review-wide td:nth-last-child(2) small{display:block;white-space:normal;max-width:140px;line-height:1.6}
.review-wide td:last-child,.review-wide th:last-child{position:sticky;right:0;background:white;min-width:180px;border-left:1px solid #e4e8e6}
.review-wide td:last-child button{white-space:normal;max-width:175px;text-align:left;font-size:11px;margin:3px 0;line-height:1.5}
.page-head{flex-wrap:wrap}
.gallery label{display:block;position:relative}
.gallery label input{position:absolute;top:5px;left:5px}
#u-terms{font:12px/1.8 monospace;padding:12px}
.drawer select{max-width:100%;margin:8px 0}
.drawer small{overflow-wrap:anywhere}
@media(max-width:800px){.review-wide td:last-child,.review-wide th:last-child{position:static}.page-head>button{font-size:11px}.toolbar>select{max-width:100%}}