/* Claude Academy computed card progress: 12px inset, 24px pill, 44x4px track. */
.academy-card-progress { position: absolute; z-index: 2; top: 12px; left: 12px; display: inline-flex; box-sizing: border-box; align-items: center; gap: 7px; height: 24px; padding: 0 10px; border-radius: 999px; background: #fff; color: #141413; font-size: 12px; font-weight: 500; line-height: 1; font-variant-numeric: tabular-nums; white-space: nowrap; pointer-events: none; }
.academy-card-progress-track { display: block; width: 44px; height: 4px; overflow: hidden; border-radius: 999px; background: #dededb; }
.academy-card-progress-track > span { display: block; height: 100%; border-radius: inherit; background: #2a78d6; }
.academy-fluency-world-content .academy-card-progress--inline { position: static; flex: none; margin-left: auto; }
.academy-fluency-world-content a:has(.academy-card-progress--inline) { flex-wrap: wrap; }
.academy-fluency-world-content a:hover .academy-card-progress span { text-decoration: none; }
.academy-course-card-cover--product { display: grid; place-items: center; background: #bcd1ca; }
.academy-course-card-cover--lilac { background: #cbcadb; }
.academy-course-card-cover--peach { background: #ebc9b7; }
.academy-course-card-cover .academy-course-card-product-art { inset: auto; width: 220px; max-width: 100%; height: 100%; object-fit: contain; }
.academy-course-enterprise-plaque { display: grid; place-items: center; width: 31%; height: 84%; background: #f7f2ed; clip-path: polygon(17% 8%, 43% 0%, 77% 6%, 96% 30%, 100% 65%, 80% 90%, 56% 100%, 26% 95%, 4% 70%, 0% 34%); }
.academy-course-enterprise-plaque svg { width: 47%; height: 55%; fill: none; stroke: #191919; stroke-width: 2.15; stroke-linecap: round; stroke-linejoin: round; }
.academy-home-page .academy-progress-band { padding: 56px 0; }
.academy-home-page .academy-learning-heading { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 16px; margin-bottom: 24px; }
.academy-home-page .academy-learning-heading > div { display: flex; flex-direction: column; gap: 10px; }
.academy-home-page .academy-learning-heading h2 { margin: 0; font-family: "Panyin Serif", Georgia, "Songti SC", serif; font-size: 36px; font-weight: 500; line-height: 54px; }
.academy-home-page .academy-learning-heading p { margin: 0; color: var(--academy-muted); font-size: 18px; line-height: 28px; }
.academy-home-page .academy-learning-heading > div > span { color: var(--academy-muted); font-size: 12px; line-height: 18px; }
.academy-home-page .academy-learning-heading > a { flex: none; color: var(--academy-ink); font-size: 14px; font-weight: 500; text-decoration: none; }
.academy-home-page .academy-learning-heading > a:hover { text-decoration: underline; text-underline-offset: 3px; }
.academy-learning-cards { margin-bottom: 32px; }
.academy-ongoing-course-card .academy-course-card-cover { height: 96px; }
.academy-ongoing-course-card .academy-course-card-body { gap: 10px; padding: 20px; }
.academy-ongoing-course-card h3 { font-family: "Panyin Serif", Georgia, "Songti SC", serif; font-size: 20px; line-height: 25px; }
.academy-ongoing-course-meta { margin: 0; color: var(--academy-muted); font-size: 13px; line-height: 17px; }
.academy-learning-empty { margin: 0 0 28px; color: var(--academy-muted); font-size: 14px; line-height: 1.6; }
.academy-learning-empty a { color: var(--academy-ink); }
.academy-my-learning-courses { margin-top: 32px; }
html[data-theme="dark"] .academy-card-progress { background: #20201f; color: #f0efec; }
html[data-theme="dark"] .academy-card-progress-track { background: #3d3d3a; }
html[data-theme="dark"] .academy-course-card-cover--product { background: #254339; }
html[data-theme="dark"] .academy-course-card-cover--lilac { background: #393653; }
html[data-theme="dark"] .academy-course-card-cover--peach { background: #513127; }
html[data-theme="dark"] .academy-course-enterprise-plaque { background: #d8d2ce; }
@media (prefers-color-scheme: dark) {
  html:not([data-theme="light"]) .academy-card-progress { background: #20201f; color: #f0efec; }
  html:not([data-theme="light"]) .academy-card-progress-track { background: #3d3d3a; }
  html:not([data-theme="light"]) .academy-course-card-cover--product { background: #254339; }
  html:not([data-theme="light"]) .academy-course-card-cover--lilac { background: #393653; }
  html:not([data-theme="light"]) .academy-course-card-cover--peach { background: #513127; }
  html:not([data-theme="light"]) .academy-course-enterprise-plaque { background: #d8d2ce; }
}
@media (max-width: 640px) {
  .academy-home-page .academy-learning-heading { align-items: flex-start; gap: 16px; }
  .academy-home-page .academy-learning-heading h2 { font-size: 28px; line-height: 42px; }
  .academy-home-page .academy-learning-heading p { font-size: 14px; }
  .academy-home-page .academy-learning-heading > a { margin-top: 6px; font-size: 12px; }
}
/* Cards without art (claude-101, cowork): status joins the body flow instead of floating on a cover. */
.academy-course-card-status { display: flex; align-items: center; gap: 8px; min-height: 24px; }
.academy-course-card--text-only .academy-card-progress, .academy-course-card--text-only .academy-course-complete, .academy-course-card--text-only .academy-dashboard-card-info { position: static; }
.academy-course-card--text-only .academy-card-progress { box-shadow: inset 0 0 0 1px var(--academy-line); }
.academy-course-card--text-only .academy-dashboard-card-info { margin-left: auto; }
