.trends-heading{margin-bottom:18px}.trends-page-status{display:flex;justify-content:space-between;gap:16px;margin-bottom:20px;color:var(--muted);font-size:11px}.trends-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.trends-card{padding:22px 24px;min-width:0;background:var(--surface);border:1px solid var(--line)}.trends-card>header{display:flex;align-items:center;gap:11px;margin-bottom:17px}.trends-card h2{font-size:16px;font-weight:650}.trends-source-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;color:var(--brand);background:var(--soft);border:1px solid var(--line);font-weight:700}.trends-list{list-style:none;margin:0;padding:0}.trends-list li{display:flex;align-items:flex-start;gap:11px;padding:11px 0;border-bottom:1px solid var(--line);min-width:0}.trends-rank{width:19px;flex-shrink:0;color:var(--muted);font-size:12px;line-height:1.7;font-variant-numeric:tabular-nums}.trends-list li:nth-child(-n+3) .trends-rank{color:var(--brand);font-weight:700}.trends-list a{flex:1;min-width:0;overflow-wrap:anywhere;color:var(--text);font-size:12px;line-height:1.8}.trends-list a:hover{color:var(--brand);text-decoration:underline;text-underline-offset:3px}.trends-heat{flex-shrink:0;max-width:75px;color:var(--muted);font-size:10px;margin-left:auto;line-height:2.1;font-variant-numeric:tabular-nums}.trends-tag{display:inline-block;vertical-align:middle;color:var(--brand);font-size:9px;background:var(--soft);margin-left:6px;padding:0 4px;border-radius:4px}.trends-card>footer{display:flex;justify-content:space-between;gap:12px;padding-top:17px;font-size:10px;color:var(--muted)}.trends-card>footer a{flex-shrink:0;color:var(--brand)}.trends-card[data-state=stale] .trends-source-status,.trends-card[data-state=error] .trends-source-status{color:var(--warning,#ae7b37)}.trends-empty{padding:50px 12px;text-align:center;font-size:12px;color:var(--muted)}
@media(max-width:1050px){.trends-grid{gap:14px}.trends-card{padding:19px 17px}.trends-list a{font-size:11px}}@media(max-width:720px){.trends-grid{grid-template-columns:1fr}.trends-page-status{font-size:10px;flex-wrap:wrap;gap:5px}.trends-card{padding:18px}.trends-list a{font-size:12px}.trends-list li{padding:12px 0}}