/* LinkCards – base minimal styles + skins, granular controls */
:root {
  --lc-primary: #0f62fe;
  --lc-bg: #ffffff;
  --lc-text: #111111;
  --lc-radius: 12px;
  --lc-border: #e5e7eb;
  --lc-col-min: 260px;
  --lc-gap: 12px;
}

.lc-container { margin: 24px 0; }
.lc-header { display:flex; align-items:center; justify-content:space-between; margin-bottom:10px; }
.lc-title { margin:0; font-size:1rem; font-weight:600; color: var(--lc-text); }
.lc-slider-controls { display:flex; gap:8px; }
.lc-btn { border:1px solid var(--lc-border); background:#fafafa; padding:6px 10px; border-radius:8px; cursor:pointer; }

/* list vs slider */
.lc-list { display:grid; grid-template-columns: repeat( auto-fill, minmax(var(--lc-col-min), 1fr) ); gap: var(--lc-gap); }
.lc-container[data-lc-mode="slider"] .lc-list { display:flex; overflow:auto; scroll-snap-type:x mandatory; gap: var(--lc-gap); }
.lc-container[data-lc-mode="slider"] .lc-card { min-width: calc(var(--lc-col-min) + 20px); scroll-snap-align:start; }

/* card base */
.lc-card { border-radius: var(--lc-radius); border:1px solid var(--lc-border); background: var(--lc-bg); color: var(--lc-text); transition: box-shadow .15s ease, transform .15s ease; }
.lc-body { display:flex; flex-direction:column; gap:10px; padding:12px; }
.lc-thumb { width:100%; height:140px; overflow:hidden; border-radius:10px; border:1px solid var(--lc-border); }
.lc-thumb img { width:100%; height:100%; object-fit:cover; display:block; }
.lc-text { display:flex; flex-direction:column; gap:6px; }
.lc-ov-title { font-weight:600; line-height:1.25; }
.lc-ov-desc { font-size:0.9rem; color:#4b5563; }
.lc-meta { display:flex; align-items:center; justify-content:space-between; gap:8px; }
.lc-domain { font-size:0.85rem; color:#6b7280; }
.lc-button { padding:8px 12px; border-radius:999px; text-decoration:none; border:1px solid var(--lc-primary); background:var(--lc-primary); color:#fff; font-weight:600; }
.lc-button:hover { opacity:0.92; }
.lc-more { margin-top:10px; }

/* skins */
.lc-skin-minimal .lc-card { background: var(--lc-bg); border: 1px solid var(--lc-border); }
.lc-skin-solid .lc-card { background: var(--lc-primary); color:#fff; border-color: var(--lc-primary); }
.lc-skin-solid .lc-button { background:#fff; color: var(--lc-primary); border-color:#fff; }
.lc-skin-outline .lc-card { background: transparent; border: 2px solid var(--lc-primary); }
.lc-skin-outline .lc-thumb { border-color: var(--lc-primary); }
.lc-skin-compact .lc-card { padding:0; }
.lc-skin-compact .lc-body { padding:10px; gap:8px; }
.lc-skin-compact .lc-thumb { height:100px; }
.lc-skin-image-left .lc-list { display:grid; grid-template-columns: repeat( auto-fill, minmax(320px, 1fr) ); }
.lc-skin-image-left .lc-card { display:flex; align-items:stretch; }
.lc-skin-image-left .lc-thumb { width:120px; height:auto; border-radius:10px; margin:12px; flex:0 0 120px; }
.lc-skin-borderless .lc-card { border:0; }
.lc-skin-glass .lc-card { background: rgba(255,255,255,0.65); backdrop-filter: saturate(180%) blur(8px); border-color: rgba(255,255,255,0.5); }

/* border styles */
.lc-border-none .lc-card { border-width:0; }
.lc-border-strong .lc-card { border-width:2px; }

/* shadows */
.lc-shadow-sm .lc-card { box-shadow: 0 1px 3px rgba(0,0,0,.08); }
.lc-shadow-md .lc-card { box-shadow: 0 6px 16px rgba(0,0,0,.12); }
.lc-shadow-sm .lc-card:hover, .lc-shadow-md .lc-card:hover { transform: translateY(-1px); }

/* button shapes */
.lc-btnshape-pill .lc-button { border-radius:999px; }
.lc-btnshape-rounded .lc-button { border-radius:12px; }
.lc-btnshape-square .lc-button { border-radius:4px; }

/* tiny bars */
.lc-bars { display:flex; align-items:flex-end; gap:2px; height:100px; border:1px dashed #e5e7eb; padding:8px; background:#fafafa; border-radius:8px; }
.lc-bar { width:6px; background: var(--lc-primary); border-radius:3px 3px 0 0; }