/* Source: academy.claude.com/dashboard DOM/computed styles, 2026-10-01.
   Reference captures live in output/academy-learning-center-20261001. */
@font-face { font-family: "Academy Source Serif"; src: url("/static/academy-fonts/AnthropicSerif-Roman-Variable-dh27ithb.woff2") format("woff2"); font-style: normal; font-weight: 300 800; font-display: swap; }
@font-face { font-family: "Academy Source Sans"; src: url("/static/academy-fonts/AnthropicSans-Roman-Variable-lulux2n8.woff2") format("woff2"); font-style: normal; font-weight: 300 800; font-display: swap; }
body:has(.academy-dashboard-page) { --academy-paper: #f9f9f7; --academy-ink: #0b0b0b; --academy-muted: #52514e; --academy-surface-1: #fcfcfb; --dashboard-ring: rgb(11 11 11 / 10%); --dashboard-shadow: rgb(11 11 11 / 8%); --dashboard-hover: rgb(11 11 11 / 3.5%); font-family: "Academy Source Sans", "Source Han Sans SC", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", sans-serif; }
html[data-theme="dark"] body:has(.academy-dashboard-page) { --academy-paper: #151515; --academy-ink: #f0efec; --academy-muted: #c3c2b7; --academy-surface-1: #20201f; --dashboard-ring: rgb(255 255 255 / 10%); --dashboard-shadow: rgb(0 0 0 / 24%); --dashboard-hover: rgb(255 255 255 / 7.5%); }
@media (prefers-color-scheme: dark) { html:not([data-theme="light"]) body:has(.academy-dashboard-page) { --academy-paper: #151515; --academy-ink: #f0efec; --academy-muted: #c3c2b7; --academy-surface-1: #20201f; --dashboard-ring: rgb(255 255 255 / 10%); --dashboard-shadow: rgb(0 0 0 / 24%); --dashboard-hover: rgb(255 255 255 / 7.5%); } }
body:has(.academy-dashboard-page) .site-header, body:has(.academy-dashboard-page) .module-bar { display: none; }
body:has(.academy-dashboard-page) main.academy-dashboard-page { display: flex; flex-direction: column; box-sizing: border-box; width: 100%; max-width: none; min-height: 100vh; margin: 0; padding: 56px 0 0; background: var(--academy-paper); color: var(--academy-ink); font-size: 14px; line-height: 21px; }
.academy-dashboard-page .academy-docs-header-inner { justify-content: flex-start; gap: 0; padding: 0 16px; }
.academy-dashboard-page .academy-docs-brand { flex: 0 0 264px; font-family: "Panyin Serif", Georgia, "Songti SC", serif; font-size: 18px; font-weight: 600; }
.academy-dashboard-page .academy-docs-nav { display: flex; flex: 1; gap: 8px; padding-left: 52px; }
.academy-dashboard-page .academy-docs-nav a { height: 32px; font-size: 14px; font-weight: 400; }
.academy-dashboard-page .academy-docs-actions { margin-left: auto; }
.academy-dashboard { display: flex; flex: 1; flex-direction: column; box-sizing: border-box; gap: 48px; width: 100%; max-width: 1152px; margin: 0 auto; padding: 48px 16px; }
.academy-dashboard-heading { display: flex; flex-direction: column; gap: 12px; }
.academy-dashboard-breadcrumb { display: flex; line-height: 20px; }
.academy-dashboard-breadcrumb a { display: inline-flex; align-items: center; gap: 8px; margin-left: -4px; padding: 0 4px; border-radius: 8px; color: var(--academy-muted); font-size: 14px; font-weight: 500; line-height: 20px; text-decoration: none; transition: color 60ms cubic-bezier(.4, 0, .2, 1); }
.academy-dashboard-breadcrumb a:hover { color: var(--academy-ink); }
.academy-dashboard-title-row { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 16px; }
.academy-dashboard-page :is(h1, h2, h3) { margin: 0; font-family: "Academy Source Serif", ui-serif, Georgia, "Times New Roman", "Songti SC", serif; font-weight: 400; }
.academy-dashboard-title-row h1 { font-size: 36px; line-height: 40px; letter-spacing: -.025em; }
.academy-dashboard-title-row p { margin: 0; color: #898781; font-size: 13px; line-height: 17px; }
.academy-dashboard-title-row b { font-weight: 500; }
.academy-dashboard-learning { display: flex; flex-direction: column; gap: 48px; scroll-margin-top: 80px; }
.academy-dashboard-section { display: flex; flex-direction: column; gap: 20px; }
.academy-dashboard-section-heading { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 16px; }
.academy-dashboard-section-heading h2 { font-size: 22px; line-height: 33px; letter-spacing: -.025em; text-wrap: pretty; }
.academy-dashboard-section-heading > a { display: inline-flex; flex: none; align-items: center; gap: 8px; color: var(--academy-ink); font-size: 14px; font-weight: 500; line-height: 20px; text-decoration: none; }
.academy-dashboard-section-heading > a > span { transition: transform 60ms cubic-bezier(.165, .84, .44, 1); }
.academy-dashboard-section-heading > a:is(:hover, :focus-visible) > span { transform: translateX(2px); }
.academy-dashboard-page .academy-dashboard-resume-list { grid-template-columns: minmax(0, 1fr); }
/* Recommendations should use the available measure for the number of cards
   returned by the engine. Two recommendations therefore fill two columns
   instead of leaving a third empty track at the right. */
.academy-dashboard-recommended-list .academy-course-grid { grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr)); }
.academy-dashboard-course-card { min-height: 0; isolation: isolate; border-radius: 16px; box-shadow: 0 0 0 1px var(--dashboard-ring), 0 1px 2px var(--dashboard-shadow); }
.academy-dashboard-course-card::before { content: ""; position: absolute; z-index: 1; inset: 0; border-radius: inherit; background: var(--dashboard-hover); opacity: 0; pointer-events: none; transition: opacity 60ms cubic-bezier(.4, 0, .2, 1); }
.academy-dashboard-course-card:is(:hover, :focus-within)::before { opacity: 1; }
.academy-dashboard-course-card .academy-course-card-cover { display: grid; place-items: center; height: 128px; border: 0; }
.academy-dashboard-course-card .academy-course-card-art:not(.academy-course-card-art-fullbleed) { inset: auto; width: 220px; max-width: 100%; height: 128px; object-fit: contain; }
.academy-dashboard-course-card .academy-course-card-art { transition: transform 300ms cubic-bezier(.165, .84, .44, 1); }
.academy-dashboard-course-card:is(:hover, :focus-within) .academy-course-card-art { transform: scale(1.04); }
.academy-dashboard-course-card .academy-course-card-body { gap: 8px; min-width: 0; padding: 20px; }
.academy-dashboard-course-card h3 { font-size: 20px; font-weight: 400; line-height: 25px; }
.academy-dashboard-course-card .academy-course-card-link:focus-visible { outline: none; }
.academy-dashboard-course-card:has(.academy-course-card-link:focus-visible) { outline: 2px solid var(--academy-focus); outline-offset: 3px; }
.academy-dashboard-course-summary { margin: 0; color: var(--academy-muted); font-size: 14px; line-height: 20px; text-wrap: pretty; }
.academy-dashboard-course-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 6px; margin: 0; color: #898781; font-size: 13px; line-height: 17px; }
.academy-dashboard-course-meta--footer { margin-top: auto; }
.academy-dashboard-card-info { position: absolute; z-index: 2; top: 12px; right: 12px; display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; padding: 0; border: 0; border-radius: 50%; background: var(--academy-surface-1); color: var(--academy-muted); box-shadow: 0 4px 8px var(--dashboard-shadow), 0 12px 28px -2px var(--dashboard-shadow); cursor: pointer; }
.academy-dashboard-card-info:focus-visible { outline: 2px solid var(--academy-focus); outline-offset: 3px; }
.academy-dashboard-card-info > span { font-family: "Academy Search Anthropicons"; font-size: 16px; font-weight: 533.3; line-height: 16px; }
/* Measured dashboard tooltip: 13/18px, 3px 8px, 6px radius, 120ms ease. */
.app-tooltip.academy-recommendation-tooltip { width: max-content; font-family: "Academy Source Sans", "Source Han Sans SC", sans-serif; min-height: 24px; max-width: min(240px, calc(100vw - 16px)); padding: 3px 8px; border-radius: 6px; font-size: 13px; line-height: 18px; text-wrap: balance; transform: scale(.98); transition: opacity 120ms cubic-bezier(.32,.72,0,1), transform 120ms cubic-bezier(.32,.72,0,1), visibility 0s linear 120ms; }
.app-tooltip.academy-recommendation-tooltip.is-visible { transform: scale(1); transition-delay: 0s; }
html[data-theme="dark"] .app-tooltip.academy-recommendation-tooltip { background: #383835; color: #f0efec; box-shadow: inset 0 0 0 1px rgb(255 255 255 / 10%), 0 1px 2px rgb(11 11 11 / 6%), 0 2px 8px rgb(0 0 0 / 24%); }
@media (prefers-color-scheme: dark) { html:not([data-theme="light"]) .app-tooltip.academy-recommendation-tooltip { background: #383835; color: #f0efec; box-shadow: inset 0 0 0 1px rgb(255 255 255 / 10%), 0 1px 2px rgb(11 11 11 / 6%), 0 2px 8px rgb(0 0 0 / 24%); } }
@media (prefers-reduced-motion: reduce) { .app-tooltip.academy-recommendation-tooltip { transition: none; transform: none; } }
html[data-motion="reduced"] .app-tooltip.academy-recommendation-tooltip { transition: none; transform: none; }
.academy-dashboard-course-card .academy-card-progress { background: var(--academy-surface-1); line-height: 17px; box-shadow: 0 4px 8px var(--dashboard-shadow), 0 12px 28px -2px var(--dashboard-shadow); }
.academy-dashboard-course-card.academy-ongoing-course-card .academy-course-card-body { padding: 24px; }
.academy-dashboard-empty { margin: 0; color: var(--academy-muted); font-size: 14px; line-height: 20px; }
.academy-dashboard-empty a { font-weight: 500; text-underline-offset: 3px; }
.academy-dashboard-footer { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 16px; padding: 24px max(16px, calc((100% - 1088px) / 2)); border-top: 1px solid var(--academy-line); color: var(--academy-muted); font-size: 12px; line-height: 17px; }
.academy-dashboard-footer a { color: inherit; text-decoration: none; }
@media (min-width: 640px) { .academy-dashboard { padding-right: 24px; padding-left: 24px; }.academy-dashboard-course-card.academy-ongoing-course-card { flex-direction: row; align-items: stretch; }.academy-dashboard-course-card.academy-ongoing-course-card .academy-course-card-cover { align-self: stretch; width: 176px; height: auto; }.academy-dashboard-course-card.academy-ongoing-course-card .academy-course-card-art:not(.academy-course-card-art-fullbleed) { width: 96px; height: 96px; } }
@media (min-width: 768px) { .academy-dashboard-section-heading h2 { font-size: 28px; line-height: 42px; } }
@media (min-width: 1024px) { .academy-dashboard { padding: 56px 32px; } }
@media (max-width: 1100px) { .academy-dashboard-page .academy-docs-brand { flex-basis: auto; margin-right: 20px; }.academy-dashboard-page .academy-docs-nav { padding-left: 0; } }
@media (max-width: 700px) { .academy-dashboard-page .academy-docs-header-inner { padding: 0 12px; gap: 8px; }.academy-dashboard-page .academy-docs-brand { flex: none; margin-right: auto; font-size: 16px; }.academy-dashboard-page .academy-docs-nav { flex: none; gap: 0; }.academy-dashboard-page .academy-docs-nav a { padding: 0 6px; }.academy-dashboard-page .academy-docs-nav a:not([aria-current]) { display: none; }.academy-dashboard-page .academy-docs-actions { margin-left: 0; gap: 4px; }.academy-dashboard-page .academy-docs-actions > a { display: none; } }

@media (prefers-reduced-motion: reduce) { .academy-dashboard-course-card:is(:hover, :focus-within) .academy-course-card-art { transform: none; } }
html[data-motion="reduced"] .academy-dashboard-course-card .academy-course-card-art { transition: none; transform: none; }