/* Hub des ressources (ressources.html). Les cartes sont alimentees par data/ressources.json. */
.rs-page{padding-top:2.5rem}
.rs-page .rs-tools{display:grid;gap:1rem;justify-items:center;margin-bottom:1.6rem}
.rs-search{width:100%;max-width:520px}
.rs-search input{width:100%;padding:.65rem 1rem;border-radius:999px;border:1px solid rgba(148,163,184,.3);background:rgba(15,23,42,.7);color:var(--color-text,#e5e7eb);font:inherit;font-size:.95rem}
.rs-search input:focus{outline:none;border-color:rgba(59,130,246,.6)}
.rs-cats{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center}
.rs-cat{background:rgba(15,23,42,.55);border:1px solid rgba(148,163,184,.25);border-radius:999px;color:var(--color-text,#e5e7eb);font:inherit;font-size:.85rem;font-weight:600;padding:.45rem 1rem;cursor:pointer;transition:border-color .2s,color .2s}
.rs-cat:hover,.rs-cat.active{border-color:var(--color-accent,#22c55e);color:var(--color-accent,#22c55e)}
.rs-cat:focus-visible,.rs-card a:focus-visible{outline:2px solid #93c5fd;outline-offset:2px}
.rs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.2rem}
.rs-card{display:flex;flex-direction:column;gap:.6rem}
.rs-card h3{margin:0;font-size:1.15rem}
.rs-card p{margin:0;color:var(--color-text-soft,#cbd5f5);font-size:.92rem;flex:1}
.rs-card .btn{align-self:flex-start;margin-top:.4rem}
.rs-top{display:flex;align-items:center;justify-content:space-between}
.rs-ico{font-size:1.8rem}
.rs-badge{font-size:.72rem;font-weight:700;color:#86efac;background:rgba(34,197,94,.12);border:1px solid rgba(34,197,94,.3);border-radius:999px;padding:.15rem .65rem}
.rs-empty,.rs-more{text-align:center;color:var(--color-muted,#9ca3af);margin-top:1.6rem;font-size:.9rem}
.rs-more a{color:#93c5fd}