/* Shared leaderboard toolbar and share action. */
.share-button { display: inline-flex; align-items: center; justify-content: center; min-height: 32px; padding: .35rem .65rem; border: 1px solid currentColor; border-radius: 6px; background: transparent; color: inherit; font: inherit; font-size: .7rem; cursor: pointer; white-space: nowrap; }
.share-button:hover { background: rgba(255,255,255,.09); }
.share-button:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
.share-button:disabled { opacity: .65; }

.share-button[hidden] { display: none; }

.leaderboard-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; margin-bottom: 20px; }
.leaderboard-toolbar .leaderboard-filters { margin-bottom: 0; }
.board-share-action { --share-accent: var(--gt-lime, var(--f1-lime, #d4e100)); display: flex; align-items: center; gap: 16px; margin-left: auto; }
.board-share-action > span { font-size: 15px; font-weight: 600; line-height: 1.5; color: #f0f2ed; }
.board-share { min-height: 48px; padding: 12px 24px; border-color: var(--share-accent); background: var(--share-accent); color: #101510; font-size: 14px; font-weight: 700; }
.board-share:hover { background: var(--share-accent); filter: brightness(1.1); }
.board-share:focus-visible { outline-color: var(--share-accent); }
.hub-board-share { width: 100%; margin-top: 10px; min-height: 40px; }
@media (max-width: 700px) { .board-share-action { width: 100%; gap: 12px; } .board-share-action > span { flex: 1; } .board-share { flex-shrink: 0; padding-inline: 16px; } }

#leaderboard { scroll-margin-top: 80px; }