/* Resource Hub (affiliates.html) */
#affiliatesHub .hub-head{display:grid;gap:14px;margin:8px 0 18px}
#affiliatesHub h2{margin:0}
#affiliatesHub .sub{margin:.4em 0 0}
#affiliatesHub .hub-disclosure{margin:0}

.hub-controls{padding:14px;border-radius:16px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.04);display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.hub-search{flex:1;min-width:240px}
.hub-search input{width:100%;padding:12px 12px;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:rgba(0,0,0,.18);color:inherit}
.hub-filters{display:flex;gap:10px;align-items:center}
.hub-filters select {
  background: #000;
  color: #fff;
  border: 1px solid rgba(255,255,255,0.15);
  border-radius: 8px;
  padding: 8px 10px;
}

/* select{padding:12px 12px;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:rgba(0,0,0,.18);color:inherit} */

.hub-chips{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0 6px}
.hub-chip{
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.04);
  padding:8px 10px;
  border-radius:999px;
  cursor:pointer;
  font-weight:700;
  font-size:12px;
  opacity:.95;
  color:#e5e7eb;   /* <-- add this */
}
.hub-chip[aria-pressed="true"]{
  outline:2px solid rgba(255,255,255,.55);
  border-color:rgba(255,255,255,.22);
  color:#ffffff;
}

.hub-sectionTitle{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:18px 0 10px}
.hub-sectionTitle h3{margin:0;font-size:16px}
.hub-sectionTitle p{margin:0}

.hub-grid{display:grid;grid-template-columns:repeat(3, minmax(0,1fr));gap:14px}
@media (max-width: 980px){.hub-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width: 620px){.hub-grid{grid-template-columns:1fr;}}

.hub-card{border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.04);display:grid}
.hub-cardTop{position:relative}
.hub-img{width:100%;height:190px;object-fit:cover;display:block;background:rgba(255,255,255,.03)}
.hub-badges{position:absolute;left:10px;top:10px;display:flex;gap:8px;flex-wrap:wrap}
.hub-badge{font-size:12px;font-weight:900;padding:6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:rgba(0,0,0,.35);backdrop-filter:blur(6px)}
.hub-body{padding:12px;display:grid;gap:8px}
.hub-title{font-weight:900;line-height:1.2}
.hub-desc{opacity:.82;font-size:13px;line-height:1.45;min-height:38px}
.hub-actions{display:flex;gap:10px;align-items:center;margin-top:4px}
.hub-actions a{flex:1;text-align:center;padding:10px 12px;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);font-weight:900}
.hub-actions a.primary{border-color:rgba(255,90,31,.45);background:rgba(255,90,31,.16)}
.hub-actions a:hover{filter:brightness(1.06)}

.hub-featuredGrid{display:grid;grid-template-columns:repeat(2, minmax(0,1fr));gap:14px}
@media (max-width: 780px){.hub-featuredGrid{grid-template-columns:1fr}}

.hub-empty{margin:18px 0;padding:18px;border-radius:16px;border:1px dashed rgba(255,255,255,.18);background:rgba(255,255,255,.03)}