.biomodes-hub-stats{display:flex;flex-wrap:wrap;gap:1.2rem;margin:1rem 0 1.5rem 0;font-size:.85rem;opacity:.8}
.biomodes-hub-stats strong{opacity:1;color:#2d96bd}

.biomodes-hub-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem;margin:1.2rem 0 2rem 0}
.biomodes-hub-card{display:block;padding:1rem 1.1rem;border:1px solid rgba(0,0,0,.12);border-radius:8px;text-decoration:none;color:inherit;transition:box-shadow .15s,transform .15s}
.biomodes-hub-card:hover{box-shadow:0 4px 14px rgba(0,0,0,.12);transform:translateY(-2px)}
.biomodes-hub-card-title{display:block;font-weight:700;font-size:.95rem;color:#2d96bd;margin-bottom:.35rem}
.biomodes-hub-card-desc{display:block;font-size:.82rem;opacity:.8;line-height:1.4}
.biomodes-hub-card-count{display:inline-block;margin-top:.5rem;font-size:.75rem;padding:.15rem .5rem;border-radius:10px;background:rgba(45,150,189,.12);color:#2d96bd}

.biomodes-hub-recent{list-style:none;margin:1rem 0 2rem 0;padding:0}
.biomodes-hub-recent li{padding:.55rem 0;border-bottom:1px solid rgba(0,0,0,.08);display:flex;flex-wrap:wrap;gap:.5rem;align-items:baseline;font-size:.9rem}
.biomodes-hub-recent li:last-child{border-bottom:none}
.biomodes-hub-recent-date{font-size:.75rem;opacity:.6;min-width:6.5rem}
.biomodes-hub-recent a{color:#2d96bd;text-decoration:none}
.biomodes-hub-recent a:hover{text-decoration:underline}

[theme=dark] .biomodes-hub-card{border-color:rgba(255,255,255,.12)}
[theme=dark] .biomodes-hub-recent li{border-bottom-color:rgba(255,255,255,.1)}
[theme=black] .biomodes-hub-card{border-color:rgba(255,255,255,.12)}
[theme=black] .biomodes-hub-recent li{border-bottom-color:rgba(255,255,255,.1)}