.btn{display:inline-block;background:var(--c-accent);color:var(--c-accent-ink);padding:.65rem 1.25rem;border-radius:var(--radius);text-decoration:none;font-weight:600}
.btn:hover{filter:brightness(.92)}.card{background:var(--c-bg);border:1px solid var(--c-border);border-radius:var(--radius);box-shadow:var(--shadow);padding:var(--sp-4)}
.badge{display:inline-block;background:var(--c-surface);border:1px solid var(--c-border);border-radius:999px;padding:0 .6rem;font-size:var(--fs-s);text-decoration:none;color:var(--c-text)}
.badge-live{background:#e3f6e8}.badge-demo{background:#e6efff}.badge-in-development{background:#fff3cd}.badge-archived,.badge-private{background:#eee}
.grid{display:grid;gap:var(--sp-4);grid-template-columns:repeat(auto-fill,minmax(16rem,1fr))}.lead{font-size:var(--fs-l);color:var(--c-muted)}
.filters{display:flex;flex-wrap:wrap;gap:var(--sp-3);align-items:end;margin-block:var(--sp-4)}.filters select{display:block;padding:.4rem;font:inherit}
.chips{list-style:none;display:flex;flex-wrap:wrap;gap:var(--sp-2);padding:0}.chips li{background:var(--c-surface);border-radius:var(--radius);padding:0 .6rem}
.facts{display:grid;grid-template-columns:max-content 1fr;gap:var(--sp-1) var(--sp-3)}.facts dt{font-weight:600}.facts dd{margin:0}
.pagination{display:flex;gap:var(--sp-4);align-items:center;margin-block:var(--sp-5)}
.card-cover{display:block;margin:calc(var(--sp-4) * -1) calc(var(--sp-4) * -1) var(--sp-3)}.card-cover img{display:block;width:100%;height:auto;border-radius:var(--radius) var(--radius) 0 0}
.breadcrumb ol{list-style:none;display:flex;flex-wrap:wrap;gap:var(--sp-1);padding:0;margin:0 0 var(--sp-3);font-size:var(--fs-s);color:var(--c-muted)}.breadcrumb li+li::before{content:"/";margin-right:var(--sp-1)}