.trend-strip{scroll-snap-type:x proximity;grid-auto-columns:minmax(190px,1fr);grid-auto-flow:column;gap:12px;min-width:0;max-width:100%;padding-bottom:6px;display:grid;overflow-x:auto}@media (width<=640px){.trend-strip{grid-auto-columns:minmax(220px,78%)}}.trend-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);min-height:150px;color:var(--text);scroll-snap-align:start;flex-direction:column;gap:6px;padding:16px;transition:border-color .15s,transform .15s;display:flex}.trend-card:hover{border-color:var(--muted);transform:translateY(-1px)}.trend-kind{color:var(--muted);align-items:center;gap:6px;font-size:12px;font-weight:700;display:inline-flex}.trend-kind .material-symbols-outlined{font-size:18px}.trend-name{font-size:15px;line-height:1.3}.trend-desc{color:var(--muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:13px;line-height:1.45;display:-webkit-box;overflow:hidden}.trend-meta{color:var(--muted);margin-top:auto;font-size:12px}@media (prefers-reduced-motion:reduce){.trend-card:hover{transform:none}}