.course-dashboard{width:100%;max-width:1200px;margin:0 auto;padding:24px 32px 72px}.course-back{margin-bottom:24px;padding-left:0}.course-loading{text-align:center;padding:80px}.course-heading{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.course-heading h1{margin:8px 0 12px;font-size:clamp(28px,4vw,40px)}.course-heading p{max-width:680px}.course-eyebrow{letter-spacing:.12em;font-size:11px;font-weight:650}.course-summary{background:#fff;border:1px solid #e5e7eb;border-radius:12px;grid-template-columns:repeat(3,1fr);gap:24px;margin:16px 0 32px;padding:24px;display:grid}.course-summary>div{flex-direction:column;gap:4px;display:flex}.course-summary strong{font-size:28px;font-weight:600}.course-summary span{color:#595959}.course-actions{grid-template-columns:1.2fr 1fr;gap:16px;display:grid}.course-actions h3{margin-top:8px;font-size:21px}.course-recommended{border-color:#0f766e}.course-fluency{margin-top:36px;scroll-margin-top:24px}.course-treemap{margin:20px -4px 12px;position:relative}.course-region{cursor:pointer;text-align:left;font:inherit;color:inherit;background:0 0;border:0;padding:4px;position:absolute}.course-region-inner{background:#fff;border:1px solid #d9dfe0;border-radius:10px;flex-direction:column;gap:6px;height:100%;padding:16px;display:flex;overflow:auto}.course-region:hover .course-region-inner{background:#f5faf9;border-color:#0f766e}.course-region:focus-visible,.course-skill:focus-visible{outline-offset:1px;border-radius:10px;outline:3px solid #0f766e}.course-region-count,.course-region-link{color:#595959;font-size:12px}.course-region-link{margin-top:auto}.course-mini-cells{flex-wrap:wrap;gap:3px;padding:6px 0;display:flex}.course-mini-cells>span{border-radius:3px;width:14px;height:14px}.course-legend{flex-wrap:wrap;gap:12px 20px;margin:16px 0;font-size:12px;display:flex}.course-legend>span{align-items:center;gap:6px;display:inline-flex}.course-legend i,.course-skill>i{border-radius:3px;flex-shrink:0;width:12px;height:12px;display:inline-block}.skill-color-not_introduced{background:#e5e7eb}.skill-color-learning{background:#91caff}.skill-color-needs_support{background:#ffb3a7}.skill-color-developing{background:#ffd666}.skill-color-fluent{background:#95de64}.skill-color-automatic{background:#0f766e}.course-skill-list{flex-direction:column;gap:8px;display:flex}.course-skill{text-align:left;cursor:pointer;color:inherit;font:inherit;background:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:12px;padding:14px;display:flex}.course-skill>span:first-of-type{flex:1}.course-skill small{color:#595959;display:block}.course-skill>span:last-child{font-size:12px}.course-skill-selected{background:#f5faf9;border-color:#0f766e}.course-skill-detail,.course-drawer-note{margin-top:24px}@media (width<=767px){.course-dashboard{padding:16px 16px 64px}.course-heading{flex-direction:column;gap:0}.course-summary{gap:12px;padding:16px}.course-summary strong{font-size:22px}.course-summary span{font-size:12px}.course-actions{grid-template-columns:1fr}.course-treemap{grid-template-columns:1fr;display:grid;height:auto!important}.course-region{position:static;width:auto!important;height:auto!important}.course-region-inner{min-height:125px}}.course-heading h1.ant-typography{margin-top:8px;margin-bottom:12px}.course-workspace{grid-template-columns:minmax(0,1.9fr) minmax(280px,1fr);align-items:start;gap:28px;display:grid}.course-workspace h2.ant-typography{margin-top:0;font-size:23px}.course-workspace .course-fluency{margin-top:0}.course-workspace .course-actions{grid-template-columns:1fr}.course-mini-cells{flex:1;grid-template-columns:repeat(auto-fit,minmax(24px,1fr));min-height:28px;display:grid}.course-mini-cells>span{opacity:.85;width:auto;height:auto;min-height:20px}@media (width<=900px){.course-workspace{grid-template-columns:1fr}.course-next{grid-row:1}.course-workspace .course-actions{grid-template-columns:1fr 1fr}}@media (width<=600px){.course-workspace .course-actions{grid-template-columns:1fr}}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}
