.elementor-237 .elementor-element.elementor-element-98a88a6{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-237 .elementor-element.elementor-element-16668fb .elementor-heading-title{color:#FFF900;}:root{--page-title-display:none;}/* Start custom CSS for shortcode, class: .elementor-element-d685300 *//* Leaderboards container (wraps all divisions) */
body.page .leaderboards {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: center;
  padding: 30px;
  background: linear-gradient(135deg, #3a1c71 0%, #d76d77 50%, #ffaf7b 100%);
  border-radius: 16px;
  box-shadow: 0 6px 20px rgba(215, 109, 119, 0.6);
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  color: #fff;
  max-width: 100%;
  margin: 30px auto;
}

/* Each division leaderboard (box) */
body.page .division-leaderboard {
  flex: 1 1 300px; /* Allows multiple boxes per row with a minimum width */
  min-width: 280px;
  max-width: 350px;
  background: rgba(0, 0, 0, 0.1);
  padding: 20px;
  border-radius: 12px;
  backdrop-filter: blur(5px);
}

/* Division title */
body.page .division-leaderboard h2 {
  font-weight: 800;
  font-size: 1.8rem;
  color: #FFF900;
  margin-bottom: 15px;
  border-bottom: 3px solid #ff7b72;
  padding-bottom: 6px;
  text-align: center;
  text-shadow: 0 0 6px rgba(255, 123, 114, 0.8);
}

/* Ordered list reset */
body.page .division-leaderboard ol {
  list-style: none;
  padding-left: 0;
  counter-reset: rank;
}

/* Each team entry */
body.page .division-leaderboard li {
  background: linear-gradient(135deg, #311b4c 0%, #4b306d 50%, #6e4da1 100%);
  border-radius: 10px;
  padding: 20px 28px;
  margin-bottom: 15px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
  border: 1px solid rgba(255, 255, 255, 0.15);
  transition: background 0.3s ease;
  font-size: 1.15rem;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.7);
  position: relative;
  padding-left: 60px;
}

/* Rank numbers */
body.page .division-leaderboard li::before {
  counter-increment: rank;
  content: counter(rank) ".";
  position: absolute;
  left: 20px;
  top: 22px;
  font-weight: bold;
  font-size: 1.4rem;
  color: #FFF900;
  text-shadow: 0 0 6px rgba(255, 255, 0, 0.8);
}

/* Hover effect */
body.page .division-leaderboard li:hover {
  background: linear-gradient(135deg, #5a2f90 0%, #7b4cb9 50%, #9b6fff 100%);
  border-color: #b280ff;
  box-shadow: 0 4px 14px rgba(178, 128, 255, 0.6);
}

/* Responsive adjustments */
@media (max-width: 768px) {
  body.page .leaderboards {
    flex-direction: column;
    padding: 20px;
  }

  body.page .division-leaderboard h2 {
    font-size: 1.6rem;
  }

  body.page .division-leaderboard li {
    font-size: 1rem;
    padding: 16px 20px;
    padding-left: 50px;
  }

  body.page .division-leaderboard li::before {
    font-size: 1.2rem;
    top: 18px;
  }
}/* End custom CSS */