/* Academy overview (shareable). Layout, rings and panels reuse the profile
   overview classes in modern.css; this file only adds what differs. */

/* Own button class so the profile share script (bc-share.js) never picks it up */
.bc-academy-share {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 8px 14px;
  border: 0;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 600;
  color: var(--bc-on-ink);
  background: var(--bc-ink);
  box-shadow: 0 8px 20px -10px rgba(11, 11, 16, 0.6);
  transition: transform 0.2s var(--bc-ease), box-shadow 0.2s var(--bc-ease);
}
.bc-academy-share:hover { transform: translateY(-1px); box-shadow: 0 12px 24px -10px rgba(11, 11, 16, 0.7); }
.bc-academy-share:active { transform: scale(0.96); }
.bc-academy-share[disabled] { opacity: 0.6; }

/* Belt legend: swatch, belt, share, count */
.bc-academy-belts .bc-jr-span { min-width: 36px; text-align: right; }
.bc-academy-belts .bc-jr-yrs { min-width: 40px; }