/* Basic styles for Link Directory */
.ld-wrap { --ld-bg:#ffffff; --ld-fg:#111; --ld-card:#f8f8f8; --ld-accent:#2d6cdf; }
.ld-dark { --ld-bg:#0b0f19; --ld-fg:#eceff4; --ld-card:#121826; --ld-accent:#8ab4f8; }
.ld-wrap { background: var(--ld-bg); color: var(--ld-fg); padding: 1rem; border-radius: 14px; }
.ld-filters { display:flex; gap:.5rem; margin-bottom:1rem; }
.ld-filters input[type="text"] { flex:1; padding:.5rem; }
.ld-filters select, .ld-filters button { padding:.5rem; }
.ld-grid { display:grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap:1rem; }
.ld-card { background: var(--ld-card); padding: 1rem; border-radius: 14px; box-shadow: 0 2px 6px rgba(0,0,0,.06); display:flex; flex-direction:column; gap:.5rem; }
.ld-card-header { display:flex; align-items:center; gap:.5rem; }
.ld-favicon { width:20px; height:20px; border-radius:4px; }
.ld-title { margin:0; font-size:1.05rem; }
.ld-desc { font-size:.95rem; line-height:1.4; }
.ld-meta { display:flex; gap:1rem; font-size:.9rem; opacity:.85; }
.ld-actions { display:flex; gap:.5rem; flex-wrap:wrap; }
.ld-actions a, .ld-actions button { background: var(--ld-accent); color:white; border:none; border-radius:10px; padding:.4rem .7rem; cursor:pointer; text-decoration:none; font-size:.9rem; }
.ld-actions button.ld-copy { background:#4b5563; }
.ld-actions button.ld-report { background:#ef4444; }
.ld-actions .ld-upvote { background:#10b981; }
.ld-tax { display:flex; justify-content:space-between; font-size:.85rem; gap: .5rem; flex-wrap:wrap; }
.ld-pagination { margin-top:1rem; text-align:center; }
.ld-detail .ld-title { font-size:1.3rem; }
.ld-field { margin-bottom:.75rem; }
.ld-field input, .ld-field textarea { width:100%; padding:.5rem; border-radius:10px; border:1px solid #ddd; background:white; }

/* Tabs */
.ld-tabs { display:flex; gap:.5rem; margin-bottom:.75rem; flex-wrap:wrap; }
.ld-tabs .ld-tab { padding:.4rem .7rem; border-radius:999px; border:1px solid #ccc; background:transparent; cursor:pointer; }
.ld-tabs .ld-tab.active { background: var(--ld-accent); color:white; border-color: transparent; }

/* Embed panel */
.ld-embed-panel { position: sticky; top: 10px; border-radius:14px; background: var(--ld-card); padding:.5rem; box-shadow: 0 2px 10px rgba(0,0,0,.1); margin-bottom:1rem; }
.ld-embed-header { display:flex; justify-content:space-between; align-items:center; padding:.25rem .5rem; }
.ld-embed-title { font-weight:600; }
.ld-embed-close { border:none; background:#ef4444; color:white; border-radius:8px; padding:.2rem .6rem; cursor:pointer; }
.ld-embed-iframe { width:100%; min-height:70vh; border:none; border-radius:10px; background:white; }