/*
 * Section/eyebrow layout only — the cards themselves are now the shared
 * .rusto-server-card markup (Servers/ServerCardRenderer.php, styled by
 * rusti-new-styles.css, loaded wherever rusto-server-list is — see
 * functions.php's is_server_browser_page()/enqueue_rusto_server_list_assets()
 * front-page handling), not a bespoke design local to this widget. The
 * previous bespoke .rusto-recommended-card* rules were removed here since
 * that markup no longer exists.
 */
.rusto-recommended-servers__eyebrow {
	margin: 0 0 14px;
	color: #ff8175;
	font-size: .74rem;
	font-weight: 850;
	text-transform: uppercase;
	letter-spacing: .12em;
}

.rusto-recommended-servers__heading {
	margin: 0;
	color: var(--text);
	font-size: clamp(1.4rem, 2.6vw, 2rem);
	line-height: 1.2;
	font-weight: 850;
	letter-spacing: -.02em;
	text-wrap: balance;
}

.rusto-recommended-servers__list,
.rusto-recommended-servers {
	margin-top: 1em;
}

.rusto-recommended-servers__list {
	grid-template-columns: 1fr !important;

}

/* Full server name, no 3-word split/ellipsis (ServerCardRenderer::render()'s
   `split_name: false` — see its docblock) — these banners are full-width, so
   there's room to just wrap a long name onto a second line instead of
   cutting it. */
.rusto-recommended-servers__list .rusto-server-card h2 {
	white-space: normal;
	overflow: visible;
	text-overflow: clip;
}