.trend-intro{color:var(--muted);line-height:1.6;max-width:760px}.trend-key{display:flex;align-items:center;gap:7px;flex-wrap:wrap;color:var(--muted);font-size:.72rem;margin:18px 0 24px}.trend-key span{width:9px;height:9px;border-radius:50%;margin-left:8px}.trend-blue{background:#72b9e7}.trend-green{background:#b8f34a}.trend-amber{background:#ffc44d}.trend-red{background:#ff6258}.trend-grey{width:20px;border-top:2px dashed #9aa49d;margin-left:10px}.trend-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.trend-card{min-width:0;background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:20px}.trend-card.trend-wide{grid-column:1/-1}.trend-card h3{margin:0 0 5px;font-size:1.1rem}.trend-card>div>p:last-child{color:var(--muted);font-size:.78rem;margin:0}.trend-svg{display:block;width:100%;height:auto;margin-top:16px;overflow:visible}.grid-line{stroke:#344039;stroke-width:1}.axis-label,.x-label{fill:#87928a;font:11px system-ui,sans-serif}.data-segment{stroke-width:4;stroke-linecap:round}.secondary-line{fill:none;stroke:#9aa49d;stroke-width:2;stroke-dasharray:7 6}.mini-empty{padding:40px 12px;margin-top:16px}@media(max-width:800px){.trend-grid{grid-template-columns:1fr}.trend-card.trend-wide{grid-column:auto}.trend-card{padding:14px}.axis-label,.x-label{font-size:13px}.data-segment{stroke-width:5}}