.trend-panel{margin-bottom:24px;overflow:hidden}
.trend-heading,.trend-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px 24px 0}
.trend-heading h3{margin:0;font-size:20px}.trend-heading .eyebrow{margin:0 0 6px}
.trend-ranges,.trend-metrics{display:flex;gap:4px;flex-wrap:wrap}
.trend-ranges{padding:4px;background:#f1f5fc;border-radius:9px}
.trend-ranges button,.trend-metrics button{border:0;background:transparent;border-radius:6px;padding:9px 14px;color:#5d7292;cursor:pointer;font:inherit;font-size:14px}
.trend-ranges button[aria-pressed=true]{background:#fff;color:#244cb0;box-shadow:0 1px 4px #193d7420}
.trend-metrics button[aria-pressed=true]{background:#ecf2ff;color:#275bcc;font-weight:600}
.trend-ranges button:focus-visible,.trend-metrics button:focus-visible{outline:2px solid #3267e3;outline-offset:2px}
.trend-update{font-size:12px;color:#607796;white-space:nowrap}.trend-update.is-stale{color:#a0660f}
.trend-summary{display:grid;grid-template-columns:1.35fr 1fr 1fr;margin:24px;gap:24px}
.trend-summary>div{display:flex;align-content:start;align-items:baseline;flex-wrap:wrap;gap:6px 9px;border-right:1px solid #e5ebf5}
.trend-summary>div:last-child{border-right:0}.trend-summary span{width:100%;font-size:14px;color:#647998}
.trend-summary strong{font-size:30px;line-height:1.25;letter-spacing:-.7px;color:#163665;font-variant-numeric:tabular-nums}
.trend-summary>div:first-child strong{color:#2b61d8}.trend-summary small{font-size:12px;color:#7890ad}
.trend-legend{display:flex;gap:20px;padding:0 24px 4px;font-size:13px;color:#506888;flex-wrap:wrap}
.trend-legend span{display:inline-flex;align-items:center;gap:7px}.trend-legend i{width:20px;height:3px;border-radius:3px;background:var(--line-color)}
.trend-chart{height:290px;margin:0 16px;position:relative;min-width:0}.trend-chart svg{width:100%;height:100%;display:block;overflow:visible}
.trend-chart text{fill:#6b809d;font:12px 'Segoe UI','Microsoft YaHei',sans-serif}.trend-chart circle{cursor:crosshair}
.trend-message{margin:0 24px 14px;font-size:14px;color:#8b611a}.trend-message:empty{display:none}
.trend-footer{padding:12px 24px 18px;font-size:12px;color:#7185a0;line-height:1.7}
.trend-details{border-top:1px solid #e7edf6}.trend-details summary{padding:14px 24px;cursor:pointer;color:#375c97;font-size:14px}.trend-details table{width:100%}
.trend-details th,.trend-details td{font-variant-numeric:tabular-nums}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:700px){.trend-heading,.trend-toolbar{padding:18px 16px 0;align-items:flex-start;flex-wrap:wrap}.trend-summary{margin:20px 16px;gap:12px}.trend-summary strong{font-size:23px}.trend-summary small{width:100%}.trend-summary span{font-size:13px}.trend-summary>div{padding-right:8px}.trend-chart{margin:0 4px;height:250px}.trend-ranges button,.trend-metrics button{padding:8px 10px}.trend-legend{padding-left:16px}.trend-footer{padding:10px 16px 16px}}