.hub-hero-sub{font-size:1.05rem;color:#64748b;max-width:640px;margin:.5rem auto 0;line-height:1.6}
.hub-count{display:inline-flex;align-items:center;gap:.4rem;background:#fee2e2;color:#991b1b;font-weight:700;font-size:.85rem;padding:4px 12px;border-radius:8px;margin-top:.75rem}

.hub-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.25rem;margin-top:1.5rem}

.hub-card{position:relative;background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:1.5rem 1.5rem 1.25rem;transition:all .22s ease;text-decoration:none;color:inherit;display:flex;flex-direction:column;gap:.45rem;overflow:hidden}
.hub-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(0,0,0,.09);border-color:#cbd5e1}

.hub-card .hc-icon{font-size:2.25rem;line-height:1;margin-bottom:.1rem}
.hub-card .hc-title{font-size:1.1rem;font-weight:700;color:#1e293b;display:flex;align-items:center;gap:.5rem}
.hub-card .hc-badge{font-size:.65rem;font-weight:600;padding:2px 8px;border-radius:6px;white-space:nowrap}
.hub-card .hc-desc{font-size:.88rem;color:#64748b;line-height:1.55}
.hub-card .hc-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:.5rem}
.hub-card .hc-tag{font-size:.72rem;padding:2px 8px;border-radius:6px;background:#f1f5f9;color:#475569;font-weight:500}
.hub-card .hc-arrow{position:absolute;top:1.25rem;right:1.25rem;font-size:1.15rem;color:#94a3b8;transition:transform .22s}
.hub-card:hover .hc-arrow{transform:translateX(4px);color:#d62828}

/* Role accent colors */
.hub-card.role-shop       {border-left:4px solid #2563eb}  .hub-card.role-shop .hc-badge       {background:#dbeafe;color:#1d4ed8}
.hub-card.role-cases      {border-left:4px solid #7c3aed}  .hub-card.role-cases .hc-badge      {background:#ede9fe;color:#5b21b6}
.hub-card.role-screening  {border-left:4px solid #059669}  .hub-card.role-screening .hc-badge  {background:#d1fae5;color:#047857}
.hub-card.role-it         {border-left:4px solid #0891b2}  .hub-card.role-it .hc-badge         {background:#cffafe;color:#0e7490}
.hub-card.role-followup   {border-left:4px solid #d97706}  .hub-card.role-followup .hc-badge   {background:#fef3c7;color:#92400e}
.hub-card.role-field      {border-left:4px solid #16a34a}  .hub-card.role-field .hc-badge      {background:#dcfce7;color:#15803d}
.hub-card.role-director   {border-left:4px solid #dc2626}  .hub-card.role-director .hc-badge   {background:#fee2e2;color:#991b1b}
.hub-card.role-board      {border-left:4px solid #9333ea}  .hub-card.role-board .hc-badge      {background:#f3e8ff;color:#7e22ce}
.hub-card.role-admin      {border-left:4px solid #475569}  .hub-card.role-admin .hc-badge      {background:#f1f5f9;color:#334155}

@media(max-width:640px){.hub-grid{grid-template-columns:1fr}}