#watchlist-recommendations { min-width:0; max-width:100%; }
.watchlist-recommendations { margin:0; min-width:0; }
.watchlist-recommendation-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:12px; }
.watchlist-recommendation-heading h2 { margin:0; font-size:1.15rem; }
.watchlist-recommendation-heading p { margin:5px 0 0; font-size:.85rem; color:var(--text-muted-color,#777b91); }
.watchlist-recommendation-controls { display:flex; gap:8px; flex-shrink:0; }
.watchlist-recommendation-controls button { width:36px; height:36px; border:1px solid var(--border-color,#ddd); border-radius:50%; background:var(--surface-bg,#fff); color:inherit; cursor:pointer; font-size:24px; }
.watchlist-recommendation-controls button:disabled { opacity:.35; cursor:default; }
.watchlist-recommendation-track { display:flex; gap:12px; overflow-x:auto; max-width:100%; padding:2px 2px 12px; scroll-snap-type:x proximity; overscroll-behavior-x:contain; scrollbar-width:thin; }
.watchlist-recommendation-card { box-sizing:border-box; display:flex; flex-direction:column; flex:0 0 min(280px,82vw); min-width:0; padding:18px; border:1px solid var(--border-color,#ddd); border-radius:16px; background:var(--surface-bg,#fff); scroll-snap-align:start; }
.watchlist-recommendation-symbol { color:var(--accent-color,#6257d5); font-size:.8rem; font-weight:800; }
.watchlist-recommendation-card h3 { margin:8px 0; font-size:1rem; overflow-wrap:anywhere; }
.watchlist-recommendation-card p { font-size:.85rem; line-height:1.5; margin:0 0 14px; color:var(--text-muted-color,#777b91); overflow-wrap:anywhere; }
.watchlist-recommendation-actions { display:flex; flex-wrap:wrap; gap:8px; margin-top:auto; }
.watchlist-recommendation-actions button,.watchlist-recommendation-actions a { padding:8px 12px; font-size:.8rem; text-decoration:none; }
.watchlist-recommendation-track:focus-visible { outline:2px solid var(--accent-color,#6257d5); outline-offset:3px; }