/* One learner workspace; retain the existing Academy navigation and visual language. */
#app[data-unified-learning] .dash-workspace{background:#f7f9fc}
#app[data-unified-learning] .dash-topbar{background:#fff}
#app[data-unified-learning] .dash-sidebar{overflow-y:auto}
#app[data-unified-learning] .dash-brand{margin-bottom:23px}
#app[data-unified-learning] .dash-sidebar nav{gap:3px}
#app[data-unified-learning] .dash-sidebar nav a{min-height:44px;font-size:13px;gap:12px}
#app[data-unified-learning] .dash-nav-divider{margin:10px 6px}
#app[data-unified-learning] .dash-sidebar-bottom{padding-top:18px}
.learning-space{--space-muted:#5a6b7f;padding-top:30px;padding-bottom:40px}
.learning-space h1,.learning-space h2,.learning-space h3{font-family:var(--font);letter-spacing:-.025em;line-height:1.35}
.learning-space a,.learning-space button{touch-action:manipulation}
.learning-space input:focus-visible,.learning-space select:focus-visible{outline:3px solid #9dc9ef;outline-offset:2px}
.space-page-header{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:26px}
.space-page-header>div{min-width:0}.space-page-header>div>p{font-size:11px;color:#52718c;margin-bottom:8px}
.space-page-header h1{font-size:clamp(25px,2.3vw,34px);font-weight:650;overflow-wrap:anywhere;margin:0 0 9px}
.space-page-header>div>span{font-size:13px;color:var(--space-muted)}
.space-inbox{display:flex;align-items:center;gap:9px;border:1px solid #dce5ef;border-radius:10px;background:#fff;padding:10px 13px;min-height:44px;font-size:12px;flex-shrink:0;color:#315a7b}
.space-resume{position:relative;isolation:isolate;display:flex;align-items:center;min-height:218px;background:#e5f1fc;border:1px solid #d3e6f6;border-radius:18px;padding:28px 32px;overflow:hidden}
.space-resume>div{max-width:65%;position:relative;z-index:1}.space-eyebrow{display:block;font-size:12px;font-weight:600;color:#32668f;margin-bottom:10px}
.space-resume h2{font-size:clamp(22px,2vw,29px);max-width:540px;margin:0}.space-resume p{font-size:13px;color:#48657d;margin:10px 0 20px;max-width:470px}
.space-resume>img{position:absolute;right:8px;bottom:-24px;width:35%;height:245px;object-fit:contain;z-index:0}
.space-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid #e0e8f0;border-radius:13px;background:#fff;margin:18px 0 30px;overflow:hidden}
.space-metrics>a{padding:18px 20px;display:grid;grid-template-columns:1fr auto;border-right:1px solid #e4ebf2;gap:4px;min-width:0}.space-metrics>a:last-child{border:0}.space-metrics>a:hover{background:#f0f6fc}
.space-metrics strong{font-size:27px;line-height:1.3;font-weight:650}.space-metrics span{grid-column:1/-1;font-size:11px;color:var(--space-muted)}.space-metrics svg{grid-column:2;grid-row:1;align-self:center;width:16px;color:#6583a0}
.space-heading{display:flex;justify-content:space-between;gap:16px;align-items:start;margin-bottom:18px}.space-heading h2{font-size:19px;font-weight:650;margin:0 0 5px}.space-heading p{font-size:12px;color:var(--space-muted);margin:0}.space-heading>a{font-size:12px;color:#2168a2;flex-shrink:0;padding-block:4px}
.space-program-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}
.space-program{border:1px solid #dde6ee;background:#fff;border-radius:14px;overflow:hidden;min-width:0;display:flex;flex-direction:column;transition:border-color .18s}
.space-program:hover{border-color:#abcbe6}.space-program-art{position:relative;height:150px;overflow:hidden;background:#eaf3fa;display:grid;place-items:center}.space-program-art img{height:100%;width:100%;object-fit:cover}.space-program-art>svg{width:54px;height:54px;color:#4d81ac}
.space-type{position:absolute;bottom:12px;left:14px;border:1px solid #ffffffa6;background:#fff;color:#244860;padding:4px 9px;border-radius:6px;font-size:10px;font-weight:650;box-shadow:0 2px 8px #1739510d}
.type-workshop{background:#e6f7f0;color:#25614c}.type-bootcamp{background:#eeeafa;color:#51407c}.type-exclusive-class{background:#fff1dd;color:#81541d}.type-recording{background:#e5f1ff;color:#275e91}
.space-program-body{padding:18px;display:flex;flex-direction:column;flex:1;min-width:0}.space-status{display:flex;align-items:center;gap:6px;font-size:10px;color:#77613e;margin-bottom:8px}.space-status:before{content:'';width:5px;height:5px;background:currentColor;border-radius:50%}.space-status.active{color:#28705b}
.space-program h3{font-size:16px;font-weight:650;overflow-wrap:anywhere;margin:0}.space-program-body>p{font-size:12px;color:var(--space-muted);margin:9px 0 16px}.space-program-body>small{font-size:11px;line-height:1.7;color:var(--space-muted);margin-bottom:18px;overflow-wrap:anywhere}
.space-progress{display:flex;align-items:center;gap:10px;margin-bottom:8px}.space-progress progress{width:100%;height:5px;appearance:none;border:0;border-radius:8px;background:#eaf0f6;overflow:hidden}.space-progress progress::-webkit-progress-bar{background:#eaf0f6}.space-progress progress::-webkit-progress-value{background:#4f97d2;border-radius:8px}.space-progress progress::-moz-progress-bar{background:#4f97d2}.space-progress strong{font-size:11px;color:#3b6c93}
.space-program-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:auto}.space-program-actions .dash-button{flex:1;font-size:12px;min-height:44px}.space-minor-link{font-size:11px;color:#28699b;display:block;width:100%;text-align:center;padding:3px 0}
.space-home-columns{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(240px,1fr);gap:20px;margin-top:26px}
.space-panel{padding:23px;border:1px solid #e0e7ef;border-radius:14px;background:#fff;min-width:0}.learning-space [data-space-view]>.space-panel+.space-panel{margin-top:20px}.space-panel.dash-rhythm{border:1px solid #e0e7ef;padding:23px}.space-panel.dash-rhythm>strong{font-size:22px;margin-top:16px}.space-panel.dash-rhythm>strong span{font-size:12px;font-weight:400;color:var(--space-muted)}
.space-panel form{margin-top:20px}.space-panel form label{font-size:12px;color:var(--space-muted);display:grid;gap:8px}.space-panel form select{padding:10px;border:1px solid #d7e2ed;border-radius:8px;background:#fff;min-height:44px;width:100%;color:#253c50}.space-panel form .dash-button{margin-top:12px;width:100%}.space-panel [data-goal-message]:empty{display:none}.space-panel [data-goal-message]{font-size:12px;margin-top:10px}
.space-list-row{display:flex;align-items:center;gap:12px;padding:16px 0;border-top:1px solid #edf1f6;min-width:0}.space-list-row:hover{color:#2168a2}.space-list-row>span:nth-child(2){min-width:0;flex:1}.space-list-row strong{display:block;font-size:13px;font-weight:600;overflow-wrap:anywhere}.space-list-row small{display:block;font-size:11px;color:var(--space-muted);margin-top:5px}.space-list-row>svg{width:16px;color:#5e7b92}
.space-list-icon,.space-date{width:43px;min-width:43px;height:45px;display:flex;align-items:center;justify-content:center;border-radius:9px;background:#eff5fb;color:#3c7099}.space-date{flex-direction:column;font-size:10px;line-height:1.2}.space-date b{font-size:17px}.space-pill{display:inline-flex;width:fit-content;font-size:10px;border-radius:6px;background:#f0f5fa;color:#486580;padding:5px 8px;line-height:1.4}
.space-quiet{padding:16px 0;color:var(--space-muted);font-size:13px;line-height:1.8}.space-empty{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:32px 22px;border:1px dashed #cddce9;border-radius:13px;background:#fafdff;min-width:0}.space-empty>svg{width:30px;height:30px;color:#4d83ae;margin-bottom:14px}.space-empty h2{font-size:18px;margin:0}.space-empty p{font-size:13px;color:var(--space-muted);max-width:440px;margin:9px 0 0}.space-empty .dash-button{margin-top:18px}
.space-notice{border:1px solid #e4d9bc;background:#fffbf0;border-radius:10px;padding:14px 18px;font-size:13px;margin:0 0 24px;color:#6b562d}.space-notice a{font-weight:600;text-decoration:underline;text-underline-offset:3px}
.space-toolbar{display:flex;gap:18px;justify-content:space-between;align-items:center;margin-bottom:18px}.space-toolbar>label{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--space-muted)}.space-toolbar>label:first-child{flex:1;max-width:480px;border:1px solid #d8e2ed;border-radius:10px;padding:0 13px;background:#fff;min-width:0}.space-toolbar input{border:0;background:transparent;width:100%;min-width:0;min-height:46px;padding:9px 0;font:inherit;color:#263c50}.space-toolbar select{min-height:46px;border:1px solid #d8e2ed;padding:10px 12px;background:#fff;border-radius:10px;font:inherit;color:#263c50}
.space-filters{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 22px}.space-filters button{display:inline-flex;gap:8px;align-items:center;min-height:44px;border:1px solid #dfe7ef;border-radius:9px;background:#fff;font-size:12px;color:#52667c;padding:9px 13px}.space-filters button[aria-pressed=true]{background:#e7f2fd;border-color:#8dbde4;color:#205f92}.space-filters button>span{background:#eff3f7;border-radius:4px;min-width:19px;text-align:center;font-size:10px;color:#536779}.space-filters button[aria-pressed=true]>span{background:#d2e7f8;color:#205f92}
[data-program-count]{font-size:12px;color:var(--space-muted);margin-bottom:14px}.space-announcement-preview{margin-top:24px}.space-announcement-preview h3{font-size:16px;margin-bottom:8px}.space-announcement-preview>p{color:var(--space-muted);font-size:13px;overflow-wrap:anywhere}
.space-message+.space-message{margin-top:16px}.space-message h2{font-size:20px;margin:12px 0}.space-message>p,.space-feedback>p,.space-note{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.8;margin-bottom:18px;color:#455970}.space-message .dash-button:disabled{cursor:default;opacity:1;color:#607386;background:#f3f6f9}.space-feedback{display:block;padding:18px 0;border-top:1px solid #e4ebf2}.space-feedback h3{font-size:15px;margin:10px 0}.space-feedback small{font-size:11px;color:var(--space-muted)}
@media(max-width:1200px){.space-program-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.space-page-header{align-items:start}.space-inbox{max-width:185px}.space-home-columns{grid-template-columns:1fr}.space-metrics>a{padding:16px 12px}.space-panel.dash-rhythm form{display:flex;align-items:end;flex-wrap:wrap;gap:12px}.space-panel.dash-rhythm form label{flex:1}.space-panel.dash-rhythm form .dash-button{width:auto;margin:0}.space-panel.dash-rhythm [data-goal-message]{width:100%}}
@media(max-width:620px){.learning-space{padding:22px 18px 30px}.space-page-header{flex-direction:column;gap:14px;margin-bottom:22px}.space-page-header h1{font-size:27px}.space-page-header>div>p{font-size:10px}.space-inbox{max-width:none}.space-resume{padding:23px 22px;min-height:310px;align-items:start}.space-resume>div{max-width:100%}.space-resume h2{font-size:23px}.space-resume p{max-width:100%;font-size:12px}.space-resume>img{width:150px;height:120px;right:0;bottom:-17px;opacity:.75}.space-resume .dash-button{max-width:75%}.space-metrics{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:25px}.space-metrics>a{padding:16px}.space-metrics>a:nth-child(2){border-right:0}.space-metrics>a:nth-child(-n+2){border-bottom:1px solid #e4ebf2}.space-metrics span{font-size:11px}.space-metrics strong{font-size:24px}.space-program-grid{grid-template-columns:1fr}.space-program-art{height:165px}.space-program-body{padding:20px}.space-heading{flex-wrap:wrap;gap:8px}.space-heading h2{font-size:18px}.space-panel,.space-panel.dash-rhythm{padding:20px}.space-toolbar{flex-direction:column;align-items:stretch;gap:12px}.space-toolbar>label:first-child{max-width:none}.space-toolbar>label:last-child{justify-content:space-between}.space-toolbar input,.space-toolbar select,.space-panel form select{font-size:16px}.space-filters{gap:6px}.space-filters button{font-size:11px;padding:8px 10px}.space-list-row{flex-wrap:wrap;gap:10px}.space-list-row>.space-pill{margin-left:53px}.space-list-row>span:nth-child(2){flex-basis:calc(100% - 80px)}.space-list-row>svg{margin-left:auto}.space-home-columns{margin-top:20px;gap:18px}.space-empty{padding:27px 18px}.space-empty h2{font-size:17px}.space-empty p{font-size:12px}.space-program-actions .dash-button{font-size:13px}}
.space-nav-more summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;min-height:44px;padding:10px 14px;color:#536a7f;font-size:12px;list-style:none}.space-nav-more summary::-webkit-details-marker{display:none}.space-nav-more summary svg{width:15px;height:15px;transition:transform .2s}.space-nav-more[open] summary svg{transform:rotate(180deg)}.dash-sidebar .space-nav-more a{padding-left:20px;font-size:12px!important}.space-nav-more summary:focus-visible{outline:3px solid #9dc9ef;outline-offset:2px}
.teaching-learner-route{border:1px solid #dbe6ef;border-radius:14px;background:#fff;padding:24px;margin-bottom:24px}.teaching-learner-route h2{font-size:22px;letter-spacing:-.025em;margin:12px 0 8px}.teaching-learner-route>p{color:#52667c;font-size:13px}.teaching-learner-route>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:22px}.teaching-learner-route>div>a{background:#f7faff;border:1px solid #e0e9f2;border-radius:10px;padding:18px;display:flex;flex-direction:column;min-width:0}.teaching-learner-route>div>a>span{font-size:12px;color:#3773a1}.teaching-learner-route h3{font-size:15px;margin:10px 0 8px}.teaching-learner-route>div p{font-size:12px;color:#52667c;line-height:1.8;margin-bottom:16px}.teaching-learner-route>div strong{font-size:12px;color:#27699c;margin-top:auto}.teaching-recording-access{padding-top:18px;margin-top:18px;border-top:1px solid #e2eaf3}.teaching-recording-access a{color:#27699c}
@media(max-width:720px){.teaching-learner-route{padding:20px}.teaching-learner-route>div{grid-template-columns:1fr}}
.space-feedback-preview{display:block;border-top:1px solid #e2eaf3;padding-top:16px;margin-top:12px}.space-feedback-preview small{display:block;font-size:11px;color:#35729e}.space-feedback-preview strong{display:block;font-size:13px;margin:5px 0}.space-feedback-preview p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;font-size:12px;line-height:1.8;color:#52667c}.space-feedback-preview>span{font-size:11px;color:#28699b;display:block;margin-top:8px}
@media(min-width:801px){.space-home-programs>.space-program:only-child{grid-column:1/-1;display:grid;grid-template-columns:minmax(180px,26%) minmax(0,1fr)}.space-home-programs>.space-program:only-child .space-program-art{height:100%;min-height:240px}.space-home-programs>.space-program:only-child .space-program-body{padding:23px}.space-home-programs>.space-program:only-child .space-progress{max-width:440px}.space-home-programs>.space-program:only-child .space-program-actions{align-self:start;width:fit-content}.space-home-programs>.space-program:only-child h3{font-size:19px}}
