/* The three home rankings share the site's violet and gold palette. */
.community-rankings { display:grid; gap:14px; margin:22px 0 26px; color:#eee6f4; }
.community-rankings *, .community-rankings *::before, .community-rankings *::after { box-sizing:border-box; }
.community-rankings .community-board { min-width:0; }
.community-rankings .community-board-heading { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:6px 16px; padding:13px 16px; border-bottom:1px solid #745981; background:linear-gradient(100deg,#3b2849,#1b1425); }
.community-rankings .community-board-heading h2 { margin:0; color:#f1cf91; font:700 19px/1.3 Georgia,serif; }
.community-rankings .community-board-heading > span { color:#d8cbe2; font:12px/1.5 Arial,sans-serif; }
.community-rankings .community-board-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:10px; list-style:none; margin:0; padding:12px; }
.community-rankings .community-rank-card { display:flex; min-width:0; min-height:172px; flex-direction:column; align-items:center; padding:9px 7px 12px; border:1px solid #745981; border-radius:4px; background:#21172d; text-align:center; font:13px/1.4 Arial,sans-serif; }
.community-rankings .community-rank-card:first-child { border-color:#b69763; background:linear-gradient(160deg,#38263f,#21172d 70%); }
.community-rankings .community-rank-position { display:inline-block; min-width:30px; padding:1px 6px; border-radius:3px; background:#624079; color:#fff3dc; font-size:12px; font-weight:700; }
.community-rankings .community-rank-entity { display:flex; flex:1; min-width:0; width:100%; flex-direction:column; align-items:center; color:#f2dbad; text-decoration:none; }
.community-rankings .community-rank-entity img { display:block; width:64px; height:64px; margin:5px auto 2px; object-fit:contain; }
.community-rankings .community-rank-entity strong { display:block; max-width:100%; overflow-wrap:anywhere; font-size:13px; line-height:1.4; }
.community-rankings .community-rank-entity:is(:hover,:focus-visible) { color:#fff1d2; text-decoration:underline; }
.community-rankings .community-rank-entity:focus-visible { outline:2px solid #bcefff; outline-offset:3px; }
.community-rankings .community-rank-score { display:block; max-width:100%; margin-top:7px; color:#bcebd3; font-weight:700; overflow-wrap:anywhere; }
.community-rankings .community-rank-card small { display:block; color:#d8cbe2; margin-top:3px; font-size:12px; }
.community-rankings .community-rank-vacant { display:grid; place-items:center; flex:1; min-height:72px; color:#bca4cf; font:28px/1 Georgia,serif; }
.community-rankings .community-rank-empty-title { color:#d8cbe2; font-size:13px; }
.community-rankings .community-rank-empty-copy { color:#f1cf91; margin-top:4px; font-size:12px; }
.community-rankings .community-board-unavailable { margin:0; padding:28px 16px; color:#e0d3e9; font:14px/1.6 Arial,sans-serif; }
.community-rankings .community-rankings-note { margin:0; color:#d8cbe2; text-align:right; font:12px/1.5 Arial,sans-serif; }
@media(max-width:600px) {
  .community-rankings .community-board-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .community-rankings .community-rank-card:last-child { grid-column:1/-1; width:calc((100% - 10px)/2); justify-self:center; }
}