/* Existing homepage composition, refreshed workspace content only. */
.demo-tabs{justify-content:space-between;gap:10px}.demo-tabs a{font-size:10px;white-space:nowrap}.demo-updated-top{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(100px,1fr);gap:10px;margin-bottom:10px}.demo-academy{display:flex;flex-direction:column;align-items:start;min-height:157px;box-sizing:border-box;padding:15px 17px;border:1px solid #4d6c51;border-radius:8px;background:linear-gradient(90deg,#06160ff2,#06160f66 70%,transparent),url('/dashboard-assets/portal-dark.webp') center 58%/cover;color:#edf6ee;text-decoration:none;overflow:hidden}.demo-academy>small{font-size:6px;letter-spacing:.17em;color:#b1c7b7}.demo-academy>strong{font-size:27px;line-height:1.02;font-weight:500;letter-spacing:-.04em;margin:11px 0 6px}.demo-academy>span{font-size:6px;color:#bed3c4}.demo-academy>b{margin-top:11px;padding:5px 9px;background:#dcebd9;color:#244730;border-radius:3px;font-size:7px;font-weight:500}.demo-rank{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:12px 8px;background:#102219;border:1px solid #2c4736;border-radius:8px;text-align:center}.demo-rank>small{font-size:6px;letter-spacing:.1em;color:#97ad9f}.demo-rank>img{object-fit:contain;filter:drop-shadow(0 0 6px #56e5ba24)}.demo-rank>strong{font-size:16px;letter-spacing:-.02em;font-weight:500}.demo-rank>span{font-size:6px;color:#97ad9f}.demo-rank>i{height:2px;width:70%;background:linear-gradient(90deg,#98cba5 7%,#98cba530 7%)}.demo-example-label{font-size:6px;letter-spacing:.12em;color:#7c9687;margin:4px 0 9px;text-align:right}.dashboard-demo .demo-chart{background:#0b1c15;border-color:#2c4736}.dashboard-demo .demo-chart svg{margin:10px 0 7px;color:#e3eee6}.dashboard-demo .demo-panel-heading{font-size:9px}.demo-side>div{background:#102219;border-color:#2c4736}.demo-side .demo-session{font-size:8px}.demo-side small{font-size:7px}.demo-side strong{font-size:11px}.demo-workspaces{gap:10px;margin-top:10px}.demo-workspaces .demo-journal{padding:12px}.demo-workspaces .demo-journal strong{font-size:12px;line-height:1.35}.demo-workspaces .demo-journal small{font-size:7px}.demo-workspaces .demo-journal div>span{font-size:8px}.demo-workspaces .demo-journal .demo-feature-chips span{font-size:6px;padding:3px 4px}.demo-workspaces .refreshed-course{background:linear-gradient(95deg,#06160ff5,#06160f6b),url('/dashboard-assets/coast-dark.webp') center/cover;border-color:#486850}.demo-workspaces .refreshed-course strong{color:#f0f5ef}.demo-workspaces .refreshed-course div>span{color:#c8d8ca}.demo-workspaces .refreshed-course .demo-feature-chips span{color:#d7e8d8;background:#06160f60}.demo-workspaces .refreshed-course>a{color:#d7e8d8}
@media(max-width:600px){.demo-tabs{gap:8px;flex-wrap:nowrap}.demo-tabs a{font-size:8px}.demo-updated-top{grid-template-columns:minmax(0,1.7fr) minmax(90px,1fr);gap:7px}.demo-academy{min-height:140px;padding:12px}.demo-academy>strong{font-size:24px;margin-top:10px}.demo-academy>small{font-size:5px}.demo-academy>span{font-size:5px}.demo-academy>b{font-size:6px;margin-top:9px}.demo-rank{gap:6px;padding:10px 6px}.demo-rank>img{width:40px;height:45px}.demo-rank>strong{font-size:14px}.demo-rank>small,.demo-rank>span{font-size:5px}.demo-example-label{font-size:5px;margin-bottom:7px}.dashboard-demo .demo-chart svg{height:auto;min-height:100px;margin:12px 0 8px}.demo-workspaces{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:7px}.demo-workspaces .demo-journal{padding:9px}.demo-workspaces .demo-journal strong{font-size:10px}.demo-workspaces .demo-journal small{font-size:6px}.demo-workspaces .demo-journal div>span{font-size:7px}.demo-feature-chips{gap:3px;margin-top:7px}.demo-workspaces .demo-journal .demo-feature-chips span{font-size:5px;padding:3px}.demo-journal>a{padding:0;font-size:17px}.demo-side .demo-session b{font-size:7px}}
/* Real six-rank demonstration. The global lesson bar advances to 140/140. */
.dashboard-demo .demo-rank{isolation:isolate}
.dashboard-demo .demo-rank>img{transform-origin:center;will-change:auto}
.dashboard-demo .demo-rank>strong{min-height:1.25em}
.dashboard-demo .demo-rank>span{font-variant-numeric:tabular-nums;white-space:nowrap}
.dashboard-demo .demo-rank>i.demo-rank-track{display:block;height:3px;width:70%;background:#8bb7a32b;border:0;border-radius:9px;overflow:hidden}
.dashboard-demo .demo-rank-track>b{display:block;width:100%;height:100%;border-radius:inherit;background:#86dcca;transform:scaleX(0);transform-origin:left center}
:where(html[data-motion="reduce"]) .dashboard-demo .demo-rank :is(img,strong,b){animation:none!important;transition:none!important}