/* Compact map + content cards, including when there is only one server. */
body.site-ui .home-server-grid {
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;
}
body.site-ui .home-server-grid .home-server,
body.site-ui .home-server-grid:has(>.home-server:only-child) .home-server {
  display:grid;grid-template-columns:112px minmax(0,1fr);grid-template-rows:1fr;
  min-height:148px;padding:0;gap:0;border-radius:14px;overflow:hidden;text-align:left;min-width:0;
}
body.site-ui .home-server-grid .home-server__visual {
  position:relative!important;inset:auto;grid-column:1;grid-row:1;width:100%;height:100%;min-height:148px;border:0;border-radius:0;
}
body.site-ui .home-server-grid .home-server__visual img {height:100%;opacity:.65;object-fit:cover}
body.site-ui .home-server-grid .home-server__visual::after {background:linear-gradient(0deg,#000b,transparent 75%)}
body.site-ui .home-server-grid .home-server__content {
  display:flex;flex-direction:column;justify-content:center;gap:7px;min-width:0;padding:14px;grid-column:2;grid-row:1;
}
body.site-ui .home-server-grid .home-server__top {position:static;display:flex;justify-content:space-between;gap:8px}
body.site-ui .home-server-grid .home-server__content>strong {font-size:14px;line-height:1.3;overflow-wrap:anywhere}
body.site-ui .home-server-grid .home-server__meta {display:flex;justify-content:space-between;gap:10px}
body.site-ui .home-server-grid .home-server__address {font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.site-ui .home-server-grid .home-server__join {font-size:10px;display:flex;justify-content:space-between}
body.site-ui .home-server-grid .home-server__line {display:block;height:3px;width:100%;background:#ffffff12;border-radius:4px;overflow:hidden}
body.site-ui .home-server-grid .home-server__line>i {display:block;height:100%;background:currentColor;transition:width .2s ease}
body.site-ui .home-server-grid .home-server:focus-visible {outline:2px solid var(--ui-accent,#d6b678);outline-offset:3px}
body.site-ui .community-stats {display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}
@media(min-width:1450px){body.site-ui .home-server-grid {grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:800px){body.site-ui .home-server-grid {grid-template-columns:1fr}body.site-ui .home-server-grid .home-server,body.site-ui .home-server-grid:has(>.home-server:only-child) .home-server {min-height:132px}body.site-ui .home-server-grid .home-server__visual {min-height:132px}body.site-ui .community-stats {grid-template-columns:repeat(3,minmax(0,1fr));row-gap:12px}}
@media(max-width:420px){body.site-ui .home-server-grid .home-server,body.site-ui .home-server-grid:has(>.home-server:only-child) .home-server {grid-template-columns:86px minmax(0,1fr)}body.site-ui .home-server-grid .home-server__content {padding:12px}body.site-ui .community-stats {grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){body.site-ui .home-server-grid .home-server *,body.site-ui .home-server-grid .home-server {transition:none!important;animation:none!important}}