/* The leaderboards page (2026-09-26). Built only from the tokens in styles.css - no new colours: the
   leader's badge is the accent, second and third step down the elevation ramp. */
.boards-main{padding-block:32px 64px}
.hub-breadcrumb{display:flex;align-items:center;gap:12px;font-size:0.875rem;color:var(--muted);margin-bottom:20px}.hub-breadcrumb a{display:inline-flex;align-items:center;min-height:44px}.hub-breadcrumb a:hover{color:var(--accent)}.hub-breadcrumb>span:last-child{color:var(--text-2)}
.boards-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:32px}
.boards-heading .section-kicker{margin-bottom:8px}
.boards-heading h1{font-size:clamp(3rem,5.5vw,5rem);line-height:.98;letter-spacing:-.01em}
.boards-intro{margin-top:16px;font-size:1rem;color:var(--muted);max-width:44ch}
.boards-controls{display:flex;flex-direction:column;align-items:flex-end;gap:12px;flex-shrink:0}
.period-switch{display:inline-flex;border:1px solid var(--rule-2);border-radius:3px;padding:3px;background:var(--sunken)}
.period-switch button{min-height:44px;padding:8px 20px;font-size:0.9375rem;font-weight:600;color:var(--text-3);background:none;border-radius:2px;white-space:nowrap}
.period-switch button:hover{color:var(--text)}
.period-switch button[aria-selected=true]{background:var(--accent);color:var(--accent-ink)}
.period-switch button:focus-visible{outline-offset:2px}
.boards-status{font-size:0.8125rem;color:var(--text-4);min-height:1.6em}
.boards-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.board-card{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--rule);border-radius:6px;overflow:hidden;min-width:0}
.board-card.is-lead{border-color:var(--rule-3);background:linear-gradient(163deg,var(--surface-2) 0%,var(--surface) 55%)}
.board-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:20px 20px 16px;border-bottom:1px solid var(--rule)}
.board-head h2{font-size:1.625rem;line-height:1.1;letter-spacing:.02em}
.board-head p{font-size:0.8125rem;color:var(--text-4);text-align:right;line-height:1.4}
.board-rows{list-style:none;margin:0;padding:8px 20px 12px;flex:1}
.board-row{display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--surface-2)}
.board-row:last-child{border-bottom:0}
.board-rank{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-family:var(--heading);font-weight:700;font-size:0.9375rem;color:var(--text-4);border:1px solid var(--rule-2)}
.board-row:nth-child(1) .board-rank{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
.board-row:nth-child(2) .board-rank{background:var(--surface-3);border-color:var(--rule-4);color:var(--text)}
.board-row:nth-child(3) .board-rank{background:var(--rule);border-color:var(--rule-3);color:var(--text-2)}
.board-name{font-size:0.9375rem;font-weight:600;color:var(--text-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.board-row:nth-child(1) .board-name{color:var(--text)}
.board-value{font-family:var(--heading);font-size:1.25rem;font-weight:700;color:var(--text);font-variant-numeric:tabular-nums;white-space:nowrap}
.board-row:nth-child(1) .board-value{color:var(--accent)}
.board-none{padding:24px 20px 28px;font-size:0.875rem;color:var(--text-4)}
.boards-empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:64px 24px;border:1px solid var(--rule);border-radius:6px;background:var(--surface)}
.boards-empty h2{font-family:var(--body);font-size:1.125rem;font-weight:600;color:var(--text-2)}
.boards-empty p{margin-top:8px;color:var(--text-3);font-size:0.9375rem;max-width:40ch}
.empty-mark{display:block;width:40px;height:2px;background:var(--accent-3);margin-bottom:20px}
.hub-bottom-note{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:32px;border-top:1px solid var(--rule);padding-top:20px}
.hub-bottom-note p{font-size:0.875rem;color:var(--text-3);max-width:65ch}
.hub-bottom-note .text-link{font-size:0.875rem;margin-top:0;white-space:nowrap}
.inline-link{color:var(--accent);border-bottom:1px solid transparent}.inline-link:hover{border-color:var(--accent)}
.boards-page .footer-bottom a{display:inline-flex;align-items:center;min-height:44px}
.boards-page .footer-bottom{align-items:center}
@media(max-width:1150px){.boards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:850px){.boards-heading{flex-direction:column;align-items:flex-start;gap:20px}.boards-controls{align-items:flex-start}.hub-bottom-note{flex-direction:column;align-items:flex-start;gap:12px}}
@media(max-width:600px){.boards-main{padding-top:24px;padding-bottom:40px}.boards-grid{grid-template-columns:1fr}.boards-heading h1{font-size:3rem}.board-head{padding:16px 16px 12px}.board-rows{padding:4px 16px 8px}.period-switch{width:100%}.period-switch button{flex:1}.boards-controls{width:100%}}
@media(forced-colors:active){.board-rank{border:1px solid CanvasText}.period-switch button[aria-selected=true]{outline:2px solid Highlight}}