/* MK EVPP course workspace: the original retro gaming identity, with quieter
   outlines and shadows for dense teaching tools. Pixel display is an accent;
   names, controls, dates, and data stay in Inter. */
@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/inter-latin-400-normal.woff2') format('woff2')}
@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url('../fonts/inter-latin-600-normal.woff2') format('woff2')}
@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/inter-latin-700-normal.woff2') format('woff2')}
@font-face{font-family:Silkscreen;font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/silkscreen-latin-700-normal.woff2') format('woff2')}
@font-face{font-family:'Press Start 2P';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/press-start-2p-latin-400-normal.woff2') format('woff2')}
.ws-shell,.ws-page,.ws-spaces,.ws-account-tools,.ws-writing-header{--ws-ink:#0b1623;--ws-muted:#52636b;--ws-line:#d4dfe1;--ws-accent:#0f655f;--ws-soft:#e9f3f1;--ws-outline:#0b1623;--ws-shadow:3px 3px 0 rgba(11,22,35,.12);font-family:Inter,system-ui,sans-serif;line-height:1.5;color:var(--ws-ink);box-sizing:border-box}
.ws-shell *,.ws-page *,.ws-spaces *{box-sizing:border-box}
.ws-page :is(a,button,input,select,summary):focus-visible,.ws-shell :is(a,button,select):focus-visible,.ws-spaces a:focus-visible{outline:3px solid #0f766e;outline-offset:3px}
.ws-spaces{display:flex;gap:4px;flex-wrap:wrap;align-items:center;font-size:13px}
.ws-spaces a{padding:8px 14px;border:2px solid transparent;border-radius:5px;color:var(--ws-muted);font-weight:600;text-decoration:none;white-space:nowrap}
.ws-spaces a:hover{background:#f0f5f5;color:var(--ws-ink)}
.ws-spaces a[aria-current=page]{background:var(--ws-soft);color:var(--ws-accent);border-color:var(--ws-outline);box-shadow:2px 2px 0 rgba(11,22,35,.12)}
.ws-space-row{max-width:1800px;margin:0 auto;padding:8px 40px;border-top:1px solid #e5ebed}
.ws-shell{background:#fff;border-bottom:2px solid var(--ws-outline);font-size:13px}
.ws-shell__inner{max-width:1800px;margin:auto;padding:14px 40px 0}
.ws-context{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.ws-context form{display:flex;align-items:center;gap:9px;min-width:0}
.ws-context label{font-weight:600}
.ws-context select{max-width:330px;min-height:38px;background:#fff;border:2px solid var(--ws-outline);border-radius:5px;padding:6px 30px 6px 10px;font:inherit;color:var(--ws-ink)}
.ws-term{color:var(--ws-muted)}
.ws-scope-note{padding:10px 0;margin:0;color:var(--ws-muted);font-size:12px}
.ws-scope-note a{color:var(--ws-accent);text-decoration:underline;text-underline-offset:3px}
.ws-library{margin-left:auto;display:flex;gap:18px;flex-wrap:wrap}
.ws-library a{color:var(--ws-muted);text-decoration:none;padding:8px 0}
.ws-library a:hover{text-decoration:underline;color:var(--ws-accent)}
.ws-tabs{display:flex;gap:24px;flex-wrap:wrap;margin-top:12px}
.ws-tabs a{display:block;padding:10px 0 11px;border-bottom:3px solid transparent;color:var(--ws-muted);text-decoration:none;font-weight:600}
.ws-tabs a[aria-current=page]{color:var(--ws-accent);border-color:var(--ws-accent)}
.ws-tabs a:hover{color:var(--ws-accent)}
.ws-page{max-width:1200px;margin:0 auto;padding:4px 0 56px;font-size:14px}
.ws-page h1{font-family:Silkscreen,Inter,system-ui,sans-serif;font-size:28px;font-weight:700;letter-spacing:0;line-height:1.35;margin:0 0 8px;overflow-wrap:anywhere}
.ws-page h2{font-size:19px;font-weight:700;letter-spacing:-.015em;margin:0 0 8px;line-height:1.35}
.ws-page h3{font-size:16px;font-weight:600;margin:0 0 6px;line-height:1.4}
.ws-page p{margin:0 0 10px;max-width:72ch}
.ws-muted{color:var(--ws-muted)}
.ws-title{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:32px;padding:24px;background-color:var(--ws-ink);color:#fff;border:2px solid var(--ws-outline);border-radius:7px;box-shadow:4px 4px 0 var(--ws-accent);background-image:linear-gradient(rgba(94,234,212,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(94,234,212,.045) 1px,transparent 1px);background-size:22px 22px}
.ws-title h1{color:#fff}
.ws-title .ws-muted{color:#b7d6d1}
.ws-title p:last-child{margin-bottom:0}
.ws-title>.ws-button{flex-shrink:0}
.ws-actions{display:flex;gap:9px;flex-wrap:wrap;align-items:center}
.ws-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:8px 14px;background:#fff;border:2px solid var(--ws-outline);border-radius:5px;color:var(--ws-ink);font:600 13px/1.4 Inter,system-ui,sans-serif;text-decoration:none;cursor:pointer;box-shadow:2px 2px 0 rgba(11,22,35,.16);transition:background .12s,box-shadow .12s,transform .12s}
.ws-button:hover:not(:disabled){background:#f1f6f5;border-color:var(--ws-outline);box-shadow:3px 3px 0 rgba(15,118,110,.25);transform:translate(-1px,-1px)}
.ws-button:active:not(:disabled){transform:translate(1px,1px);box-shadow:1px 1px 0 rgba(11,22,35,.16)}
.ws-button--primary{background:var(--ws-accent);color:#fff;box-shadow:2px 2px 0 #042f2e}
.ws-button--primary:hover:not(:disabled){background:#0a504b;color:#fff;box-shadow:3px 3px 0 #042f2e}
.ws-button--primary:hover{background:#0a504b;color:#fff}
.ws-button:disabled{opacity:.55;cursor:wait}
.ws-link{color:var(--ws-accent);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.ws-section{margin:30px 0 0}
.ws-section-head{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:14px;flex-wrap:wrap}
.ws-course-list,.ws-rows{border:2px solid var(--ws-outline);border-radius:7px;background:#fff;overflow:hidden;box-shadow:var(--ws-shadow)}
.ws-course-row{display:grid;grid-template-columns:100px minmax(0,1fr) auto;align-items:center;gap:24px;padding:25px;border-bottom:1px solid var(--ws-line)}
.ws-course-row:last-child,.ws-row:last-child{border-bottom:0}
.ws-course-code{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;min-height:76px;padding:12px 8px;background:var(--ws-ink);color:#fff;border:2px solid var(--ws-outline);border-radius:5px;box-shadow:3px 3px 0 var(--ws-course-accent,#0f766e);font-family:Silkscreen,Inter,sans-serif;font-size:13px;font-weight:700;line-height:1.2;text-align:center}
.ws-course-code strong{font-family:'Press Start 2P',Silkscreen,sans-serif;font-size:18px;font-weight:400;line-height:1.4}
.ws-course-row h2{margin:0 0 4px;font-size:18px}
.ws-course-row p{margin:0;color:var(--ws-muted);font-size:13px}
.ws-course-row a:not(.ws-button){color:inherit;text-decoration:none}
.ws-course-row a:not(.ws-button):hover{text-decoration:underline}
.ws-row{display:flex;align-items:center;gap:20px;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--ws-line)}
.ws-row p{margin:4px 0 0;color:var(--ws-muted);font-size:13px}
.ws-row>div{min-width:0}
.ws-row strong{font-weight:600}
.ws-columns{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(250px,1fr);gap:32px;align-items:start}
.ws-note{padding:15px 18px;background:#edf3f5;border:1px solid #ccdce2;border-radius:6px;color:#354e5b;font-size:13px;margin:16px 0}
.ws-note p:last-child{margin-bottom:0}
.ws-badge{display:inline-block;vertical-align:middle;background:#edf1f3;color:#485a64;border:1px solid #b9c7cd;border-radius:3px;padding:3px 7px;font-size:12px;font-weight:600;white-space:nowrap}
.ws-badge--live{background:#e5f2ed;color:#226247}
.ws-badge--current{background:var(--ws-accent);color:white;border-color:var(--ws-outline)}
.ws-plan{border:2px solid var(--ws-outline);border-radius:7px;background:#fff;box-shadow:var(--ws-shadow)}
.ws-week{border-bottom:1px solid var(--ws-line);scroll-margin-top:180px}
.ws-week:last-child{border-bottom:0}
.ws-week summary{display:grid;grid-template-columns:90px minmax(0,1fr) 105px 24px;gap:18px;align-items:center;padding:20px;cursor:pointer;list-style:none}
.ws-week summary::-webkit-details-marker{display:none}
.ws-week summary:hover{background:#f5f9f8}
.ws-week summary::after{content:'+';font-size:22px;text-align:center;color:var(--ws-accent)}
.ws-week[open] summary::after{content:'−'}
.ws-week[open] summary{border-bottom:1px solid var(--ws-line)}
.ws-week__date{display:block;font-size:12px;color:var(--ws-muted);margin-top:4px}
.ws-week summary>span:first-child>strong{font-family:Silkscreen,Inter,sans-serif;font-size:16px;line-height:1.3}
.ws-week__title{font-size:15px;font-weight:600;overflow-wrap:anywhere}
.ws-week__body{padding:20px;display:grid;grid-template-columns:minmax(0,1.6fr) minmax(220px,1fr);gap:28px;background:#fafcfc}
.ws-week__body p{font-size:13px;color:var(--ws-muted)}
.ws-module+.ws-module{border-top:1px solid var(--ws-line);margin-top:18px;padding-top:18px}
.ws-module .ws-actions{margin-top:12px}
.ws-filter{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin:0 0 18px}
.ws-filter label{display:block;color:var(--ws-muted);font-size:13px;margin-bottom:5px}
.ws-filter input,.ws-filter select{background:#fff;border:2px solid var(--ws-outline);border-radius:5px;padding:8px 12px;min-height:40px;font:inherit;color:var(--ws-ink);max-width:100%;width:100%}
.ws-filter>div{max-width:100%;min-width:200px}
.ws-table-wrap{overflow-x:auto;border:2px solid var(--ws-outline);border-radius:7px;background:#fff;box-shadow:var(--ws-shadow)}
.ws-table{width:100%;text-align:left;border-collapse:collapse;font-size:13px}
.ws-table th{background:#f1f6f5;font-weight:600;color:var(--ws-muted);padding:12px 18px;white-space:nowrap}
.ws-table td{padding:14px 18px;border-top:1px solid var(--ws-line)}
.ws-empty{padding:28px 20px;color:var(--ws-muted);background:#fff;border:1px dashed var(--ws-line);border-radius:6px}
.ws-back{display:inline-block;margin-bottom:18px;color:var(--ws-accent);text-decoration:underline;text-underline-offset:3px}
.ws-account{position:relative;font:600 13px/1.4 Inter,system-ui,sans-serif}
.ws-account summary{cursor:pointer;min-height:40px;display:flex;align-items:center;padding:8px 12px;border:2px solid #0b1623;border-radius:5px;box-shadow:2px 2px 0 rgba(11,22,35,.12)}
.ws-account-panel{position:absolute;right:0;top:calc(100% + 8px);width:220px;padding:14px;background:white;border:2px solid #0b1623;border-radius:6px;box-shadow:3px 3px 0 rgba(11,22,35,.16);z-index:60}
.ws-account-panel p{margin:0 0 12px;overflow-wrap:anywhere;font-weight:400}
.ws-account-panel button{min-height:40px;cursor:pointer;color:#a12e31}
.ws-account-tools{display:flex;gap:12px;align-items:center}
.ws-writing-header{display:flex;align-items:center;flex-wrap:wrap;gap:18px;padding:14px 24px;background:#fff;border-bottom:1px solid #d4dfe1;font:600 14px/1.4 Inter,system-ui,sans-serif}
.ws-writing-header>a{color:#0b1623;text-decoration:none}
.ws-writing-header>a:first-child{font-family:Silkscreen,Inter,sans-serif;font-size:17px}
.ws-writing-header .ws-spaces{margin-left:auto}
@media(max-width:900px){
  .ws-shell__inner{padding:12px 20px 0}.ws-space-row{padding:8px 20px}.ws-tabs{gap:18px}
  .ws-columns{grid-template-columns:1fr}.ws-library{margin-left:0}.ws-context{gap:10px 20px}
  .ws-week__body{grid-template-columns:1fr}.ws-title{flex-wrap:wrap}.ws-course-row{grid-template-columns:80px minmax(0,1fr);gap:16px}.ws-course-row>.ws-button{grid-column:2;justify-self:start}
}
@media(max-width:560px){
  .ws-shell__inner{padding:12px 16px 0}.ws-space-row{padding:6px 12px}.ws-spaces a{padding:10px 12px}
  .ws-context form{width:100%;flex-wrap:wrap}.ws-context select{max-width:100%;width:100%;flex:1;min-width:0}.ws-context .ws-term{width:100%}
  .ws-tabs{gap:0;justify-content:space-between}.ws-tabs a{padding:12px 6px;font-size:12px}
  .ws-library{gap:16px;font-size:12px}.ws-page h1{font-size:24px}.ws-title{padding:18px;gap:18px}.ws-course-row{display:flex;flex-wrap:wrap;padding:20px}.ws-course-row>div:nth-child(2){flex-basis:100%}.ws-course-code{min-width:82px;min-height:70px}
  .ws-row{align-items:flex-start;flex-wrap:wrap;gap:12px}.ws-week summary{grid-template-columns:64px minmax(0,1fr) 16px;gap:10px;padding:16px}.ws-week summary>.ws-badge{grid-column:2;justify-self:start}.ws-week summary::after{grid-column:3;grid-row:1}
  .ws-week__body{padding:16px}.ws-writing-header{padding:12px 16px;gap:12px}.ws-writing-header .ws-spaces{width:100%;margin:0}
}
@media(prefers-reduced-motion:reduce){.ws-button{transition:none}.ws-button:hover:not(:disabled),.ws-button:active:not(:disabled){transform:none}}

/* Shared identity and responsive repairs, verified against the live local copy. */
.ws-platform-header{background:#fff;border-bottom:2px solid #0b1623;color:#0b1623;font-family:Inter,system-ui,sans-serif;position:sticky;top:0;z-index:30;padding:0;display:block}
.ws-platform-header__main{max-width:1800px;margin:auto;min-height:64px;padding:10px 40px;display:flex;align-items:center;justify-content:space-between;gap:16px;box-sizing:border-box}
.ws-brand{display:inline-flex;align-items:center;gap:10px;flex-shrink:0;color:#0b1623;text-decoration:none;font:700 17px/1.4 Silkscreen,Inter,sans-serif;white-space:nowrap}
.ws-brand__mk{color:#0f655f}.ws-brand__icon{display:grid;place-items:center;width:36px;height:36px;border:2px solid #0b1623;border-radius:5px;background:#0f655f;color:#fff}.ws-brand__icon svg{width:16px;height:16px}
.ws-preview-short{display:none}.ws-platform-header .ws-spaces{margin:0}.ws-platform-header .ws-space-row{max-width:1800px}
.ws-review-toolbar{font-family:Inter,system-ui,sans-serif;line-height:1.5;margin-bottom:24px;color:#0b1623}
.ws-review-toolbar h1{font:700 24px/1.4 Inter,system-ui,sans-serif;margin:12px 0}
.ws-review-toolbar .ws-actions{gap:12px}.ws-review-toolbar .ws-muted{font:13px ui-monospace,monospace;color:#52636b}
.ws-review-toolbar .ws-button{--ws-outline:#0b1623;--ws-ink:#0b1623;--ws-accent:#0f655f}
.ws-course-layout>*,.app-content>.grid>*{min-width:0}
.ws-course-layout :is(select,input,textarea){max-width:100%;min-width:0}
.ws-dashboard-actions{flex-wrap:wrap}
.ws-progress-summary a{display:block;white-space:normal;overflow-wrap:anywhere}
.ws-module-status{flex-wrap:wrap}.ws-module-status .chip{white-space:nowrap;flex-shrink:0}
.ws-editor>header{position:relative;z-index:20}
@media(max-width:900px){
 .ws-platform-header__main{padding:10px 20px}
 .ws-module-editor>header,.ws-slide-editor>header{height:auto;min-height:56px;flex-wrap:wrap;padding:10px 12px;gap:8px}
 .ws-module-editor #hTitle{order:-1;flex:1 0 100%;white-space:normal}
 .ws-module-editor .ws-editor-body{flex-direction:column;overflow-y:auto}
 .ws-module-editor .ws-editor-body>main{flex:none;min-height:390px}
 .ws-module-editor #playerBox{min-height:210px}
 .ws-module-editor .ws-editor-body>aside{width:100%;overflow:visible;border-left:0;border-top:2px solid #0b1623}
 .ws-slide-editor>header>div:nth-child(2){flex:1;min-width:0;overflow:hidden}
 .ws-slide-editor #menubar{order:5;flex-basis:100%;flex-wrap:wrap;gap:0}
 .ws-slide-editor #menubar .emnu-panel{max-width:calc(100vw - 24px)}
 .ws-slide-editor #menubar .emnu:nth-last-child(-n+3) .emnu-panel{left:auto;right:0}
 .ws-slide-editor .ws-editor-body{position:relative}
 .ws-slide-editor #tools:not(.w-0){position:absolute;right:0;top:0;bottom:0;width:min(320px,calc(100% - 38px));z-index:21;border-left:2px solid #0b1623;box-shadow:-4px 0 0 rgba(11,22,35,.12)}
 .ws-slide-editor #toolsToggle{position:absolute;right:0;top:8px;margin:0;z-index:22;min-width:28px;min-height:44px}
 .ws-slide-editor .ws-editor-body:has(#tools:not(.w-0)) #toolsToggle{right:min(320px,calc(100% - 38px))}
 .ws-template-editor>div:nth-child(2){grid-template-rows:minmax(220px,45%) minmax(220px,1fr);overflow:auto}
 .ws-template-editor #tplForm{overflow:auto}
}
@media(max-width:560px){
 .ws-platform-header__main{padding:10px 16px;gap:8px}
 .ws-brand{font-size:14px;gap:8px}.ws-brand__icon{width:32px;height:32px}
 .ws-preview-long,.ws-preview-badge{display:none}.ws-preview-short{display:inline}
 .ws-account-tools{gap:8px}.ws-account-tools .ws-button,.ws-account summary{padding:8px 10px}
 .ws-platform-header .ev-navlink{white-space:nowrap;font-size:12px;padding:8px}
 .ws-context{gap:6px}.ws-term{font-size:12px}.ws-library{gap:14px}.ws-library a{padding:6px 0}
 .ws-tabs{margin-top:4px;justify-content:flex-start;gap:0 16px}.ws-tabs a{padding:10px 0}
 .ws-shell__inner{padding-top:10px}
 .ws-course-layout{display:flex;flex-direction:column}.ws-course-layout>div{width:100%}
 .ws-dashboard-actions{margin-left:0;gap:8px}
 .ws-dashboard-actions .ev-btn{white-space:normal}
 .ev-resume{display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px;padding:16px}
 .ev-resume__icon{width:42px;height:42px}.ev-resume__go{grid-column:2;justify-self:start}
 .ws-module-list{max-height:none!important;overflow:visible;padding-right:0;margin-right:0}
 .ws-module-list>.card{display:grid;grid-template-columns:44px minmax(0,1fr);align-items:start;gap:12px}
 .ws-module-list>.card>div:last-child{grid-column:2}.ws-module-list .truncate{white-space:normal}
 .ws-progress-summary{flex-wrap:wrap}.ws-progress-summary>div:first-child{width:100%}
 .ws-progress-summary>div:last-child{width:100%;justify-content:flex-end;gap:20px}
 .app-content>.grid{grid-template-columns:minmax(0,1fr)}
 .ws-slide-editor #status{max-width:100px}
 .ws-module-editor #previewLink{font-size:12px;padding:8px}
}

@media(max-width:900px){
 .ws-slide-editor>header>div:nth-child(2){order:-1;flex:1 0 100%;gap:8px}
 .ws-slide-editor>header>div:nth-child(2)>.truncate{white-space:normal;font-size:13px}
 .ws-course-module{flex-wrap:wrap;gap:8px}
 .ws-course-module>div{flex:1 0 calc(100% - 80px)}
 .ws-course-module>div>.truncate{white-space:normal}
 .ws-course-module>a{margin-left:auto}
}

@media(max-width:900px){
 .ws-recorder>header{height:auto;min-height:56px;flex-wrap:wrap;gap:8px;padding:10px 12px}
 .ws-recorder>header>div:nth-child(2){display:none}
 .ws-recorder .ws-editor-body{flex-direction:column;overflow:auto}
 .ws-recorder #stage{flex:none;min-height:220px;height:45vw;max-height:380px}
 .ws-recorder #promptResize{display:none}
 .ws-recorder #prompt{width:100%!important;min-height:260px;height:280px;border-left:0;border-top:1px solid #d4dfe1}
 .ws-recorder #promptList{padding-top:20px!important;padding-bottom:80px!important}
 .ws-recorder #waveWrap>div:first-child{overflow-x:auto;padding-bottom:6px;white-space:nowrap}
 .ws-recorder #waveWrap>div:first-child>*{flex-shrink:0}
}

.ws-auth-title{background-color:#0b1623;background-image:linear-gradient(rgba(94,234,212,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(94,234,212,.045) 1px,transparent 1px);background-size:22px 22px}
.ws-auth-title>div.absolute{display:none}.ws-auth-title h1{font-family:Silkscreen,Inter,sans-serif;font-size:22px;line-height:1.4}

@media(max-width:560px){.ws-auth-title h1{font-size:20px}}

/* Light Learn workspace. The pixel lettering stays in Learn, not the shared shell. */
body[data-space="learn"],body[data-space="home"]{background:#f8faf8;color:#20382f}
body[data-space="home"] .ev-bg-dots{display:none}
.learn-content{min-width:0;width:100%}
.learn-content>.app-content{max-width:none;width:100%;padding:32px}
[data-learn-shell="true"] .learn-layout{display:grid;grid-template-columns:220px minmax(0,1fr);align-items:start}
.learn-sidebar{position:sticky;top:64px;height:calc(100dvh - 64px);overflow:auto;background:#f1f5f1;border-right:1px solid #dce4dd;font:400 13px/1.5 Inter,system-ui,sans-serif;padding:24px 16px 60px;color:#344b3e}
.learn-navigation{display:flex;flex-direction:column;gap:8px}.learn-sidebar a{text-decoration:none;color:inherit}.learn-sidebar-title{display:flex;gap:8px;align-items:center;padding:0 8px 16px;font:700 20px/1.4 Silkscreen,Inter,sans-serif}.learn-sidebar-title .space-logo{width:26px;height:26px}.learn-all-courses{padding:10px 12px;border-radius:5px;font-weight:600}.learn-all-courses[aria-current]{background:#e0ece3;color:#176459}
.learn-course-picker{margin:16px 4px 0}.learn-course-picker label{display:block;margin-bottom:6px;color:#52675a;font-size:12px;font-weight:600}.learn-course-picker select{font:600 13px/1.5 Inter,sans-serif;padding:9px 28px 9px 10px;border:1px solid #bacbbf;border-radius:5px;background:#fff;color:#243e30;min-width:0;width:100%;min-height:40px}.learn-term{font-size:12px;color:#52675a;margin:0 4px 8px}.learn-task-nav{display:flex;flex-direction:column;gap:4px;margin-top:8px}.learn-task-nav a{padding:11px 12px;border:1px solid transparent;border-radius:5px;font-weight:600}.learn-task-nav a[aria-current]{color:#176459;background:#fff;border-color:#b5cbbb;box-shadow:2px 2px 0 #d6e4d8}.learn-task-nav a:hover,.learn-all-courses:hover,.learn-tools a:hover{background:#e6eee6;color:#176459}.learn-tools{display:flex;flex-direction:column;gap:2px;border-top:1px solid #d5e0d7;margin-top:22px;padding-top:16px}.learn-tools a{padding:9px 12px;border-radius:4px;color:#52675a}.learn-menu-toggle{display:none}.learn-sidebar :is(a,button,select):focus-visible{outline:3px solid #176459;outline-offset:2px}
.ws-page{max-width:none;margin:0;padding-top:0}.ws-title{padding:0 0 24px;border:0;border-bottom:1px solid #d5e0d7;border-radius:0;box-shadow:none;background:none;color:#20382f;margin-bottom:24px}.ws-title h1{color:#20382f;font-size:28px}.ws-title .ws-muted{color:#52675a}.ws-page h2{font-size:18px}.ws-back{display:none}.ws-course-code{background:#f0f7f1;color:var(--ws-course-accent,#176459);border-color:#b5cbbb;box-shadow:2px 2px 0 #d6e4d8}.ws-course-list,.ws-rows,.ws-plan{border:1px solid #bccfc2;box-shadow:2px 2px 0 #e0e9e1}.ws-course-row{padding:24px}.ws-course-row h2{font-size:20px}.ws-week{scroll-margin-top:82px}.ws-week summary{padding:18px 20px}.ws-week[open] summary{background:#eef5ef}.ws-week summary>span:first-child>strong{font-size:14px}.ws-week__body{background:#fff;padding:24px}.ws-badge--current{background:#dceee1;color:#245f3c;border-color:#a8c7b2}.ws-badge--live{border-color:#b6cfc1}.ws-week__body>div:last-child{padding-left:24px;border-left:1px solid #dce5df}.ws-module h3{font-size:18px}.ws-button{border-width:1px;border-color:#91ac9a;box-shadow:1px 1px 0 #d1dfd5;border-radius:4px}.ws-button--primary{background:#176459;border-color:#176459;box-shadow:2px 2px 0 #c2d8c9}.ws-row{padding:20px}.ws-filter input,.ws-filter select{border:1px solid #91ac9a}.ws-title h1,.ws-page p{max-width:none}
.ev-hero,.ev-coursehero{background:#eef6ee;color:#20382f;border:1px solid #b4cbbb;box-shadow:3px 3px 0 #dce9db}.ev-hero::before,.ev-coursehero::before{background-image:linear-gradient(rgba(40,90,50,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(40,90,50,.025) 1px,transparent 1px);opacity:1}.ev-hello,.ev-stat__value,.ev-coursehero .text-white{color:#20382f}.ev-hello em,.ev-stat__value small,.ev-stat__label{color:#176459}.ev-hero__sub,.ev-coursehero .text-slate-300,.ev-coursehero .text-slate-400{color:#52675a}.ev-statrail{border-color:#cadcca}.ev-xp,.ev-stat__bar{background:#e1ebe1;border-color:#a1bfa5}.ws-module-list{max-height:none!important;overflow:visible}.ws-auth-title{background:#eef6ee;color:#20382f;background-image:none}.ws-auth-title h1{color:#20382f}.ws-auth-title p{color:#52675a}
.ws-editor{top:64px!important}
.hub-home{max-width:1440px;margin:0 auto;padding:46px 12px 64px;font:400 15px/1.6 Inter,sans-serif;color:#293e35}.hub-intro{margin-bottom:44px}.hub-intro h1{font:600 clamp(28px,3.7vw,46px)/1.2 Inter,sans-serif;letter-spacing:-.035em;margin:0 0 16px;color:#243d30}.hub-intro p{font-size:17px;max-width:65ch;color:#5b6d60;margin:0}.hub-spaces{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.hub-space{display:flex;flex-direction:column;border:1px solid #cfdacf;border-radius:12px;overflow:hidden;text-decoration:none;color:inherit;background:#fff;transition:border-color .15s,box-shadow .15s}.hub-space:hover{border-color:#759980;box-shadow:0 6px 18px rgba(32,56,38,.08)}.hub-space:focus-visible{outline:3px solid #176459;outline-offset:4px}.hub-space-art{height:174px;display:grid;place-items:center;background:#edf5eb}.hub-space-art .space-logo{width:72px;height:72px}.hub-space--learn .hub-space-art{background-color:#eaf3e5;background-image:linear-gradient(#37603208 1px,transparent 1px),linear-gradient(90deg,#37603208 1px,transparent 1px);background-size:20px 20px}.hub-space--active .hub-space-art{background-color:#faf0dc;background-image:radial-gradient(circle,#87502724 1px,transparent 1.2px);background-size:16px 16px}.hub-space--write .hub-space-art{background-color:#f8eae5;background-image:repeating-linear-gradient(transparent 0,transparent 23px,#a8342914 23px,#a8342914 24px)}.hub-space-copy{padding:28px;flex:1;display:flex;flex-direction:column}.hub-space h2{font:600 28px/1.2 Inter,sans-serif;margin:0 0 20px;letter-spacing:-.025em}.hub-space--learn h2{font-family:Silkscreen,Inter,sans-serif;font-size:26px}.hub-space p{color:#596b5e;margin:0 0 8px;font-size:14px;line-height:1.6}.hub-space .hub-space-lede{color:#293e35;font-weight:600;font-size:16px}.hub-space-go{display:flex;gap:10px;align-items:center;margin-top:auto;padding-top:30px;font-size:14px;font-weight:600}.hub-space-go svg{width:20px;height:20px}.hub-management{display:flex;align-items:center;flex-wrap:wrap;gap:12px 24px;margin-top:38px;padding-top:24px;border-top:1px solid #dce5dc;font-size:13px}.hub-management>span{color:#5b6d60;margin-right:auto}.hub-management a{color:#176459;text-underline-offset:4px}.hub-home+.ws-page{margin-top:32px}
@media(max-width:1000px){.hub-space-copy{padding:22px}.hub-spaces{gap:16px}.hub-space-art{height:140px}}
@media(max-width:900px){[data-learn-shell="true"] .learn-layout{display:block}.learn-sidebar{height:auto;position:static;padding:0 20px;border-right:0;border-bottom:1px solid #dce4dd;overflow:visible}.learn-menu-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:44px;border:0;background:none;color:#244b35;font:600 13px Inter,sans-serif;cursor:pointer}.learn-navigation{display:none;padding:16px 0 24px}.learn-navigation.is-open{display:flex}.learn-sidebar-title{display:none}.learn-task-nav{display:grid;grid-template-columns:1fr 1fr}.learn-tools{display:grid;grid-template-columns:1fr 1fr}.learn-content>.app-content{padding:24px 20px}.ws-week__body>div:last-child{padding:20px 0 0;border-left:0;border-top:1px solid #dce5df}.hub-home{padding:24px 0 48px}}
@media(max-width:640px){.hub-spaces{grid-template-columns:1fr}.hub-space{display:grid;grid-template-columns:96px minmax(0,1fr)}.hub-space-art{height:100%;min-height:210px}.hub-space-art .space-logo{width:48px;height:48px}.hub-space-copy{padding:22px}.hub-space h2{font-size:24px;margin-bottom:12px}.hub-space-go{padding-top:16px}.hub-intro{margin-bottom:28px}.hub-intro p{font-size:15px}.hub-management>span{flex-basis:100%}.ws-title h1{font-size:24px}.ws-title{padding-bottom:20px}.ws-course-row{padding:20px;display:grid;grid-template-columns:64px minmax(0,1fr);gap:16px}.ws-course-row>div:nth-child(2){flex-basis:auto}.ws-course-code{min-width:0;font-size:10px;min-height:64px;padding:10px 4px;gap:6px}.ws-course-code strong{font-size:14px}.ws-course-row h2{font-size:17px}.ws-course-row>.ws-button{grid-column:2}.ws-week__body{padding:18px}.ws-week summary{padding:16px}.learn-content>.app-content{padding:24px 16px}}
@media(prefers-reduced-motion:reduce){.hub-space{transition:none}}

/* Let the player and management tables shrink to the viewport without clipping. */
#lessonGrid{grid-template-columns:minmax(0,1fr)}
#lessonGrid>*{min-width:0}
@media(min-width:1024px){#lessonGrid{grid-template-columns:minmax(0,1fr) 320px}}
[data-page="module"] .learn-content>footer,[data-page="studio_preview"] .learn-content>footer{display:none}
[data-learn-shell="true"] .app-content>.max-w-5xl,[data-learn-shell="true"] .app-content>.max-w-4xl{max-width:none}

/* Shared form legibility and narrow authoring tools. */
body[data-space="learn"] :is(input,textarea)::placeholder{color:#66736c;opacity:1}
[data-page="slides_upload"] .app-content select{max-width:100%;min-width:0}
[data-page="slides_plan"] .app-content table{display:block;max-width:100%;overflow-x:auto}
[data-page="slides_scripts"] .sw-bar{margin-left:0;margin-right:0;padding-left:0;padding-right:0;top:64px}