.legrepo{--gap:14px; --radius:14px; --bg:#fff; --muted:#6b7280; --border:#e5e7eb}
.legrepo-controls{display:flex;gap:var(--gap);margin-bottom:var(--gap);flex-wrap:wrap}
.legrepo-search{flex:1;min-width:220px;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius)}
.legrepo-sort,.legrepo-filter-cat,.legrepo-filter-year{padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius)}
.legrepo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--gap)}
.legrepo-card{border:1px solid var(--border);border-radius:var(--radius);padding:14px;background:var(--bg);display:flex;flex-direction:column;justify-content:space-between;min-height:160px}
.legrepo-card-title{font-size:1.05rem;margin:0 0 6px}
.legrepo-card-meta{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:8px}
.legrepo-card-date{color:var(--muted);font-size:.9rem}
.legrepo-card-cats{color:var(--muted);font-size:.9rem}
.legrepo-card-actions{display:flex;gap:10px;margin-top:auto}
.legrepo-btn{display:inline-block;padding:8px 12px;border-radius:10px;border:1px solid var(--border);text-decoration:none}
.legrepo-btn.view{background:#f9fafb}
.legrepo-btn.download{background:#fff}

/* Modal */
.legrepo-modal{position:fixed;inset:0;z-index:9999;display:block}
.legrepo-modal[hidden]{display:none}
.legrepo-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.5)}
.legrepo-modal-dialog{position:absolute;inset:5%;background:#111;display:flex;flex-direction:column;border-radius:12px;overflow:hidden}
.legrepo-modal-close{position:absolute;right:10px;top:8px;background:#fff;border:none;border-radius:999px;width:34px;height:34px;font-size:20px;cursor:pointer;z-index:2}
.legrepo-iframe{width:100%;height:100%;border:0;background:#111}
@media (max-width:768px){.legrepo-modal-dialog{inset:8% 2%}}