/* A game's, mode's or country's server page (BrowsePage): the lede and quickplay line in the band, and the tiles
   for modes, countries, maps and communities */
.br-lede { max-width: 64ch; margin: 8px 0 0; color: var(--ink-2); font-size: var(--text-md); }
.br-quick { color: var(--ink-2); font-size: var(--text-sm); max-width: 52ch; }
.br-quick a { color: var(--ink); font-weight: 600; }

.br-tiles { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 10px; }
.br-tile { display: grid; gap: 2px; padding: 12px 14px; border: 1px solid var(--line); border-left: 3px solid var(--mode, var(--line-2));
  border-radius: var(--r-card); background: var(--surface-0); color: var(--ink); min-width: 0; }
.br-tile:hover { border-color: var(--line-2); border-left-color: var(--mode, var(--link)); background: var(--surface-2); }
.br-tile b { font-weight: 600; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.br-tile > span, .br-tile__text > span { color: var(--ink-3); font-size: var(--text-sm); }
.br-tile .lb-num { color: var(--ink); font-weight: 600; }
.br-tile--map { grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 12px; }
.br-tile__text { display: grid; min-width: 0; }