.main-leaderboard .score-interval {
  display: inline;
  margin-left: .35em;
  font-size: .72em;
  font-weight: 400;
  line-height: 1.25;
  color: var(--muted, #666);
  white-space: nowrap;
}
#success-help { max-width: min(480px, calc(100vw - 24px)); max-height: calc(100vh - 32px); overflow-y: auto; }

.main-leaderboard .confidence-axis, .main-leaderboard .confidence-track { width: 180px; margin-left: 16px; margin-right: 0; vertical-align: middle; }
.confidence-axis { display: inline-block; position: relative; height: 22px; margin-top: 0; font-size: 12px; font-weight: 600; color: var(--ink, #293840); border-bottom: 1px solid #aeb5b9; box-sizing: border-box; }
.confidence-axis span::after { content: ""; position: absolute; top: 18px; left: 50%; height: 4px; border-left: 1px solid #aeb5b9; }
.confidence-axis span:first-child::after { left: 0; }
.confidence-axis span:last-child::after { left: auto; right: 0; }
.confidence-axis span { position: absolute; transform: translateX(-50%); }
.confidence-axis span:first-child { transform: none; }
.confidence-axis span:last-child { transform: translateX(-100%); }
.main-leaderboard .confidence-track { display: inline-block; position: relative; height: 16px; min-height: 0; margin-top: 0; padding: 0; border: 0; border-radius: 0; background: linear-gradient(#dce0e2, #dce0e2) center / 100% 1px no-repeat; }
.confidence-track::before { content: ""; position: absolute; inset: 3px 0; border-left: 1px solid #b8c0c4; border-right: 1px solid #b8c0c4; background: linear-gradient(#dce0e2, #dce0e2) center / 1px 100% no-repeat; }
.confidence-bar { position: absolute; top: calc(50% - 2px); height: 4px; border-radius: 2px; background: #cf622b; }
.confidence-bar::before, .confidence-bar::after { content: ''; position: absolute; top: -3px; width: 2px; height: 10px; background: inherit; }
.confidence-bar::before { left: 0; } .confidence-bar::after { right: 0; }
.confidence-dot { position: absolute; top: 50%; width: 7px; height: 7px; border-radius: 50%; background: #a43c0a; border: 1px solid var(--panel, #fff); transform: translate(-50%, -50%); box-sizing: content-box; }
/* Keep desktop intervals on one line; preserve the existing mobile table. */
@media (min-width: 1101px) {
  html .home-results .tablewrap { overflow-x: auto; }
  html .home-results .main-leaderboard { table-layout: auto; min-width: 1080px; }
  html .home-results .main-leaderboard th, html .home-results .main-leaderboard td { white-space: nowrap; padding-top: 12px; padding-bottom: 12px; }
  html .home-results .main-leaderboard th:nth-child(5), html .home-results .main-leaderboard td:nth-child(5) { width: 295px; min-width: 295px; }
}
.confidence-tooltip { display: none; position: absolute; z-index: 10; bottom: calc(100% + 7px); left: 50%; transform: translateX(-50%); padding: 7px 10px; border: 1px solid var(--rule, #ddd); border-radius: 5px; background: var(--panel, #fff); color: var(--ink, #293840); box-shadow: 0 2px 8px #0002; font: 12px/1.4 Schibsted, sans-serif; text-align: left; white-space: nowrap; pointer-events: none; }
.confidence-tooltip strong { display: block; font-weight: 600; margin-bottom: 2px; }
.confidence-tooltip span + span { margin-left: 12px; }
.main-leaderboard tbody tr:hover .confidence-tooltip, .main-leaderboard tbody tr:focus-within .confidence-tooltip { display: block; }
.confidence-track:focus-visible { outline: 2px solid #cf622b; outline-offset: 3px; }
@media (max-width: 1100px) {
  .main-leaderboard .confidence-axis, .main-leaderboard .confidence-track, .main-leaderboard .score-interval { display: none; }
}
