.sl-grid { display:grid; gap:12px; margin:12px 0; }
.sl-grid[data-cols="1"] { grid-template-columns: 1fr; }
.sl-grid[data-cols="2"] { grid-template-columns: repeat(2,1fr); }
.sl-grid[data-cols="3"] { grid-template-columns: repeat(3,1fr); }
.sl-grid[data-cols="4"] { grid-template-columns: repeat(4,1fr); }
.sl-card { border:1px solid #eee; border-radius:6px; overflow:hidden; background:#fff; display:flex; flex-direction:column; }
.sl-thumb img { width:100%; height:140px; object-fit:cover; background:#f4f4f4; }
.sl-body { padding:10px; }
.sl-title { font-weight:700; color:#0073aa; text-decoration:none; }
.sl-desc { margin:6px 0; color:#555; font-size:14px; }
.sl-url { font-size:12px; color:#888; margin-top:8px; }
.sl-list .sl-item { display:flex; gap:12px; padding:8px 0; border-bottom:1px dashed #eee; align-items:flex-start; }
.sl-favicon { width:36px;height:36px; object-fit:contain; margin-right:8px; }
.sl-meta .sl-title { font-size:16px; }