/* keep injected server cards as real grid children */
#serversRoot{ display: contents; }
#serverSwitch{ display: contents; }

/* force mini cards to behave like mini cards inside the 12-col grid */
.grid > .mini-card{
  grid-column: span 4;      /* desktop: 3 across */
  display: block;
  text-decoration: none;
  color: inherit;
}

@media (max-width: 980px){
  .grid > .mini-card{ grid-column: span 12; } /* mobile: full width */
}

/* make the image behave like your mini card image (not banner sized) */
.grid > .mini-card .mini-card-img{
  width: 100%;
  height: 160px;
  object-fit: cover;
  display:block;
}

/* keep text area tight */
.grid > .mini-card .mini-card-meta{ padding: 12px 14px; }

.server-switch a.server-switch-item{
  color: inherit;
  text-decoration: none;
}
.server-switch a.server-switch-item *{
  color: inherit;
}