@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@500;700;800;900&display=swap");

:root {
  --red: #b91c1c;
  --red-bg: rgba(185, 28, 28, 0.10);
  --yellow: #0f766e;
  --yellow-bg: rgba(15, 118, 110, 0.10);
  --green: #047857;
  --green-bg: rgba(4, 120, 87, 0.10);
}

body.lang-en {
  --font-body: var(--font-body-en);
  --font-mono: var(--font-body-en);
}

.hero {
  background:
    radial-gradient(ellipse at top, rgba(14, 165, 233, 0.14), transparent 60%),
    var(--bg);
}
.hero::before { content: ""; }
.hero h1 .flame { color: #047857; }
.hero h1 .face { color: #0284c7; }
.hero-eyebrow { background: #0284c7; box-shadow: 0 4px 16px rgba(2, 132, 199, 0.12); }
.sidenav .brand .brand-text {
  background: linear-gradient(90deg, #047857, #0284c7);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.leader-row .cta { background: #0284c7; }
.leader-row .cta:hover { background: #0369a1; }
.finding-blurb { border-left-color: #0284c7; }

.sort-pane .sports-leaderboard {
  border: 0;
  border-radius: 0;
}
.sports-leaderboard .leader-row {
  grid-template-columns: 64px minmax(0, 1fr) 112px;
}
.sports-leaderboard .leader-row .stat {
  min-width: 0;
}
.sports-leaderboard .leader-row .name .ch,
.sports-leaderboard .leader-row .name .style {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 720px) {
  .sports-leaderboard .leader-row {
    grid-template-columns: 40px minmax(0, 1fr) 88px;
  }
}