:root{--ink:#172c38;--muted:#71818d;--line:#e4eaf0;--paper:#fff;--bg:#f5f7fa;--accent:#177e73;--accent-dark:#124e49;--teal-bg:#e8f4ef;--blue:#467295;--radius:16px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-size:16px;line-height:1.55}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit}button,a,input,select,textarea{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #3e9dff;outline-offset:3px}h1,h2,h3,p{margin-top:0}h1{font-size:34px;letter-spacing:-1.1px;line-height:1.22;margin-bottom:12px;font-weight:720}h2{font-size:23px;letter-spacing:-.5px;line-height:1.3;margin-bottom:16px}h3{font-size:18px;line-height:1.4;margin-bottom:10px}p{margin-bottom:16px}small,.meta{font-size:14px}.muted{color:var(--muted)}.icon-defs{position:absolute;width:0;height:0;overflow:hidden}.icon{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.skip{position:absolute;top:-100px;left:12px;z-index:999;background:#fff;padding:12px}.skip:focus{top:12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sidebar{position:fixed;inset:0 auto 0 0;width:242px;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:34px 20px 0;z-index:40;overflow-y:auto}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);font-size:31px;font-weight:750;letter-spacing:-1.3px;line-height:1;text-decoration:none!important}.brand-mark{display:grid;place-items:center;width:39px;height:39px;background:#1b5051;color:white;border-radius:12px;font-size:32px;line-height:1;font-weight:650}.brand-dot{color:var(--accent);margin-left:-10px}.school-label{font-size:10px;font-weight:650;letter-spacing:1px;margin:17px 0 36px;color:#8b989f}.nav-caption{color:#8997a1;font-size:12px;letter-spacing:.8px;margin:0 13px 12px;text-transform:uppercase}.nav-link{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:9px;margin-bottom:5px;color:#647480;font-size:14px;font-weight:550;text-decoration:none!important;min-height:46px}.nav-link.active{color:#167b70;background:#eaf5f1;font-weight:650}.nav-link:hover{background:#f2f6f7}.nav-link+.nav-caption{margin-top:30px}.nav-count{margin-left:auto;background:#177e73;color:#fff;border-radius:5px;font-size:12px;padding:0 6px}.sidebar-bottom{margin-top:auto;padding-top:30px}.school-note{padding:22px 12px 24px}.small-label{font-size:10px;letter-spacing:1.3px;color:#89969d}.school-note p{font-size:14px;color:#697b82;margin:10px 0 14px;line-height:1.7}.mini-line{display:block;width:36px;height:3px;background:#acd6c6}.profile{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);padding:23px 0}.avatar{width:38px;height:38px;background:#e9eff8;color:#57718b;border-radius:50%;display:inline-grid;place-items:center;font-size:15px;font-weight:700;flex-shrink:0}.avatar.large{width:58px;height:58px;font-size:24px}.profile strong{font-size:14px;display:block}.profile small{font-size:12px;color:var(--muted);display:block}.profile form{margin-left:auto}.icon-button{background:transparent;border:0;padding:9px;display:inline-flex;align-items:center;justify-content:center;color:#71818d;border-radius:8px;min-width:40px;min-height:40px}.icon-button:hover{background:#eef3f6}.workspace{margin-left:242px;min-height:100vh;display:flex;flex-direction:column}.topbar{height:83px;padding:0 42px;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid var(--line);gap:20px}.crumb{font-size:14px;color:#7f8d98}.crumb span{margin:0 12px;color:#bec7cd}.topbar-right{display:flex;align-items:center;gap:22px}.today{font-size:13px;color:#8a96a0}.notification-link{position:relative}.notification-dot{width:6px;height:6px;border-radius:50%;background:#de8e67;position:absolute;top:8px;right:10px;box-shadow:0 0 0 2px #fff}.main{width:100%;max-width:1440px;margin:0 auto;padding:38px 42px 58px;flex:1}.footer{padding:22px 42px;border-top:1px solid var(--line);color:#929fa7;font-size:12px;display:flex;justify-content:space-between}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.page-heading p{color:var(--muted);font-size:15px;margin:0;max-width:700px}.eyebrow{font-size:11px;font-weight:650;letter-spacing:1.5px;display:block;margin-bottom:12px}.heading-dot{color:var(--accent)}.pill{display:inline-flex;align-items:center;font-size:12px;font-weight:550;line-height:1.4;border-radius:6px;padding:5px 9px;white-space:normal}.pill.subtle{background:#fff;border:1px solid var(--line);color:#6c8089;padding:8px 12px}.pill.teal,.pill.accepted,.pill.self{background:#e7f5ed;color:#287855}.pill.blue,.pill.published{background:#edf3ff;color:#5977a5}.pill.pending{background:#fff3da;color:#976923}.pill.revision{background:#fcefe9;color:#b06b45}.pill.draft,.pill.archived{background:#eef1f4;color:#78858c}.continue-card{display:flex;justify-content:space-between;align-items:center;gap:30px;border-radius:var(--radius);padding:31px 36px;background:#183f45;color:#fff;overflow:hidden}.continue-card .eyebrow{color:#99c8c3;font-size:10px}.continue-card h2{font-size:27px;margin-bottom:9px;letter-spacing:-.7px}.continue-card p{font-size:14px;color:#b4cccf;margin-bottom:23px}.continue-card p span{margin:0 7px}.continue-progress{min-width:160px;text-align:center}.progress-circle{--percent:0;border-radius:50%;width:105px;height:105px;margin:0 auto 13px;background:conic-gradient(#bce99e calc(var(--percent)*1%),#416368 0);position:relative;display:grid;place-items:center}.progress-circle:before{content:"";position:absolute;inset:6px;background:#183f45;border-radius:50%}.progress-circle strong{position:relative;font-size:29px;font-weight:600}.progress-circle small{font-size:16px;font-weight:400;margin-left:2px}.continue-progress>span{font-size:12px;color:#b4cccf}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;background:var(--accent);color:#fff;border:1px solid transparent;border-radius:8px;padding:11px 18px;font-size:14px;font-weight:600;min-height:44px;line-height:1.4;text-decoration:none!important;transition:background .15s}.button:hover{background:#126c63}.button.light{background:#f4faf5;color:#234d46}.button.light:hover{background:#dff1e2}.button.secondary{background:white;border-color:#dde5e8;color:#45606a}.button.secondary:hover{background:#f2f7f8}.button.ghost{background:transparent;color:var(--accent);padding-inline:10px}.button.danger{background:#b64f44;color:white}.button.small{padding:7px 11px;font-size:13px;min-height:36px}.wide{width:100%}.student-metrics{display:flex;gap:20px;padding:24px 0 27px;margin-bottom:13px;border-bottom:1px solid var(--line)}.student-metrics>div{flex:1;display:flex;align-items:center;gap:9px;font-size:13px;color:#80919a}.student-metrics .icon{color:#7a9e97;width:18px;height:18px}.student-metrics strong{font-size:17px;color:#385660;font-weight:650;margin-left:2px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:25px 0 18px}.section-heading h2{font-size:21px;margin:0}.section-heading>.muted,.section-heading>a{font-size:13px}.number-badge{display:inline-block;background:#e8edf1;color:#798d97;border-radius:6px;padding:2px 7px;font-size:13px;vertical-align:middle;margin-left:6px;font-weight:500}.course-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.course-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.course-cover{position:relative;min-height:180px;padding:25px 28px;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}.cover-teal{background:#e1eee7;color:#2e6251}.cover-blue{background:#e6ecf6;color:#4f6593}.cover-category{font-size:10px;font-weight:600;letter-spacing:1.2px;text-transform:uppercase}.course-cover h3{font-size:23px;letter-spacing:-.5px;margin:12px 0 24px;max-width:76%;position:relative;z-index:1}.cover-number{position:absolute;right:20px;top:21px;font-size:91px;line-height:1.1;letter-spacing:-6px;font-weight:300;opacity:.14}.cover-caption{font-size:8px;letter-spacing:1.7px;opacity:.55}.course-card-body{padding:22px 25px 24px}.row{display:flex;align-items:center;gap:12px}.row.wrap{flex-wrap:wrap}.between{justify-content:space-between}.course-subtitle{color:#819099;font-size:14px;margin:15px 0 24px;min-height:43px}.meta{color:var(--muted)}progress{display:block;width:100%;height:5px;appearance:none;border:0;background:#edf1f3;border-radius:3px;overflow:hidden;margin:10px 0}progress::-webkit-progress-bar{background:#edf1f3;border-radius:3px}progress::-webkit-progress-value{background:#48a090;border-radius:3px}progress::-moz-progress-bar{background:#48a090;border-radius:3px}.course-access{display:flex;align-items:center;gap:7px;color:#8b979f;font-size:12px;margin:19px 0 17px}.course-access .icon{width:15px;height:15px}.recent-notes{margin-top:29px}.note-line{background:#fff;display:flex;align-items:center;gap:15px;border:1px solid var(--line);border-radius:10px;padding:18px;margin-bottom:10px;color:var(--ink);text-decoration:none!important}.note-line:hover{border-color:#b2cec7}.note-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#f1f5f7;color:#8ba0aa;flex-shrink:0}.note-line strong{font-size:14px}.note-line p{margin:2px 0 0;font-size:13px;color:var(--muted)}.note-line time{margin-left:auto;color:#8b98a0;font-size:12px;white-space:nowrap}.notice,.message{padding:14px 17px;border-radius:9px;background:#edf4ff;color:#3a5e83;font-size:14px;line-height:1.6;margin:12px 0}.notice.warning,.message.warning{background:#fff4dc;color:#8b681f}.message.error,.form-errors{background:#fff0ef;color:#a3453c}.message.success{background:#e8f5ee;color:#2b7555}.messages{margin-bottom:20px}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px;margin-bottom:22px}.card h2{font-size:20px}.card.slim{padding:20px}.empty{background:#fff;border:1px dashed #d9e1e6;border-radius:14px;padding:40px 28px;text-align:center;color:var(--muted);grid-column:1/-1}.empty h3{color:var(--ink)}.empty p{margin:0}.field{margin:0 0 20px}.field label{font-size:14px;color:#36525d;font-weight:550;display:block;margin-bottom:7px}.required{color:#8d9eaa;margin-left:3px}input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea{width:100%;border:1px solid #d9e2e7;background:#fff;border-radius:8px;padding:11px 13px;color:var(--ink);min-height:45px;max-width:100%}input::placeholder,textarea::placeholder{color:#a5b0b7}textarea{resize:vertical;min-height:90px}input[type=checkbox],input[type=radio]{width:18px;height:18px;accent-color:var(--accent);margin:0;vertical-align:middle;flex-shrink:0}.checkbox-field label{display:flex;align-items:flex-start;gap:10px;font-weight:400;line-height:1.5}.checkbox-field input{margin-top:3px}.help{display:block;color:#8997a0;font-size:12px;margin-top:6px}.field-error{color:#ac5046;font-size:13px;margin-top:5px}.field-error ul,.form-errors ul{padding-left:19px;margin:0}.form-errors{padding:14px 18px;margin:0 0 20px;border-radius:8px;font-size:14px}.form-card{max-width:760px}.form-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:25px}.back-link{display:inline-block;margin-bottom:18px;font-size:14px}.split{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(250px,1fr);gap:25px}.stack>*:last-child{margin-bottom:0}.module-head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:20px 24px;border-bottom:1px solid var(--line)}.module-head h2{margin:0;font-size:18px}.module-number{color:#a1b0b7;font-size:12px;text-transform:uppercase;letter-spacing:1px;margin-bottom:5px}.module-card{padding:0;overflow:hidden}.lesson-row{display:flex;align-items:center;gap:15px;padding:20px 24px;border-bottom:1px solid #edf0f3;color:var(--ink);text-decoration:none!important}.lesson-row:last-child{border-bottom:0}.lesson-row:hover{background:#f9fbfb}.lesson-row.locked{background:#fafbfd;color:#94a0a8}.lesson-icon{width:38px;height:38px;border-radius:50%;background:#edf5f2;color:#498d7b;display:grid;place-items:center;flex-shrink:0}.locked .lesson-icon{background:#f0f2f5;color:#a4afb7}.lesson-info{flex:1;min-width:0}.lesson-info strong{display:block;font-size:15px;font-weight:550}.lesson-info small{display:block;color:#8a98a0;font-size:12px;margin-top:4px}.lesson-info .lock-reason{color:#9b7a45}.lesson-row>.pill{font-size:11px;max-width:190px}.course-overview{background:#e9f1ec;border:0}.course-overview h2{font-size:23px}.definition{display:grid;gap:18px}.definition dt{font-size:12px;color:var(--muted);margin-bottom:3px}.definition dd{margin:0;font-size:14px;font-weight:500}.definition .row{align-items:flex-start}.lesson-layout{display:grid;grid-template-columns:minmax(0,1fr) 265px;gap:26px}.lesson-side .card{position:sticky;top:24px;padding:20px}.lesson-side a{display:flex;align-items:flex-start;gap:10px;color:#798b95;font-size:13px;padding:10px 0;border-bottom:1px solid #edf1f3}.lesson-side a.current{color:#217c70;font-weight:650}.lesson-side .lesson-num{font-size:11px;padding-top:2px;min-width:17px}.video-wrap{border-radius:13px;overflow:hidden;background:#163b42}.video-wrap video{width:100%;max-height:600px;display:block;background:#163b42;aspect-ratio:16/9}.video-tools{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 4px;color:var(--muted);font-size:12px;flex-wrap:wrap}.video-tools label{display:flex;align-items:center;gap:9px;font-size:13px}.video-tools select{width:86px;min-height:32px;padding:5px}.lesson-heading h1{font-size:29px}.lesson-content{line-height:1.8;white-space:normal;overflow-wrap:anywhere;color:#526773}.lesson-content p:last-child{margin:0}.material{display:flex;align-items:center;gap:12px;padding:13px;border:1px solid var(--line);border-radius:8px;margin-bottom:9px;font-size:14px;overflow-wrap:anywhere}.material .meta{margin-left:auto;font-size:12px}.tabs-label{display:flex;gap:25px;margin:20px 0;border-bottom:1px solid var(--line)}.tabs-label span{font-size:14px;padding:10px 0;color:var(--accent);border-bottom:2px solid var(--accent);font-weight:600}.quiz-question{border:1px solid var(--line);border-radius:10px;margin:20px 0;padding:20px}.quiz-question legend{font-weight:600;font-size:15px;padding:0 5px}.quiz-option{display:flex;gap:10px;padding:10px;border-radius:7px;align-items:flex-start;font-size:14px}.quiz-option:hover{background:#f3f7f7}.quiz-option input{margin-top:3px}.quiz-hint{font-size:12px;color:var(--muted);margin:0 0 9px}.attempt{padding:17px 0;border-top:1px solid var(--line);font-size:14px}.submission-card{border-left:3px solid #c7ded5;background:#f9fbfa;border-radius:7px;padding:17px;margin-top:15px;overflow-wrap:anywhere}.submission-text{white-space:pre-wrap;overflow-wrap:anywhere;color:#516570;margin:14px 0;font-size:14px}.comment{border-top:1px solid var(--line);padding:14px 0 0;margin-top:14px}.comment-header{display:flex;align-items:center;gap:8px;font-size:12px}.comment p{font-size:14px;margin:6px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}.comment time{color:#8d9aa3;font-size:11px;margin-left:auto}.subtle-panel{background:#f2f7f4;border-radius:9px;padding:20px;margin-top:20px}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:26px}.stat{background:#fff;border:1px solid var(--line);border-radius:13px;padding:23px}.stat strong{font-size:32px;display:block;line-height:1.2;margin:16px 0 8px;font-weight:650;letter-spacing:-1px}.stat .meta{font-size:13px}.stat .icon{color:#72988e}.stat.emphasis{background:#eaf3ee;border-color:#dceae0}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:12px;background:white;margin:18px 0}table{width:100%;border-collapse:collapse;text-align:left;font-size:14px}th{font-size:11px;color:#8999a2;text-transform:uppercase;letter-spacing:.7px;font-weight:600;padding:16px 20px;background:#fafcfd;white-space:nowrap}td{padding:17px 20px;border-top:1px solid var(--line);vertical-align:middle}td small{display:block;color:var(--muted);font-size:12px;margin-top:3px}.table-progress{min-width:100px}.table-progress progress{margin-bottom:4px}.filters{display:flex;align-items:flex-end;flex-wrap:wrap;gap:12px;background:white;border:1px solid var(--line);border-radius:12px;padding:20px;margin-bottom:24px}.filters .field{margin:0;flex:1;min-width:140px}.filters label{font-size:12px;font-weight:500}.filters input,.filters select{font-size:13px;min-height:41px}.filters .button{min-height:41px}.work-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:25px}.work-layout h2{font-size:19px}.work-answer{font-size:15px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere;margin:20px 0}.work-prompt{white-space:pre-wrap;line-height:1.8;font-size:15px;color:#647884}.inline-form{display:inline-flex;gap:5px;margin:0}.actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.editor-module{background:white;border:1px solid var(--line);border-radius:12px;margin:20px 0;overflow:hidden}.editor-module header{padding:20px;background:#fafcfc;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:10px}.editor-module h3{margin:0;font-size:17px}.editor-lesson{padding:16px 20px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line)}.editor-lesson .grow{flex:1;min-width:0}.editor-lesson .grow>strong{font-size:14px}.editor-lesson small{font-size:12px;color:var(--muted);display:block}.editor-foot{padding:16px 20px}.order-buttons{display:flex;gap:3px}.order-buttons button{border:1px solid var(--line);background:white;border-radius:5px;font-size:11px;color:#7f929c;padding:6px;min-height:30px}.audit-details{font-size:12px;color:#7a8d98;white-space:pre-wrap;word-break:break-word}.empty-row{text-align:center;padding:36px;color:var(--muted)}.center-card{max-width:650px;padding:45px;background:white;border:1px solid var(--line);border-radius:16px;margin:80px auto}.error-code{font-size:60px;letter-spacing:-2px;color:#a8c8be;margin-bottom:15px}.mobile-bar{display:none}.auth-main{min-height:100vh}.login-layout{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.login-story{padding:48px 64px;background:#183f45;color:#fff;display:flex;flex-direction:column}.login-story .brand{color:white}.login-story .brand-mark{background:#bce1b0;color:#244d43}.login-story .brand-dot{color:#bce1b0}.story-content{margin:auto 0;padding:70px 0}.story-content .eyebrow{color:#8fbdb7;margin-bottom:28px}.story-content h1{font-size:46px;line-height:1.25;letter-spacing:-1.7px;font-weight:600}.story-content em{font-style:normal;color:#c4e2b7}.story-content p{color:#9fbebf;font-size:15px;line-height:1.9;margin:28px 0}.story-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:32px}.story-chips span{border:1px solid #436469;border-radius:30px;padding:6px 13px;color:#c3d7d5;font-size:12px}.story-footer{font-size:12px;color:#80a2a6}.login-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:55px 45px;background:white;position:relative}.login-form{width:100%;max-width:365px}.login-form h2{font-size:31px;margin:0 0 12px}.login-form>p{font-size:14px;margin-bottom:30px}.login-form .field{margin-bottom:22px}.login-help{color:#8b9ba5;font-size:12px!important;text-align:center;line-height:1.8;margin:25px 0 0!important}.login-footer{position:absolute;bottom:28px;color:#a4afb6;font-size:12px}.nowrap{white-space:nowrap}details{margin-top:15px}summary{cursor:pointer;color:var(--accent);font-size:14px;padding:5px 0}.danger-text{color:#ac554d}.mode-impact{padding:18px;border:1px solid #dce8e2;border-radius:10px;margin:15px 0;background:#f4f9f5}.mode-impact ul{font-size:14px;padding-left:20px;color:#4e6a60}.mode-arrow{padding:0 9px;color:#899a92}.notice p:last-child{margin:0}.progress-detail{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;padding:15px 0;border-bottom:1px solid var(--line);font-size:14px}.progress-detail:last-child{border:0}.notification-card{border-left:3px solid #aed0c6}.notification-card.read{border-left-color:#e0e6eb}.notification-card h3{font-size:17px}.notification-card p{font-size:14px;color:var(--muted)}.confirmation-fields{display:none}
@media(min-width:1550px){.main{padding-top:45px}.course-cover{min-height:210px}.continue-card{padding:37px 40px}}
@media(max-width:1200px){.sidebar{width:216px;padding-inline:16px}.workspace{margin-left:216px}.main{padding:30px 28px 45px}.topbar{padding-inline:28px}.lesson-layout{grid-template-columns:minmax(0,1fr) 220px;gap:18px}.stats-grid{gap:12px}.stat{padding:19px}.course-cover h3{font-size:21px;max-width:85%}.course-card-body{padding:20px}.student-metrics>div{font-size:12px;gap:7px}.login-story{padding:40px}.story-content h1{font-size:39px}}
@media(max-width:960px){.split,.work-layout{grid-template-columns:1fr}.lesson-layout{grid-template-columns:1fr}.lesson-side{order:2}.lesson-side .card{position:static}.lesson-side a{font-size:14px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.continue-card{padding:27px}.continue-progress{min-width:120px}.continue-card h2{font-size:23px}.course-grid{gap:18px}.course-cover{padding:22px;min-height:180px}.course-cover h3{font-size:20px}.page-heading{align-items:flex-start}.section-heading>.muted{display:none}.topbar .today{display:none}.student-metrics{flex-wrap:wrap;gap:15px}.student-metrics>div{min-width:150px}.login-story{padding:35px}.story-content h1{font-size:33px}.story-content p{font-size:14px}.login-panel{padding:35px}}
@media(max-width:760px){.sidebar{transform:translateX(-100%);width:260px;top:64px;transition:transform .2s;box-shadow:10px 0 35px #17313c14}.sidebar.open{transform:translateX(0)}.sidebar>.brand,.sidebar>.school-label{display:none}.workspace{margin-left:0}.mobile-bar{display:flex;align-items:center;justify-content:space-between;height:64px;padding:0 20px;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50}.mobile-bar .brand{font-size:26px}.mobile-bar .brand-mark{width:32px;height:32px;font-size:27px;border-radius:9px}.topbar{height:52px;padding:0 20px}.crumb{font-size:12px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.topbar-right{gap:0}.main{padding:25px 20px 40px}.page-heading{gap:15px;margin-bottom:23px;flex-wrap:wrap}.page-heading h1{font-size:29px}.page-heading p{font-size:14px}.page-heading>.pill{font-size:11px;padding:5px 9px}.eyebrow{font-size:10px;letter-spacing:1.3px}.course-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.continue-card{padding:25px;gap:15px}.continue-card h2{font-size:24px}.continue-card p{font-size:13px}.continue-progress{min-width:100px}.continue-progress>span{max-width:100px;display:block;font-size:10px}.progress-circle{width:82px;height:82px;margin-bottom:10px}.progress-circle strong{font-size:24px}.student-metrics{padding:20px 0}.student-metrics>div{min-width:130px;font-size:11px}.student-metrics .icon{width:16px;height:16px}.student-metrics strong{font-size:16px}.course-cover{min-height:170px;padding:20px}.course-cover h3{font-size:20px;max-width:95%}.cover-caption{font-size:7px;letter-spacing:1px}.course-card-body{padding:17px}.course-card-body .row .meta{font-size:11px}.course-card-body .pill{font-size:10px}.cover-number{font-size:75px}.course-subtitle{font-size:13px;min-height:60px}.footer{padding:20px;font-size:10px;gap:20px}.card{padding:21px}.module-card{padding:0}.lesson-row,.module-head{padding:18px}.lesson-row{gap:12px}.lesson-row>.pill{max-width:120px;font-size:10px}.lesson-info strong{font-size:14px}.lesson-info small{font-size:11px}.lesson-icon{width:32px;height:32px}.lesson-icon .icon{width:18px}.module-head h2{font-size:16px}.stats-grid{gap:12px}.stat{padding:20px}.stat strong{font-size:28px}.filters{padding:17px;gap:12px}.filters .field{min-width:130px}.filters .button{flex:1}.note-line{padding:14px;gap:12px}.note-line time{display:none}.login-layout{display:block}.login-story{padding:28px}.story-content{padding:38px 0 12px}.story-content h1{font-size:33px;margin-bottom:0}.story-content h1 br:first-child{display:none}.story-content p,.story-chips,.story-footer{display:none}.story-content .eyebrow{font-size:9px;margin-bottom:15px}.login-panel{padding:37px 25px 80px;min-height:560px}.login-form h2{font-size:28px}.login-footer{bottom:22px}.login-form{max-width:420px}.editor-module header{align-items:flex-start;flex-wrap:wrap}.editor-lesson{align-items:flex-start;flex-wrap:wrap}.editor-lesson .grow{min-width:calc(100% - 80px)}.order-buttons{margin-left:auto}.editor-lesson .actions{width:100%;justify-content:flex-start}.card.form-card{padding:22px}.section-heading{flex-wrap:wrap}.section-heading h2{font-size:20px}.note-line p{font-size:12px}.work-layout .card{min-width:0}}
@media(max-width:500px){.course-grid{grid-template-columns:1fr}.course-cover{min-height:175px;padding:25px}.course-cover h3{font-size:25px;max-width:77%;margin-bottom:28px}.cover-number{font-size:90px;top:18px}.course-card-body{padding:22px}.course-subtitle{font-size:14px;min-height:0;margin-bottom:21px}.course-card-body .pill{font-size:12px}.course-card-body .row .meta{font-size:13px}.continue-card{padding:24px;display:block}.continue-card h2{font-size:24px}.continue-progress{display:none}.continue-card .button{font-size:13px}.student-metrics{gap:9px}.student-metrics>div{min-width:0;flex:1;display:grid;grid-template-columns:auto 1fr;gap:2px 7px}.student-metrics>div>span{grid-column:1/-1;line-height:1.6;font-size:11px}.student-metrics>div strong{font-size:18px}.page-heading p{line-height:1.7}.main{padding-inline:18px}.topbar{padding-inline:18px}.lesson-row{flex-wrap:wrap;gap:10px}.lesson-row>.pill{margin-left:42px;max-width:none}.lesson-info{min-width:calc(100% - 42px)}.lesson-heading h1{font-size:26px}.card{padding:19px}.module-card{padding:0}.stats-grid .stat{padding:17px}.stat .meta{font-size:12px}.stat strong{font-size:28px}.filters .field{min-width:calc(50% - 12px)}.filters .field.search{min-width:100%}.work-layout{gap:0}.definition dd{overflow-wrap:anywhere}.form-actions .button{width:100%}.actions .button{font-size:12px}.student-metrics .icon{width:16px}.footer span{display:none}.quiz-question{padding:14px}.quiz-option{padding-inline:3px}.notice{font-size:13px}.center-card{margin:30px 18px;padding:28px}.page-heading .actions{width:100%}.page-heading .actions .button{flex:1}.comment-header{flex-wrap:wrap}.comment time{margin-left:0}.row.between{flex-wrap:wrap}th,td{padding:14px}.profile .icon-button{padding:8px}.note-line strong{font-size:13px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.public-store{max-width:1160px;margin:0 auto;padding:55px 28px}.public-store .button{background:var(--school-accent,#177e73)}.store-hero{padding:55px;border-radius:22px;background:#173f45;color:#fff;margin-bottom:40px}.store-hero h1{font-size:48px}.store-hero p{max-width:700px;color:#c9d9da;font-size:18px}.lead{font-size:19px;color:var(--muted)}
@media(max-width:760px){.public-store{padding:28px 18px}.store-hero{padding:30px 24px}.store-hero h1{font-size:34px}}
.brand-logo{display:block;max-width:178px;max-height:48px;object-fit:contain}.public-store{color:var(--school-text);background:var(--school-bg);border-radius:20px}.public-store .card,.public-store .course-card{background:var(--school-surface)}.public-store .store-hero{background-color:var(--school-header);background-size:cover;background-position:center}.store-logo{display:block;max-width:210px;max-height:76px;object-fit:contain;margin-bottom:30px;filter:drop-shadow(0 3px 12px #0003)}
.lesson-video-section{margin-bottom:25px}.video-shell{background:#101a20;border:1px solid #24353d;border-radius:16px;overflow:hidden;box-shadow:0 14px 34px #142b3526}.video-titlebar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 18px;color:#f7fbfc;background:#17272e;font-size:13px}.video-titlebar small{color:#9fb0b7}.video-wrap{border-radius:0;background:#081116}.video-wrap video{max-height:680px;background:#081116;object-fit:contain}.video-controls-extra{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 17px;color:#dbe6e9;background:#17272e}.video-controls-extra label{display:flex;align-items:center;gap:9px;font-size:12px}.video-controls-extra select{width:82px;min-height:36px;padding:5px 8px;background:#22363f;color:white;border-color:#3a5059}.video-actions{display:flex;align-items:center;gap:8px}.player-button{min-width:42px;height:36px;border:1px solid #3b5058;border-radius:8px;background:#22353d;color:#fff;font-weight:650}.player-button:hover{background:#304850}.player-button.primary{background:var(--accent);border-color:var(--accent)}#video-time{font-variant-numeric:tabular-nums;color:#aebdc2;font-size:12px;margin-left:5px}.lesson-video-section .video-tools{padding-inline:4px}
@media(max-width:600px){.video-titlebar small,.lesson-video-section .video-tools span:last-child{display:none}.video-controls-extra{align-items:flex-start;flex-direction:column}.video-controls-extra label{width:100%;justify-content:space-between}.video-actions{width:100%}#video-time{margin-left:auto}.store-logo{max-width:160px}}
.branding-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:25px;align-items:start}.branding-layout aside{position:sticky;top:24px}.branding-preview{--preview-accent:var(--accent);--preview-secondary:var(--blue);--preview-bg:var(--bg);--preview-surface:var(--paper);--preview-text:var(--ink);--preview-header:var(--accent-dark);border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--preview-bg);color:var(--preview-text);box-shadow:0 14px 35px #18323b14}.preview-header{min-height:210px;padding:28px;background-color:var(--preview-header);background-size:cover;background-position:center;color:white}.preview-header img{display:block;max-width:150px;max-height:55px;object-fit:contain;margin-bottom:25px}.preview-header small{letter-spacing:1.4px;opacity:.75}.preview-header h2{font-size:28px;margin:15px 0 8px}.preview-header p{opacity:.8}.preview-body{padding:22px}.preview-card{padding:18px;background:var(--preview-surface);border-radius:12px;margin-bottom:12px;border-left:4px solid var(--preview-accent)}.preview-card span,.preview-card strong{display:block}.preview-card span{font-size:11px;color:var(--preview-secondary);margin-bottom:6px}.preview-card button{border:0;border-radius:7px;background:var(--preview-accent);color:white;padding:8px 12px;margin-top:14px}.preview-card.secondary{border-left-color:var(--preview-secondary)}
@media(max-width:960px){.branding-layout{grid-template-columns:1fr}.branding-layout aside{position:static}}
.branding-layout{grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr)}.brand-editor-card{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:25px;margin-bottom:18px}.editor-section-head{display:flex;gap:15px;align-items:flex-start;padding-bottom:20px;margin-bottom:22px;border-bottom:1px solid var(--line)}.editor-section-head>span{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border-radius:10px;background:var(--teal-bg);color:var(--accent);font-size:12px;font-weight:700}.editor-section-head h2{font-size:19px;margin:0 0 4px}.editor-section-head p{font-size:13px;color:var(--muted);margin:0}.editor-fields.two-cols,.color-grid,.range-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.brand-editor-card>div:has(>label),.brand-editor-card>div:has(>input),.brand-editor-card>div:has(>textarea){margin-bottom:18px}.color-grid>div{margin:0!important}.color-grid input[type=color]{height:48px;padding:4px;border-radius:9px}.range-grid label{font-size:13px;color:#36525d}.range-grid output{float:right;color:var(--accent);font-variant-numeric:tabular-nums}.range-grid input[type=range]{width:100%;accent-color:var(--accent);margin-top:10px}.sticky-save{position:sticky;bottom:14px;display:flex;align-items:center;gap:15px;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:#fffffff2;box-shadow:0 9px 30px #20343b22;z-index:5}.sticky-save span{font-size:12px;color:var(--muted)}.preview-label{font-size:10px;letter-spacing:1.4px;color:var(--muted);margin-bottom:10px}.preview-header{position:relative;padding:0!important;overflow:hidden;background:var(--preview-header);height:360px;isolation:isolate}.preview-background,.preview-overlay{position:absolute;inset:0}.preview-background{background-repeat:no-repeat;background-size:100% auto;background-position:50% 50%;z-index:-2}.preview-overlay{background:rgb(0 0 0 / 45%);z-index:-1}.preview-logo-frame,.store-logo-frame{position:absolute;display:flex;align-items:center;justify-content:flex-start;width:180px;height:90px;left:8%;top:10%;overflow:hidden;z-index:2}.preview-logo-frame img,.store-logo-frame img{display:block;width:100%;height:100%;object-fit:contain;object-position:left center}.preview-logo-frame.placeholder{border:1px dashed #ffffff99;color:#fff;font-size:11px;letter-spacing:1px;justify-content:center}.preview-copy{position:absolute;left:8%;right:8%;bottom:9%;color:white}.preview-copy h2{font-size:30px;margin:10px 0 7px}.preview-copy p{margin:0;color:#ffffffcc}.layered-hero{position:relative;padding:0!important;overflow:hidden;isolation:isolate;background:var(--school-header)}.store-hero-background,.store-hero-overlay{position:absolute;inset:0}.store-hero-background{z-index:-2;background-repeat:no-repeat}.store-hero-overlay{z-index:-1}.store-hero-copy{position:absolute;left:8%;right:8%;bottom:10%;color:white}.store-hero-copy h1{margin-bottom:10px}.store-hero-copy p{margin-bottom:8px}.store-hero-copy a{color:white;text-decoration:underline}.store-logo-frame{z-index:2}
@media(max-width:960px){.branding-layout{grid-template-columns:1fr}.editor-fields.two-cols,.color-grid,.range-grid{grid-template-columns:1fr 1fr}.branding-layout aside{position:static}}
@media(max-width:520px){.brand-editor-card{padding:20px}.editor-fields.two-cols,.color-grid,.range-grid{grid-template-columns:1fr}.sticky-save{position:static;align-items:stretch;flex-direction:column}.preview-header{height:300px}}
.video-shell .plyr{--plyr-color-main:var(--accent);--plyr-video-background:#081116;--plyr-menu-background:#fff;--plyr-menu-color:var(--ink);border-radius:0;aspect-ratio:16/9}.video-shell .plyr video{aspect-ratio:auto;max-height:none}.video-shell:has(.plyr) .video-controls-extra{display:none}.video-shell .plyr__control--overlaid{background:var(--accent);box-shadow:0 8px 30px #0005}.video-shell .plyr__controls{padding:18px}.video-shell .plyr__menu__container{border-radius:10px}.video-shell .plyr__tooltip{font-size:12px}.video-tools{padding-top:10px}
@media(max-width:600px){.video-shell .plyr__controls{padding:12px}.video-shell .plyr__volume{min-width:0;width:auto}.video-shell .plyr__controls .plyr__control[data-plyr=airplay],.video-shell .plyr__controls .plyr__control[data-plyr=pip]{display:none}}
.lesson-video-section .video-shell .plyr{--plyr-control-spacing:8px;--plyr-control-icon-size:17px;--plyr-range-track-height:4px;--plyr-range-thumb-height:11px;--plyr-range-thumb-active-shadow-width:2px;--plyr-font-size-time:12px}.lesson-video-section .video-shell .plyr__controls{gap:1px;padding:30px 14px 12px}.lesson-video-section .video-shell .plyr__control{border-radius:7px}.lesson-video-section .video-shell .plyr__control--overlaid{padding:16px}.lesson-video-section .video-shell .plyr__control--overlaid svg{width:21px;height:21px}.lesson-video-section .video-shell .plyr--full-ui input[type=range]{width:100%!important;height:17px!important;min-height:0!important;padding:0!important;border:0!important;border-radius:12px!important;background:transparent!important;box-shadow:none!important}.lesson-video-section .video-shell .plyr__progress__container{min-width:90px}.lesson-video-section .video-shell .plyr__volume{width:92px;min-width:92px;flex:0 0 92px}.lesson-video-section .video-shell .plyr__volume input[type=range]{min-width:48px;max-width:62px;margin-inline:4px}.lesson-video-section .video-shell .plyr__time{white-space:nowrap}.lesson-video-section .video-shell .plyr__menu__container input[type=range]{height:17px!important;min-height:0!important;padding:0!important}
@media(max-width:700px){.lesson-video-section .video-shell .plyr{--plyr-control-spacing:7px;--plyr-control-icon-size:16px}.lesson-video-section .video-shell .plyr__controls{padding:26px 10px 9px}.lesson-video-section .video-shell .plyr__volume{width:auto;min-width:0;flex:0}.lesson-video-section .video-shell .plyr__volume input[type=range]{display:none}.lesson-video-section .video-shell .plyr__controls [data-plyr=rewind],.lesson-video-section .video-shell .plyr__controls [data-plyr=fast-forward],.lesson-video-section .video-shell .plyr__controls [data-plyr=pip]{display:none}}
.landing{--land-dark:#173f45;--land-mint:#bde7d8;min-height:100vh;background:#fbfcfa;color:#18303a}.landing-nav{height:82px;max-width:1240px;margin:auto;padding:0 30px;display:flex;align-items:center;gap:40px;border-bottom:1px solid #dfe7e4}.landing-brand{display:flex;align-items:center;gap:7px;color:#173f45;font-size:22px;font-weight:760;letter-spacing:-.7px;text-decoration:none!important}.landing-brand>span{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#173f45;color:#bde7d8}.landing-brand b{color:#389383}.landing-nav nav{display:flex;gap:30px;margin-left:auto}.landing-nav nav a{font-size:13px;color:#60757d}.landing-actions{display:flex;gap:9px}.landing-actions .button{min-height:40px;padding:8px 15px}.landing-hero{max-width:1240px;min-height:620px;margin:auto;padding:72px 30px 80px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:70px}.landing-kicker,.landing-section-head>span,.landing-cta>span{display:block;color:#579487;font-size:11px;font-weight:700;letter-spacing:1.8px;margin-bottom:22px}.landing-hero h1{font-size:66px;line-height:1.04;letter-spacing:-3.4px;margin-bottom:27px}.landing-hero h1 em{font-style:normal;color:#3e9b89}.landing-hero-copy>p{font-size:18px;line-height:1.8;color:#697b81;max-width:580px}.landing-hero-actions{display:flex;align-items:center;gap:25px;margin:31px 0 45px}.landing-text-link{font-size:14px;font-weight:650}.landing-facts{display:flex;gap:30px;border-top:1px solid #dde5e2;padding-top:25px}.landing-facts span{font-size:12px;color:#7b8b90}.landing-facts strong{display:block;font-size:18px;color:#24434a;margin-bottom:3px}.landing-visual{height:470px;position:relative;border-radius:34px;background:#dff1e9;overflow:hidden}.visual-orbit{position:absolute;border:1px solid #99cbbb;border-radius:50%}.orbit-one{width:440px;height:440px;right:-150px;top:-190px}.orbit-two{width:310px;height:310px;left:-130px;bottom:-130px}.visual-card{position:absolute;background:#fff;border:1px solid #d9e5e0;border-radius:18px;box-shadow:0 24px 60px #1741391a}.visual-course{left:48px;top:62px;width:255px;padding:27px}.visual-card small{display:block;color:#86a098;font-size:9px;letter-spacing:1.4px;margin-bottom:13px}.visual-course>strong{display:block;font-size:25px;line-height:1.25;margin-bottom:24px}.visual-course>div{display:flex;gap:9px;align-items:center;margin-top:12px}.visual-course i{width:18px;height:18px;border:1px solid #ccd9d5;border-radius:50%}.visual-course i.done{background:#58a895;border-color:#58a895;box-shadow:inset 0 0 0 5px white}.visual-course div span{display:block;height:6px;background:#dce5e2;border-radius:4px;width:140px}.visual-progress{right:34px;bottom:50px;width:205px;padding:23px}.visual-progress strong{font-size:43px;letter-spacing:-2px}.visual-bar{height:6px;background:#e3ebe8;border-radius:5px;margin-top:14px;overflow:hidden}.visual-bar i{display:block;width:68%;height:100%;background:#48a08d}.visual-play{position:absolute;right:72px;top:72px;width:70px;height:70px;border-radius:50%;background:#173f45;color:#fff;display:grid;place-items:center;padding-left:4px;box-shadow:0 16px 35px #173f4540}.landing-section{max-width:1240px;margin:auto;padding:92px 30px}.landing-section-head{max-width:700px;margin-bottom:42px}.landing-section-head h2,.landing-cta h2{font-size:43px;letter-spacing:-1.8px;margin-bottom:14px}.landing-section-head p{color:#718188}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-grid article{padding:31px;background:#fff;border:1px solid #e0e7e4;border-radius:17px}.feature-grid article>b{font-size:11px;color:#65a596}.feature-grid h3{font-size:20px;margin:35px 0 12px}.feature-grid p{font-size:14px;color:#74858a;line-height:1.7;margin:0}.catalog-section{border-top:1px solid #e1e8e5}.school-showcase{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.school-showcase-card{display:flex;align-items:center;gap:22px;padding:25px;background:#fff;border:1px solid #dfe7e4;border-radius:17px;color:inherit;text-decoration:none!important;transition:transform .2s,border-color .2s}.school-showcase-card:hover{transform:translateY(-3px);border-color:#8ec8b8}.school-showcase-mark{display:grid;place-items:center;flex:0 0 82px;width:82px;height:82px;border-radius:15px;background:#e3f1ec;color:#317f70;font-size:28px;font-weight:750;overflow:hidden}.school-showcase-mark img{width:100%;height:100%;object-fit:contain;padding:10px}.school-showcase-card h3{font-size:19px;margin-bottom:5px}.school-showcase-card p{font-size:13px;color:#77878c;margin-bottom:10px}.school-showcase-card span{font-size:12px;color:#3d8d7e}.landing-course-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.landing-course-card{background:#fff;border:1px solid #dde6e2;border-radius:18px;overflow:hidden}.landing-course-card>a{display:block;color:inherit;text-decoration:none!important}.landing-course-cover{height:215px;padding:25px;position:relative;background:#dcece5}.landing-course-card:nth-child(3n+2) .landing-course-cover{background:#e4e9f1}.landing-course-card:nth-child(3n+3) .landing-course-cover{background:#efe6d7}.landing-course-cover>span{font-size:9px;letter-spacing:1.3px;text-transform:uppercase}.landing-course-cover>b{position:absolute;right:22px;top:12px;font-size:72px;letter-spacing:-4px;opacity:.11}.landing-course-cover h3{position:absolute;left:25px;right:25px;bottom:20px;font-size:23px;line-height:1.25}.landing-course-body{padding:22px}.landing-course-body>small{color:#3f8a7d}.landing-course-body>p{height:44px;margin:11px 0 22px;color:#73848a;font-size:13px;overflow:hidden}.landing-course-body>div{display:flex;justify-content:space-between;gap:15px;font-size:13px}.landing-course-body span{color:#388a7a}.landing-empty{grid-column:1/-1;padding:45px;text-align:center;border:1px dashed #ccd9d4;border-radius:16px;color:#7f908f}.landing-cta{max-width:1180px;margin:30px auto 80px;padding:70px;border-radius:25px;background:#173f45;color:#fff;text-align:center}.landing-cta>span{color:#8bc8bb}.landing-cta h2{max-width:720px;margin:0 auto 16px}.landing-cta p{color:#adc3c2;margin-bottom:28px}.landing-footer{max-width:1240px;margin:auto;padding:35px 30px;display:flex;align-items:center;gap:40px;border-top:1px solid #dfe7e4}.landing-footer p{margin:0;color:#7b8a90;font-size:13px}.landing-footer>div{margin-left:auto;display:flex;gap:25px;font-size:13px}
@media(max-width:900px){.landing-nav nav{display:none}.landing-hero{grid-template-columns:1fr;padding-top:55px}.landing-hero h1{font-size:54px}.landing-visual{height:420px}.feature-grid,.landing-course-grid{grid-template-columns:1fr 1fr}.school-showcase{grid-template-columns:1fr}}
@media(max-width:600px){.landing-nav{height:70px;padding:0 18px}.landing-nav .button.secondary{display:none}.landing-actions .button{font-size:12px;padding:7px 10px}.landing-brand{font-size:18px}.landing-brand>span{width:30px;height:30px}.landing-hero{padding:48px 20px 60px;gap:45px}.landing-hero h1{font-size:42px;letter-spacing:-2px}.landing-hero-copy>p{font-size:16px}.landing-hero-actions{align-items:flex-start;flex-direction:column}.landing-facts{gap:16px;flex-wrap:wrap}.landing-visual{height:370px}.visual-course{left:20px;top:35px}.visual-progress{right:18px;bottom:28px}.visual-play{right:35px;top:45px;width:58px;height:58px}.landing-section{padding:65px 20px}.landing-section-head h2,.landing-cta h2{font-size:34px}.feature-grid,.landing-course-grid{grid-template-columns:1fr}.school-showcase-card{align-items:flex-start}.school-showcase-mark{width:64px;height:64px;flex-basis:64px}.landing-cta{margin:10px 20px 55px;padding:52px 24px}.landing-footer{padding:30px 20px;align-items:flex-start;flex-direction:column;gap:15px}.landing-footer>div{margin:0}.landing-course-body>p{height:auto}}
.catalog-filters{display:grid;grid-template-columns:minmax(240px,1.4fr) minmax(180px,.8fr) minmax(180px,.8fr) auto auto;gap:10px;align-items:center;padding:18px;margin:-8px 0 38px;background:#f0f5f2;border:1px solid #dbe5e1;border-radius:15px}.catalog-filters input,.catalog-filters select{min-height:44px;margin:0;background:#fff}.catalog-filters .button{min-height:44px;white-space:nowrap}.catalog-search{position:relative}.search-summary{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:-16px 0 32px;padding:15px 18px;border-left:3px solid #4a9a89;background:#edf6f2;font-size:13px}.search-summary span{color:#6f8186}.category-course-group{margin-top:48px}.category-course-group:first-of-type{margin-top:0}.category-course-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.category-course-title h3{font-size:24px;margin:0}.category-course-title a{font-size:13px}.course-card-meta{display:flex;align-items:center;justify-content:space-between;gap:12px}.course-card-meta time{font-size:11px;color:#94a29f}.landing-course-card{transition:transform .2s,border-color .2s,box-shadow .2s}.landing-course-card:hover{transform:translateY(-4px);border-color:#9ccbbe;box-shadow:0 14px 35px #173f4512}
@media(max-width:900px){.catalog-filters{grid-template-columns:1fr 1fr}.catalog-search{grid-column:1/-1}.catalog-filters .button{width:100%}}
@media(max-width:600px){.catalog-filters{grid-template-columns:1fr;padding:14px}.catalog-search{grid-column:auto}.search-summary{align-items:flex-start;flex-direction:column}.category-course-title{align-items:flex-start;flex-direction:column;gap:5px}}
.catalog-page{min-height:100vh}.catalog-page .landing-nav nav a.active{color:#2f8877;font-weight:700}.catalog-hero{max-width:1240px;margin:auto;padding:72px 30px 58px}.catalog-hero h1{max-width:800px;font-size:58px;line-height:1.08;letter-spacing:-2.8px;margin-bottom:18px}.catalog-hero p{font-size:17px;color:#718188}.catalog-page .catalog-section{padding-top:45px}.category-course-title h2{font-size:27px;margin:0}
@media(max-width:600px){.catalog-hero{padding:52px 20px 35px}.catalog-hero h1{font-size:40px;letter-spacing:-1.8px}}
.landing-course-cover.has-image,.course-cover.has-image{background-size:cover;background-position:center;color:#fff}.landing-course-cover.has-image>span,.course-cover.has-image .cover-category{color:#fff}.public-course-page{max-width:1240px;margin:auto}.public-course-hero{display:grid;grid-template-columns:1.05fr .95fr;gap:52px;align-items:center;padding:40px 0 72px}.public-course-copy h1{font-size:56px;line-height:1.05;letter-spacing:-2.5px;margin:12px 0 18px}.public-course-copy .lead{max-width:650px;font-size:19px;line-height:1.6}.public-course-facts{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0}.public-course-facts span{padding:10px 13px;border:1px solid #d8e4df;border-radius:10px;font-size:12px}.public-course-facts b{display:block;font-size:15px}.public-course-art{min-height:430px;padding:34px;display:flex;flex-direction:column;justify-content:space-between;border-radius:24px;background:#dcece5;color:#173f45}.public-course-art.has-image{background-size:cover;background-position:center;color:#fff}.public-course-art span{font-size:11px;letter-spacing:1.2px;text-transform:uppercase}.public-course-art strong{font-size:34px;line-height:1.15}.public-course-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:48px}.public-course-section{padding:42px 0;border-top:1px solid #dfe7e4}.public-course-section h2{font-size:30px;margin:10px 0 24px}.outcome-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;list-style:none;padding:0}.outcome-list li{padding:18px 18px 18px 48px;border-radius:13px;background:#edf5f1;position:relative}.outcome-list li:before{content:'✓';position:absolute;left:18px;color:var(--school-accent);font-weight:800}.program-list details{border-top:1px solid #dfe7e4}.program-list summary{display:grid;grid-template-columns:90px 1fr auto;gap:16px;align-items:center;padding:20px 4px;cursor:pointer}.program-list summary span,.program-list summary small{color:#7d8d90;font-size:12px}.program-list details>div{padding:0 0 14px 105px}.program-list p{display:grid;grid-template-columns:32px 1fr auto;gap:12px;font-size:14px}.program-list p span,.program-list p small{color:#8a999b}.author-grid{display:grid;gap:16px}.author-grid article{display:flex;gap:20px;padding:20px;border:1px solid #dfe7e4;border-radius:15px}.author-grid img,.author-placeholder{width:76px;height:76px;flex:0 0 76px;border-radius:50%;object-fit:cover}.author-placeholder{display:grid;place-items:center;background:var(--school-accent);color:#fff;font-size:28px}.author-grid h3{margin:5px 0}.author-grid p{margin:0;color:#66797e}.sticky-order{position:sticky;top:25px}.sticky-order>small{display:block;color:#8a999b;line-height:1.5;margin-top:16px}
@media(max-width:900px){.public-course-hero,.public-course-layout{grid-template-columns:1fr}.public-course-art{min-height:340px}.public-course-layout{gap:0}.sticky-order{position:static}}
@media(max-width:600px){.public-course-page{padding:0 18px}.public-course-hero{gap:28px;padding:20px 0 45px}.public-course-copy h1{font-size:40px}.public-course-art{min-height:300px}.outcome-list{grid-template-columns:1fr}.program-list summary{grid-template-columns:1fr auto}.program-list summary span{grid-column:1/-1}.program-list details>div{padding-left:4px}.author-grid article{align-items:flex-start}}
.author-grid>a{color:inherit;text-decoration:none}.author-grid article{transition:border-color .2s,transform .2s}.author-grid a:hover article{border-color:var(--school-accent);transform:translateY(-2px)}.author-grid article span{display:block;margin-top:10px;color:var(--school-accent);font-size:12px}.author-page{max-width:1240px;margin:auto}.author-hero{display:flex;align-items:center;gap:44px;padding:55px 0 75px}.author-hero>img,.author-hero>.author-placeholder{width:210px;height:210px;flex-basis:210px;border-radius:30px}.author-hero h1{font-size:52px;letter-spacing:-2px;margin:10px 0 16px}.author-hero p{max-width:650px;font-size:17px;line-height:1.7;color:#61757a}.author-hero a{font-weight:700}
@media(max-width:600px){.author-page{padding:0 18px}.author-hero{align-items:flex-start;gap:24px;padding:30px 0 50px;flex-direction:column}.author-hero>img,.author-hero>.author-placeholder{width:130px;height:130px;flex-basis:130px;border-radius:22px}.author-hero h1{font-size:38px}}
.favorite-grid{max-width:1200px}.public-course-copy>.actions form{margin:0}.public-course-copy>.actions .button{height:100%}
.period-filter{display:flex;align-items:center;gap:10px}.period-filter label{font-size:12px;color:var(--muted)}.period-filter select{margin:0;min-width:145px}.analytics-funnel{display:grid;grid-template-columns:repeat(4,minmax(130px,1fr) 24px) minmax(130px,1fr);align-items:center;margin:0 0 28px}.analytics-funnel article{min-height:135px;padding:21px;border:1px solid var(--line);border-radius:15px;background:var(--paper)}.analytics-funnel article span,.analytics-funnel article small{display:block;color:var(--muted);font-size:11px}.analytics-funnel article strong{display:block;margin:12px 0 6px;font-size:34px}.analytics-funnel>i{text-align:center;color:var(--muted);font-style:normal}
@media(max-width:1000px){.analytics-funnel{grid-template-columns:repeat(5,1fr);gap:8px}.analytics-funnel>i{display:none}}
@media(max-width:700px){.analytics-funnel{grid-template-columns:1fr 1fr}.analytics-funnel article{min-height:115px}.period-filter{align-items:flex-start;flex-direction:column}}
.setup-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:28px;align-items:start}.setup-main{display:grid;gap:20px}.setup-section{padding:30px;background:var(--paper);border:1px solid var(--line);border-radius:18px}.setup-section>header{display:flex;gap:17px;align-items:flex-start;margin-bottom:27px;padding-bottom:20px;border-bottom:1px solid var(--line)}.setup-section>header>span{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border-radius:50%;background:var(--accent);color:#fff;font-size:11px;font-weight:800}.setup-section h2{margin:1px 0 5px;font-size:22px}.setup-section header p{margin:0;color:var(--muted);font-size:13px}.form-grid{display:grid;gap:16px}.form-grid.two{grid-template-columns:1fr 1fr}.form-grid.four{grid-template-columns:repeat(4,1fr)}.setup-section .field{margin-bottom:18px}.setup-section .form-grid>.field{margin-bottom:18px}.check-row{display:flex!important;gap:10px;align-items:center;min-height:44px;padding:10px 12px;border:1px solid var(--line);border-radius:10px}.check-row input{width:auto;margin:0}.has-error input,.has-error select,.has-error textarea{border-color:#c95858}.field-error{margin-top:6px;color:#ac3e3e;font-size:12px}.setup-aside{display:grid;gap:18px}.setup-checklist{display:grid;gap:11px;list-style:none;padding:0;margin:20px 0}.setup-checklist li{position:relative;padding-left:27px;color:var(--muted);font-size:13px}.setup-checklist li:before{content:'○';position:absolute;left:2px;color:#9dacab}.setup-checklist li.done:before{content:'✓';color:var(--accent);font-weight:800}.setup-aside .button+.button{margin-top:8px}.current-cover{display:flex;gap:18px;align-items:center}.current-cover img{width:180px;height:110px;border-radius:12px;object-fit:cover}.course-builder{margin-top:55px}.publish-zone{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:35px;padding:30px;border-radius:18px;background:var(--accent-dark);color:#fff}.publish-zone h2{margin:6px 0}.publish-zone p{margin:0;color:#b9cece}.publish-zone form{display:flex;gap:10px}.publish-card select{opacity:.7}.price-grid{grid-template-columns:2fr 1fr!important}
@media(max-width:1050px){.setup-layout{grid-template-columns:1fr}.setup-aside{grid-template-columns:1fr 1fr}.setup-aside .sticky-order{position:static}.form-grid.four{grid-template-columns:1fr 1fr}}
@media(max-width:800px){.setup-section{padding:22px 18px}.form-grid.two,.form-grid.four,.price-grid{grid-template-columns:1fr!important}.setup-aside{grid-template-columns:1fr}.publish-zone{align-items:flex-start;flex-direction:column}.publish-zone form{width:100%;flex-direction:column}.publish-zone .button{width:100%}.current-cover{align-items:flex-start;flex-direction:column}}
.setup-section .field>div[id$="_authors"]{display:grid;grid-template-columns:1fr 1fr;gap:8px}.setup-section .field>div[id$="_authors"]>div label{display:flex;gap:9px;align-items:center;padding:10px 12px;border:1px solid var(--line);border-radius:10px;font-weight:600}.setup-section .field>div[id$="_authors"] input{width:auto;margin:0}@media(max-width:650px){.setup-section .field>div[id$="_authors"]{grid-template-columns:1fr}}
.plans-page{max-width:1180px;margin:auto;padding:42px 24px 80px}.plans-head{max-width:720px;margin:0 auto 48px;text-align:center}.plans-head .landing-brand{justify-content:center;margin-bottom:52px}.plans-head h1{font-size:48px;letter-spacing:-2px;margin:12px 0}.plans-head>p{color:var(--muted);font-size:17px}.plans-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:stretch}.plan-card{position:relative;padding:32px;border:1px solid var(--line);border-radius:20px;background:var(--paper);box-shadow:0 12px 40px rgba(22,57,61,.05)}.plan-card.featured{border:2px solid var(--accent);transform:translateY(-8px)}.plan-badge{position:absolute;top:-14px;left:24px;padding:7px 11px;border-radius:20px;background:var(--accent);color:#fff;font-size:11px;font-weight:700}.plan-card h2{font-size:27px}.plan-payment{color:var(--muted)}.plan-card ul{display:grid;gap:14px;min-height:190px;padding:23px 0;list-style:none;border-top:1px solid var(--line)}.plan-card li{padding-left:25px;position:relative;color:var(--muted)}.plan-card li:before{content:'✓';position:absolute;left:0;color:var(--accent);font-weight:800}.plan-card li strong{color:var(--text)}.plans-note{text-align:center;color:var(--muted);font-size:12px;margin-top:28px}.offer-editor-row{display:grid;grid-template-columns:1.3fr 1fr;gap:18px;align-items:start;padding:18px 0;border-bottom:1px solid var(--line)}.offer-editor-row:last-child{border-bottom:0}.public-order-form #id_offer{display:grid;gap:9px;margin:10px 0 18px}.public-order-form #id_offer label{display:flex;gap:9px;padding:13px;border:1px solid var(--line);border-radius:10px;cursor:pointer}.public-order-form #id_offer input{width:auto;margin:0}.light-link{display:inline-block;margin-top:18px;color:#fff;font-weight:650}@media(max-width:800px){.plans-grid{grid-template-columns:1fr}.plan-card.featured{transform:none}.plans-head h1{font-size:38px}.offer-editor-row{grid-template-columns:1fr}}
.plan-usage{margin:0 0 32px}.plan-usage .section-heading{margin-bottom:22px}.usage-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.usage-grid span,.usage-grid strong{display:block}.usage-grid span{color:var(--muted);font-size:12px}.usage-grid strong{margin:7px 0;font-size:17px}.usage-grid progress{height:6px}.offer-summary ul{padding-left:20px}.offer-summary li{margin:5px 0}
.editor-steps{position:sticky;top:10px;z-index:8;display:flex;gap:6px;overflow:auto;margin:0 0 20px;padding:8px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.94);backdrop-filter:blur(10px)}.editor-steps a{flex:0 0 auto;padding:9px 13px;border-radius:8px;color:var(--muted);font-size:12px;font-weight:650;text-decoration:none}.editor-steps a:hover,.editor-steps a:focus{background:#edf6f2;color:var(--accent-dark)}
@media(max-width:900px){.usage-grid{grid-template-columns:1fr 1fr}}
@media(max-width:1050px){.usage-grid{grid-template-columns:1fr}.responsive-table{border:0;background:transparent;overflow:visible}.responsive-table table,.responsive-table tbody,.responsive-table tr,.responsive-table td{display:block;width:100%}.responsive-table thead{display:none}.responsive-table tr{margin-bottom:14px;padding:15px;border:1px solid var(--line);border-radius:13px;background:var(--paper)}.responsive-table td{display:grid;grid-template-columns:115px minmax(0,1fr);gap:12px;padding:9px 0;border:0}.responsive-table td:before{content:attr(data-label);color:var(--muted);font-size:10px;font-weight:700;letter-spacing:.6px;text-transform:uppercase}.responsive-table td.row-action{display:block;padding-top:13px}.responsive-table td.row-action .button{width:100%}.responsive-table td.empty-row{display:block;text-align:center}.responsive-table td.empty-row:before{display:none}}
.signup-shell{max-width:1180px;margin:0 auto;padding:28px 24px 72px}.signup-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px}.signup-header>a:last-child{font-weight:700}.signup-steps{display:grid;grid-template-columns:repeat(4,1fr);list-style:none;padding:0;margin:0 0 36px}.signup-steps li{display:flex;gap:10px;align-items:center;color:var(--muted);font-size:14px;font-weight:700}.signup-steps li:not(:last-child):after{content:"";height:1px;background:var(--line);flex:1;margin-right:12px}.signup-steps span{display:grid;place-items:center;width:30px;height:30px;flex:0 0 30px;border:1px solid var(--line);border-radius:50%;background:var(--paper)}.signup-steps .active{color:var(--ink)}.signup-steps .active span,.signup-steps .done span{color:#fff;background:var(--accent);border-color:var(--accent)}.signup-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:28px;align-items:start}.signup-form-card,.signup-plan-card{background:var(--paper);border:1px solid var(--line);border-radius:24px;padding:32px;box-shadow:0 16px 45px rgba(26,49,60,.07)}.signup-form-card h1{margin:.35rem 0 .5rem}.signup-form-card fieldset{border:0;padding:0;margin:30px 0}.signup-form-card legend{font-size:18px;font-weight:800;margin-bottom:18px}.signup-form-card legend span{color:var(--accent)}.signup-plan-card{position:sticky;top:24px}.signup-plan-card h2{font-size:30px;margin:.4rem 0 1.2rem}.signup-plan-card>ul{list-style:none;margin:0 0 22px;padding:0}.signup-plan-card>ul li{display:flex;align-items:baseline;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--line)}.signup-plan-card>ul strong{font-size:23px}.signup-plan-card>ul span{color:var(--muted)}.signup-plan-card .notice p{margin:5px 0 0}
@media(max-width:800px){.signup-grid{grid-template-columns:1fr}.signup-plan-card{position:static;grid-row:1}.signup-steps li{font-size:0}.signup-steps li:not(:last-child):after{margin-right:6px}.signup-shell{padding:18px 14px 48px}.signup-form-card,.signup-plan-card{padding:22px;border-radius:18px}}
.onboarding-heading{margin-bottom:30px}.onboarding-summary{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:28px 34px;background:#173f45;color:#fff;border:0}.onboarding-summary .progress-circle{width:88px;height:88px;flex:0 0 88px;margin:0}.onboarding-summary .progress-circle:before{background:#173f45}.onboarding-summary h2{margin:3px 0 7px}.onboarding-summary p{margin:0;color:#b7cbcb}.onboarding-progress{display:flex;align-items:center;gap:24px}.onboarding-list{display:grid;gap:13px;margin:24px 0 42px}.onboarding-step{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:20px;align-items:center;padding:23px 25px;border:1px solid var(--line);border-radius:15px;background:var(--paper)}.onboarding-step.done{background:#fbfdfc}.onboarding-step-number{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#edf1f3;color:#72858e;font-size:12px;font-weight:800}.onboarding-step.done .onboarding-step-number{background:#e4f4eb;color:#287855;font-size:20px}.onboarding-step h2{font-size:18px;margin:0}.onboarding-step p{margin:6px 0 0;color:var(--muted);font-size:13px}.onboarding-help{display:grid;grid-template-columns:260px 1fr;gap:45px;padding:34px;border-radius:18px;background:#eaf3ee}.onboarding-help-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.onboarding-help p{margin:0}.onboarding-help strong,.onboarding-help span{display:block}.onboarding-help span{margin-top:7px;color:#657a79;font-size:13px}.onboarding-banner{display:flex;align-items:center;justify-content:space-between;gap:25px;margin:0 0 25px;padding:25px 28px;border-radius:15px;background:#173f45;color:#fff}.onboarding-banner h2{margin:0 0 5px}.onboarding-banner p{margin:0;color:#b7cbcb}.onboarding-banner .eyebrow{color:#9bc8bf}.onboarding-banner .button.secondary{background:transparent;border-color:#678286;color:#fff}
@media(max-width:800px){.onboarding-summary,.onboarding-banner{align-items:flex-start;flex-direction:column}.onboarding-summary>.button,.onboarding-banner .actions,.onboarding-banner .button{width:100%}.onboarding-step{grid-template-columns:44px 1fr}.onboarding-step>.button{grid-column:1/-1;width:100%}.onboarding-help{grid-template-columns:1fr}.onboarding-help-grid{grid-template-columns:1fr}.onboarding-progress{align-items:flex-start}.onboarding-summary{padding:24px}.onboarding-step{padding:19px 17px}}
.public-global-nav{background:#fff}.public-global-nav+ .public-store{padding-top:26px}.crumb a{color:var(--muted);text-decoration:none}.crumb a:hover{color:var(--accent);text-decoration:underline}.back-link{display:inline-flex;align-items:center;min-height:40px;margin-bottom:16px;font-weight:650}.sidebar .nav-caption:not(:first-child){margin-top:24px}
@media(max-width:900px){.landing-nav{height:auto;min-height:82px;padding-top:12px;padding-bottom:12px;flex-wrap:wrap}.landing-nav nav{display:flex!important;order:3;width:100%;justify-content:center;gap:24px}.landing-nav nav a{white-space:nowrap}.landing-actions{margin-left:auto}}
@media(max-width:600px){.landing-nav nav{justify-content:flex-start;gap:20px;overflow-x:auto;padding:4px 0;font-size:13px}.public-global-nav+ .public-store{padding-top:16px}}
.setup-checklist li strong,.setup-checklist li small{display:block}.setup-checklist li small{margin-top:3px;line-height:1.4}.save-state{display:block;margin-top:12px;color:var(--muted);font-size:12px}.save-state.dirty{color:#a26428;font-weight:650}.editor-module[draggable=true],.editor-lesson[draggable=true]{cursor:grab}.editor-module.dragging,.editor-lesson.dragging{opacity:.45;border-color:var(--accent)}.drag-handle{color:#9aabb1;font-weight:800;letter-spacing:-3px;cursor:grab}.page-heading .actions form,.editor-module .actions form,.editor-lesson .actions form{margin:0}
.lesson-blocks{display:grid;gap:22px;margin-bottom:28px}.lesson-blocks>h2{margin:12px 0 0}.lesson-blocks blockquote{margin:0;padding:22px 26px;border-left:4px solid var(--accent);border-radius:8px;background:#edf5f1;font-size:18px}.lesson-blocks figure{margin:0}.lesson-blocks figure img{display:block;width:100%;max-height:720px;object-fit:contain;border-radius:14px;background:#edf1f3}.lesson-blocks figcaption{margin-top:8px;color:var(--muted);font-size:13px}.block-editor{margin-top:30px}.block-list{display:grid;gap:8px;margin-bottom:28px}.block-row{display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:10px}.block-row>div:nth-child(2){min-width:0}.block-row small{display:block;overflow:hidden;color:var(--muted);text-overflow:ellipsis;white-space:nowrap}.block-row.dragging{opacity:.45}@media(max-width:600px){.block-row{grid-template-columns:minmax(0,1fr);gap:10px}.block-row>div:nth-child(2){grid-column:1;grid-row:1}.block-row>.actions{grid-column:1;grid-row:2;justify-content:flex-start}}
@media(max-width:700px){.editor-module[draggable=true],.editor-lesson[draggable=true]{cursor:default}.drag-handle{display:none}}

.field input[type=file]{width:100%;min-height:54px;padding:6px;border:1px dashed #b9cec8;border-radius:10px;background:#f7fbf9;color:#667b82;font-size:13px;cursor:pointer;transition:border-color .15s,background .15s,box-shadow .15s}.field input[type=file]:hover{border-color:var(--accent);background:#f0f8f5}.field input[type=file]:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px rgba(23,126,115,.13);outline:0}.field input[type=file]::file-selector-button{min-height:40px;margin-right:13px;padding:9px 15px;border:0;border-radius:7px;background:var(--accent);color:#fff;font:inherit;font-size:13px;font-weight:700;cursor:pointer;transition:background .15s,transform .15s}.field input[type=file]::file-selector-button:hover{background:var(--accent-dark)}
@media(max-width:600px){.field input[type=file]{min-height:50px;font-size:12px}.field input[type=file]::file-selector-button{min-height:36px;margin-right:9px;padding:8px 11px}.page-heading>.actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.page-heading>.actions .button,.page-heading>.actions form,.page-heading>.actions form .button{width:100%}}
.block-row>.actions{width:auto;justify-self:end}
@media(max-width:700px){.block-row{grid-template-columns:minmax(0,1fr) max-content}.block-row>div:nth-child(2){grid-column:1}.block-row>.actions{grid-column:2;justify-self:end;width:auto}}
@media(max-width:600px){.block-row{grid-template-columns:minmax(0,1fr)}.block-row>div:nth-child(2){grid-column:1;grid-row:1}.block-row>.actions{grid-column:1;grid-row:2;justify-self:start;width:auto}}
/* Modern application shell */
:root{--radius:18px;--radius-sm:11px;--shadow-sm:0 2px 8px rgba(24,48,58,.05);--shadow-md:0 14px 38px rgba(24,48,58,.09);--shadow-hover:0 20px 48px rgba(24,48,58,.13)}
body{background:linear-gradient(180deg,#f8fafb 0,#f3f6f7 100%);letter-spacing:-.01em}h1,h2,h3{color:#152d36}h1{font-size:38px;letter-spacing:-1.5px}h2{letter-spacing:-.65px}.sidebar{width:264px;padding:28px 18px 0;border-right:1px solid #e4ebe9;box-shadow:8px 0 32px rgba(27,55,62,.035)}.workspace{margin-left:264px}.sidebar .brand{padding:0 9px}.brand-logo{display:block;max-width:180px;max-height:48px;object-fit:contain}.school-label{margin:16px 10px 30px;color:#849399}.nav-caption{margin:0 12px 9px;color:#95a1a6;font-size:10px;font-weight:750;letter-spacing:1.2px}.nav-link{gap:11px;min-height:44px;margin-bottom:3px;padding:10px 12px;border:1px solid transparent;border-radius:11px;color:#60727a;font-size:13px;font-weight:620;transition:background .16s,color .16s,transform .16s,border-color .16s}.nav-link .icon{width:19px;height:19px}.nav-link:hover{background:#f4f8f7;color:#244e4d;transform:translateX(2px)}.nav-link.active{border-color:#dcebe6;background:linear-gradient(135deg,#edf7f3,#e8f3f1);color:var(--accent-dark);box-shadow:inset 3px 0 0 var(--accent)}.sidebar-bottom{padding-top:24px}.school-note{margin:0 2px;padding:20px 14px;border-radius:14px;background:#f5f8f7}.profile{margin-top:14px;padding:18px 8px}.avatar{background:linear-gradient(145deg,var(--accent),var(--accent-dark));color:#fff}.topbar{position:sticky;top:0;z-index:30;height:72px;padding:0 48px;border-color:#e5ebea;background:rgba(255,255,255,.86);backdrop-filter:blur(16px)}.crumb{font-size:13px}.main{max-width:1320px;padding:42px 50px 70px}.footer{padding:22px 50px;background:rgba(255,255,255,.55)}.page-heading{margin-bottom:32px}.page-heading h1{margin-bottom:8px}.page-heading p{font-size:16px;line-height:1.65}.eyebrow{color:#759087!important;font-size:10px;font-weight:800;letter-spacing:1.8px}.heading-dot{color:var(--accent)}
.card,.course-card,.editor-module,.setup-section,.signup-form-card,.signup-plan-card{border:1px solid rgba(215,225,225,.9);box-shadow:var(--shadow-sm)}.card{padding:28px;border-radius:18px}.card:hover{border-color:#d2dfdc}.button{min-height:46px;padding:11px 19px;border-radius:10px;box-shadow:0 4px 12px rgba(23,126,115,.14);font-weight:700;transition:transform .16s,box-shadow .16s,background .16s}.button:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(23,126,115,.2)}.button.secondary{box-shadow:none}.button.ghost{box-shadow:none}.button.small{min-height:38px}.icon-button{border-radius:10px}.notice,.message{border:1px solid rgba(92,132,164,.12)}
.stats-grid{gap:16px;margin-bottom:30px}.stat{position:relative;min-height:148px;padding:22px;border-color:#e0e7e6;border-radius:17px;color:inherit;text-decoration:none!important;box-shadow:var(--shadow-sm);transition:transform .18s,box-shadow .18s,border-color .18s}.stat:hover{transform:translateY(-3px);border-color:#cddeda;box-shadow:var(--shadow-md)}.stat>.icon{width:38px;height:38px;padding:9px;border-radius:11px;background:#edf5f2;color:var(--accent)}.stat strong{margin:17px 0 6px;font-size:35px;letter-spacing:-1.5px}.stat .meta{font-size:13px}.stat.emphasis{border-color:#cfe3dc;background:linear-gradient(145deg,#eef7f3,#e7f1ed)}
.onboarding-banner{padding:30px 32px;border:0;border-radius:20px;background:radial-gradient(circle at 90% 10%,rgba(115,196,180,.26),transparent 35%),linear-gradient(135deg,#183e43,#234e51);box-shadow:0 18px 42px rgba(18,52,57,.18)}.onboarding-banner h2{font-size:25px}.onboarding-banner .eyebrow{color:#9ecbc2!important}.onboarding-banner .actions{justify-content:flex-end}.onboarding-banner .button{box-shadow:none}.plan-usage{background:linear-gradient(135deg,#fff,#fbfdfc)}.usage-grid{gap:28px}.usage-grid>div{padding:16px;border-radius:12px;background:#f7faf9}.usage-grid progress{height:7px}.section-heading{margin:31px 0 17px}.section-heading h2{font-size:22px}.section-heading>a{font-weight:700}.progress-detail{padding:17px 5px;transition:padding .15s,background .15s}.progress-detail:hover{padding-inline:12px;border-radius:10px;background:#f4f8f7}.table-wrap{border-color:#dce5e3;box-shadow:var(--shadow-sm)}th{padding:15px 18px;background:#f5f8f7;color:#74868b}td{padding:18px}.empty{background:#fbfcfc}
input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea{border-color:#d4dfdd;border-radius:10px;background:#fff;transition:border-color .15s,box-shadow .15s,background .15s}input:not([type=checkbox]):not([type=radio]):not([type=hidden]):hover,select:hover,textarea:hover{border-color:#b9cbc7}input:not([type=checkbox]):not([type=radio]):not([type=hidden]):focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 4px rgba(23,126,115,.1);outline:0}.field label{color:#3d5961;font-weight:650}.help{line-height:1.5}.checkbox-field label{padding:2px 0}.setup-section{border-radius:20px}.setup-section>header>span{box-shadow:0 6px 14px rgba(23,126,115,.2)}.editor-module{border-radius:15px}.editor-module header{background:#f7faf9}.block-editor{box-shadow:var(--shadow-md)}.block-row{border-color:#dce5e3;background:#fbfcfc}.material{background:#fbfcfc}
.course-card{border-radius:19px;transition:transform .18s,box-shadow .18s}.course-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-hover)}.course-cover{min-height:190px}.lesson-row{transition:background .15s,padding .15s}.lesson-row:hover{padding-left:28px}.pill{border-radius:999px;font-weight:700}.filters{border-color:#dce5e3;border-radius:16px;box-shadow:var(--shadow-sm)}
@media(max-width:1000px){.main{padding:36px 30px 60px}.topbar{padding-inline:30px}.stats-grid{grid-template-columns:1fr 1fr}.usage-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.sidebar{width:280px;padding:22px 16px 0}.workspace{margin-left:0}.mobile-bar{height:68px;padding:0 18px;background:rgba(255,255,255,.92);backdrop-filter:blur(16px)}.mobile-bar .brand-logo{max-width:148px;max-height:40px}.topbar{height:50px;padding:0 18px}.main{padding:27px 18px 48px}.footer{padding:20px 18px}.page-heading h1{font-size:31px;letter-spacing:-1.1px}.card{padding:22px}.stats-grid{gap:12px}.stat{min-height:132px;padding:18px}.stat strong{font-size:31px}.onboarding-banner{padding:25px 23px}.onboarding-banner .actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.onboarding-banner .button{width:100%}.course-card:hover,.stat:hover{transform:none}}
@media(max-width:520px){.stats-grid{grid-template-columns:1fr 1fr}.stat{min-height:126px}.stat>.icon{width:34px;height:34px;padding:8px}.stat strong{font-size:29px}.stat .meta{font-size:12px}.usage-grid{grid-template-columns:1fr}.onboarding-banner .actions{grid-template-columns:1fr}.page-heading>.button{width:100%}.footer span{display:none}.card{border-radius:16px}}
.nav-link.active{color:#173f45}.onboarding-banner h2,.continue-card h2,.publish-zone h2{color:#fff}.onboarding-banner p{color:#c4d7d7}
/* Readability and dashboard refinement */
:root{--text-strong:#102a34;--text-body:#3f5862;--text-muted:#667b84}
body{color:var(--text-strong);font-size:16px;line-height:1.62}.muted,.meta{color:var(--text-muted)}p{color:var(--text-body)}h1,h2,h3{font-weight:760}.button{background:linear-gradient(135deg,var(--accent-dark),color-mix(in srgb,var(--accent-dark),#000 12%));border-color:color-mix(in srgb,var(--accent-dark),#000 8%);color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.1)}.button:hover{background:linear-gradient(135deg,color-mix(in srgb,var(--accent-dark),#000 8%),color-mix(in srgb,var(--accent-dark),#000 20%))}.button.secondary{color:#344f59;text-shadow:none}.button.ghost{color:var(--accent-dark);text-shadow:none}.field input[type=file]::file-selector-button{background:var(--accent-dark)}.field input[type=file]::file-selector-button:hover{background:color-mix(in srgb,var(--accent-dark),#000 15%)}a{color:var(--accent-dark)}.eyebrow{color:#58756d!important}.help{color:#71848c}.pill.teal,.pill.accepted,.pill.self{color:#176243}.pill.blue,.pill.published{color:#3e5f91}
.dashboard-heading{position:relative;overflow:hidden;padding:28px 30px;border:1px solid #e0e8e6;border-radius:20px;background:radial-gradient(circle at 88% 15%,color-mix(in srgb,var(--accent),transparent 78%),transparent 32%),linear-gradient(135deg,#fff,#f8fbfa);box-shadow:var(--shadow-sm)}.dashboard-heading:after{content:"";position:absolute;right:52px;bottom:-52px;width:150px;height:150px;border:1px solid color-mix(in srgb,var(--accent),transparent 65%);border-radius:50%;pointer-events:none}.dashboard-heading>div,.dashboard-heading>.button{position:relative;z-index:1}.dashboard-heading h1{font-size:42px}.dashboard-heading .button{min-width:150px}.dashboard-page .stats-grid{margin-top:4px}.dashboard-page .stat{overflow:hidden}.dashboard-page .stat:after{content:"";position:absolute;right:-26px;bottom:-34px;width:104px;height:104px;border-radius:50%;background:color-mix(in srgb,var(--accent),transparent 92%)}.dashboard-page .stat:nth-child(2)>.icon{background:#eef2fb;color:#5876a0}.dashboard-page .stat:nth-child(3)>.icon{background:#fff5e8;color:#a26d29}.dashboard-page .stat:nth-child(4)>.icon{background:#edf7ee;color:#3d7d52}.dashboard-page .stat:nth-child(2):after{background:#f0f3fb}.dashboard-page .stat:nth-child(3):after{background:#fff6ea}.dashboard-page .stat:nth-child(4):after{background:#eef7f0}.dashboard-page .stat strong,.dashboard-page .stat span,.dashboard-page .stat>.icon{position:relative;z-index:1}.dashboard-page .plan-usage{padding:32px}.dashboard-page .usage-grid>div{border:1px solid #edf1f0}.dashboard-page .usage-grid strong{color:var(--text-strong);font-size:18px}.dashboard-page .progress-detail>span{min-width:52px;padding:5px 9px;border-radius:999px;background:#edf5f2;color:#276d5b;text-align:center;font-weight:750}.dashboard-page .section-heading h2{font-size:24px}
.card h2,.card h3{color:var(--text-strong)}.lesson-content,.work-prompt{color:#3f5963}.setup-section header p,.page-heading p{color:#586d76}.setup-section .field label{color:#294852}.setup-checklist li{color:#60747c}.editor-steps{box-shadow:0 8px 24px rgba(28,55,62,.07)}.editor-steps a{color:#586d76}.editor-steps a:hover,.editor-steps a:focus{color:#173f45}.table-wrap tbody tr{transition:background .14s}.table-wrap tbody tr:hover{background:#fafcfc}
@media(max-width:760px){.dashboard-heading{padding:24px 22px}.dashboard-heading h1{font-size:34px}.dashboard-heading:after{right:-20px}.dashboard-heading>.button{width:auto}.dashboard-page .plan-usage{padding:23px}.dashboard-page .section-heading h2{font-size:21px}}
@media(max-width:520px){.dashboard-heading{align-items:flex-start;flex-direction:column}.dashboard-heading>.button{width:100%}.dashboard-page .stat .meta{line-height:1.4}.dashboard-page .stat strong{margin-top:14px}.dashboard-page .stats-grid{gap:10px}}
:root{--action-color:color-mix(in srgb,var(--accent) 32%,#173f45)}.button{background:linear-gradient(135deg,var(--action-color),color-mix(in srgb,var(--action-color),#000 14%));border-color:color-mix(in srgb,var(--action-color),#000 8%)}.button:hover{background:linear-gradient(135deg,color-mix(in srgb,var(--action-color),#000 8%),color-mix(in srgb,var(--action-color),#000 22%))}.button.ghost{background:transparent;border-color:transparent;color:var(--action-color)}.field input[type=file]::file-selector-button{background:var(--action-color)}
a{color:var(--action-color)}.dashboard-page .progress-detail{color:var(--text-strong)}.dashboard-page .section-heading>a{color:var(--action-color)}
/* Drag-and-drop course structure */
.reorder-hint{max-width:680px;margin:7px 0 0;color:#526972;font-size:13px;line-height:1.55}.reorder-hint b{display:inline-grid;place-items:center;width:24px;height:24px;margin-inline:3px;border:1px solid #d4dfdc;border-radius:7px;background:#fff;color:#365e5b}.drag-handle{appearance:none;display:grid!important;place-items:center;width:40px;height:40px;flex:0 0 40px;padding:0;border:1px solid #d7e2df;border-radius:10px;background:#f5f9f7;color:#4c716a;font-size:22px;font-weight:800;line-height:1;letter-spacing:0;cursor:grab;touch-action:none;box-shadow:none;transition:background .15s,border-color .15s,transform .15s}.drag-handle:hover{border-color:#9fc4b9;background:#eaf4f0;transform:scale(1.03)}.drag-handle:active{cursor:grabbing;transform:scale(.96)}.editor-module>header{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:14px}.editor-module .module-title{min-width:0}.editor-module .module-title h3{overflow-wrap:anywhere}.editor-module.dragging,.editor-lesson.dragging,.block-row.dragging{border-color:var(--action-color);background:#edf6f2;box-shadow:0 14px 32px rgba(23,63,69,.15);opacity:.72}.editor-lesson{cursor:default}.editor-lesson .drag-handle{width:36px;height:36px;flex-basis:36px;font-size:20px}.block-row .drag-handle{width:36px;height:36px;font-size:20px}.saving-order{cursor:progress}.order-saved{animation:orderSaved .8s ease}@keyframes orderSaved{0%,100%{filter:none}45%{filter:drop-shadow(0 0 8px rgba(54,142,113,.22))}}
input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea{color:var(--text-strong)}.brand,.back-link,.lesson-row,.editor-lesson{color:var(--text-strong)}.editor-lesson small,.lesson-info small{color:#607780}.module-number{color:#627b82}.tabs-label span{color:var(--action-color);border-color:var(--action-color)}.lesson-side a.current{color:var(--action-color)}.material a{color:var(--action-color)}
@media(max-width:760px){.editor-module>header{grid-template-columns:40px minmax(0,1fr)}.editor-module>header>.actions{grid-column:2}.editor-lesson .drag-handle{display:grid!important}.reorder-hint{font-size:12px}.editor-lesson{display:grid;grid-template-columns:36px 34px minmax(0,1fr);align-items:center}.editor-lesson>.actions{grid-column:2/-1;width:auto}.editor-lesson .grow{min-width:0}.block-row .drag-handle{display:grid!important}}
@media(max-width:520px){.editor-module>header{grid-template-columns:38px minmax(0,1fr);padding:16px 14px}.editor-module>header>.actions{grid-column:1/-1;padding-left:52px}.editor-lesson{grid-template-columns:34px 32px minmax(0,1fr);padding:15px 14px}.editor-lesson>.actions{grid-column:1/-1;padding-left:46px}.editor-lesson .button.small{min-height:36px}.reorder-hint b{width:22px;height:22px}}
/* Compact sortable rows */
.course-builder .editor-module{margin:12px 0;border-radius:13px}.course-builder .editor-module>header{grid-template-columns:32px minmax(140px,1fr) auto;gap:11px;padding:12px 16px}.course-builder .drag-handle,.block-list .drag-handle{width:32px;height:32px;min-width:32px;min-height:32px;flex-basis:32px;border-radius:8px;font-size:18px}.course-builder .module-number{margin-bottom:2px;font-size:10px}.course-builder .editor-module h3{font-size:16px}.course-builder .editor-module>header>.actions{grid-column:auto;gap:5px}.course-builder .button.small,.block-list .button.small{min-height:32px;padding:5px 9px;font-size:12px;border-radius:8px}.course-builder .editor-lesson{display:grid;grid-template-columns:32px 30px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 16px}.course-builder .editor-lesson>.actions{grid-column:auto;width:auto;gap:5px;padding:0}.course-builder .lesson-icon{width:30px;height:30px}.course-builder .lesson-icon .icon{width:16px;height:16px}.course-builder .editor-lesson .grow>strong{font-size:13px}.course-builder .editor-lesson small{margin-top:1px;font-size:11px}.course-builder .editor-foot{padding:10px 16px;font-size:13px}.block-editor{padding:22px}.block-editor .section-heading{margin:3px 0 14px}.block-list{gap:6px;margin-bottom:20px}.block-row{grid-template-columns:32px minmax(0,1fr) auto;gap:10px;min-height:54px;padding:9px 12px}.block-row>div:nth-child(2){grid-column:2;grid-row:1}.block-row>.actions{grid-column:3;grid-row:1;justify-self:end;width:auto;gap:5px}.block-row strong{font-size:13px}.block-row small{font-size:12px}.block-editor>h3{margin-bottom:12px;font-size:16px}
@media(max-width:700px){.course-builder .editor-module>header{grid-template-columns:32px minmax(120px,1fr) auto}.course-builder .editor-module>header>.actions{grid-column:3}.course-builder .editor-lesson{grid-template-columns:32px 30px minmax(0,1fr) auto}.course-builder .editor-lesson>.actions{grid-column:4}.block-row{grid-template-columns:32px minmax(0,1fr) auto}.block-row>div:nth-child(2){grid-column:2;grid-row:1}.block-row>.actions{grid-column:3;grid-row:1}}
@media(max-width:520px){.course-builder .editor-module>header{grid-template-columns:32px minmax(0,1fr);padding:11px 12px}.course-builder .editor-module>header>.actions{grid-column:2;padding:0}.course-builder .editor-lesson{grid-template-columns:32px 28px minmax(0,1fr);padding:9px 12px}.course-builder .editor-lesson>.actions{grid-column:2/-1;padding:0}.block-editor{padding:18px}.block-row{grid-template-columns:32px minmax(0,1fr);padding:9px 10px}.block-row>div:nth-child(2){grid-column:2}.block-row>.actions{grid-column:2;grid-row:2;justify-self:start}}
/* Visual lesson builder */
.lesson-editor-heading{align-items:flex-end}.editor-tabs{position:sticky;top:72px;z-index:20;display:flex;gap:5px;margin:-8px 0 24px;padding:6px;border:1px solid #dce5e3;border-radius:14px;background:rgba(255,255,255,.94);box-shadow:var(--shadow-sm);backdrop-filter:blur(12px)}.editor-tabs button{min-height:42px;padding:9px 17px;border:0;border-radius:9px;background:transparent;color:#60747c;font-size:13px;font-weight:750}.editor-tabs button:hover{background:#f2f7f5;color:#244f4b}.editor-tabs button.active{background:var(--action-color);color:#fff;box-shadow:0 5px 13px rgba(27,75,68,.18)}.editor-tabs span{display:inline-grid;place-items:center;min-width:21px;height:21px;margin-left:5px;padding:0 5px;border-radius:20px;background:rgba(255,255,255,.18);font-size:11px}.editor-panel[hidden]{display:none}.lesson-builder-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:20px;align-items:start}.builder-media{position:sticky;top:148px}.builder-media .card{padding:20px}.builder-media h2{margin:2px 0 4px}.quick-blocks{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 18px}.quick-blocks button{padding:8px 11px;border:1px solid #d8e4e1;border-radius:9px;background:#f7faf9;color:#365d59;font-size:12px;font-weight:750}.quick-blocks button:hover{border-color:#9bc1b7;background:#eaf5f1}.visual-block-list{min-height:110px}.visual-block{grid-template-columns:32px minmax(0,1fr);align-items:start;padding:12px;background:#fff}.visual-block .drag-handle{grid-row:1}.block-preview{grid-column:2;min-width:0;padding-right:8px}.block-kind{display:block;margin-bottom:6px;color:#718780;font-size:9px;font-weight:850;letter-spacing:1.3px;text-transform:uppercase}.block-preview h3,.block-preview p,.block-preview blockquote{margin:0}.block-preview p{color:#435e67;white-space:normal}.block-preview blockquote{padding:10px 13px;border-left:3px solid var(--accent);background:#f3f8f6;color:#36535c}.block-preview>img{display:block;width:min(100%,540px);max-height:230px;border-radius:10px;object-fit:cover}.video-block-preview{display:flex;align-items:center;gap:12px;min-height:68px;padding:10px;border-radius:11px;background:#142c33;color:#fff}.video-block-preview img{width:100px;height:58px;border-radius:7px;object-fit:cover}.video-block-preview>span{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:rgba(255,255,255,.14)}.file-block-preview{display:flex;align-items:center;gap:10px;padding:11px;border-radius:10px;background:#f3f7f6}.block-actions{grid-column:2;display:flex;flex-wrap:wrap;gap:5px;margin-top:9px}.block-actions form{margin:0}.block-actions details{position:relative}.block-actions summary{list-style:none;cursor:pointer}.block-actions summary::-webkit-details-marker{display:none}.inline-block-form{position:relative;width:min(680px,calc(100vw - 390px));margin:10px 0;padding:18px;border:1px solid #dce5e3;border-radius:12px;background:#f8fbfa}.inline-block-form .field{margin-bottom:12px}.new-block-panel{margin-top:14px;border:1px dashed #b9d0ca;border-radius:12px;background:#f8fbfa}.new-block-panel>summary{padding:14px 16px;color:#315d57;font-weight:750;cursor:pointer}.new-block-panel>form{padding:4px 18px 18px}.lesson-media-list{display:grid;gap:8px}.lesson-media-list article{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 8px;padding:12px;border:1px solid #dde6e4;border-radius:10px;background:#fbfdfc;cursor:grab}.lesson-media-list article:hover{border-color:#a9c9c1;box-shadow:var(--shadow-sm)}.lesson-media-list .pill{grid-column:1/-1;width:max-content;font-size:9px}.lesson-media-list strong{overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.lesson-media-list small{grid-column:1;color:#75868c}.lesson-media-list form{grid-column:2;grid-row:2/4}.media-drop-ready{outline:2px dashed #82b6a8;outline-offset:5px}.media-drop-active{background:#edf8f3;outline:3px solid var(--accent)}.question-card{margin-bottom:12px}.quiz-settings{margin-bottom:16px}.builder-empty{margin:0}
@media(max-width:1050px){.lesson-builder-layout{grid-template-columns:minmax(0,1fr)}.builder-media{position:static}.lesson-media-list{grid-template-columns:repeat(2,minmax(0,1fr))}.inline-block-form{width:100%}}
@media(max-width:760px){.editor-tabs{top:50px;overflow-x:auto;margin-inline:-18px;padding-inline:18px;border-radius:0;border-inline:0}.editor-tabs button{flex:0 0 auto}.lesson-media-list{grid-template-columns:1fr 1fr}.visual-block{grid-template-columns:32px minmax(0,1fr)}.visual-block .block-preview,.visual-block .block-actions{grid-column:2}.block-actions{justify-self:stretch}.inline-block-form{padding:14px}.builder-main .block-editor{padding:18px}}
@media(max-width:520px){.lesson-media-list{grid-template-columns:1fr}.quick-blocks{display:grid;grid-template-columns:1fr 1fr}.quick-blocks button{text-align:left}.block-actions .button.small{padding-inline:8px}.video-block-preview img{width:78px}.editor-tabs button{padding-inline:12px}}
/* Media library */
.media-storage{margin-bottom:20px;padding:20px 24px}.media-storage h2{margin:3px 0 0;font-size:19px}.media-storage>.row>strong{font-size:26px;color:var(--action-color)}.media-storage progress{width:100%;height:9px;margin-top:15px}.warning-text{margin:10px 0 0;color:#9a6324}.media-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:20px;align-items:start}.media-upload-column{position:sticky;top:92px}.media-filters{display:grid;grid-template-columns:minmax(180px,1fr) 145px 165px auto;align-items:end}.enhanced-media-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.enhanced-media-card{overflow:hidden;border:1px solid #dce5e3;border-radius:13px;background:#fff}.media-preview{position:relative;display:grid;place-items:center;aspect-ratio:16/9;overflow:hidden;background:#edf3f1}.media-preview img,.media-preview video{width:100%;height:100%;object-fit:cover}.media-preview.document{background:linear-gradient(145deg,#edf4f1,#e2ece9);color:#52736d}.media-preview.document .icon{width:40px;height:40px}.media-preview.document span{position:absolute;right:11px;bottom:8px;font-size:9px;font-weight:800}.media-play{position:absolute;display:grid;place-items:center;width:40px;height:40px;padding-left:3px;border-radius:50%;background:rgba(18,48,54,.78);color:#fff}.media-card-body{padding:14px}.media-card-body h3{overflow:hidden;margin:8px 0 3px;font-size:15px;text-overflow:ellipsis;white-space:nowrap}.media-card-body>.meta{margin-bottom:9px;font-size:11px}.media-card-body .actions{margin-top:10px}.media-usage summary{color:#35665d;font-size:12px;font-weight:700;cursor:pointer}.media-usage ul{margin:8px 0 0;padding-left:17px}.media-usage li{margin:4px 0;font-size:11px;line-height:1.4}.media-unused{margin:0;color:#87969a;font-size:11px}.upload-queue{display:grid;gap:7px;margin:14px 0}.upload-file-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;padding:9px 10px;border-radius:8px;background:#f3f7f6}.upload-file-row strong{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.upload-file-row span{color:#71858a;font-size:10px}.upload-total{margin:14px 0}.upload-total>div{display:flex;justify-content:space-between;font-size:12px}.upload-total progress{width:100%;height:7px}.upload-error{color:#a33b3b!important}.upload-success{color:#267550!important}
@media(max-width:1150px){.media-layout{grid-template-columns:1fr}.media-upload-column{position:static;grid-row:1}.media-filters{grid-template-columns:1fr 1fr}.media-filters .search{grid-column:1/-1}.enhanced-media-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.enhanced-media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.media-filters{grid-template-columns:1fr}.media-filters .search{grid-column:auto}}
@media(max-width:480px){.enhanced-media-grid{grid-template-columns:1fr}.media-storage{padding:18px}.media-storage h2{font-size:16px}}
.media-upload-card>p{margin:-4px 0 17px;line-height:1.55}.media-upload-submit{width:100%}.upload-progress-panel{padding:14px;border:1px solid #cbded8;border-radius:12px;background:#f0f8f5}.upload-progress-panel[hidden]{display:none}.upload-progress-heading{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center}.upload-progress-heading>div{display:grid;gap:2px}.upload-progress-heading strong{color:var(--text-strong);font-size:12px}.upload-progress-heading small{color:var(--muted);font-size:10px}.upload-spinner{width:24px;height:24px;border:3px solid #cbe2db;border-top-color:var(--action-color);border-radius:50%;animation:upload-spin .8s linear infinite}.upload-progress-panel.success{border-color:#a9d8c7;background:#edf9f4}.upload-progress-panel.success .upload-spinner{border:0;background:#2c8a6d}.upload-progress-panel.success .upload-spinner:after{display:grid;place-items:center;color:#fff;content:"✓";font-size:15px;font-weight:900}.upload-progress-panel.error{border-color:#e2b8b8;background:#fff4f4}.upload-progress-panel.error .upload-spinner{border-color:#e2b8b8;border-top-color:#a33b3b}@keyframes upload-spin{to{transform:rotate(360deg)}}
/* Storage add-ons */
.storage-actions{display:flex;align-items:center;gap:14px}.storage-actions>strong{font-size:26px;color:var(--action-color)}.storage-current{display:flex;gap:50px;margin-bottom:24px}.storage-current span,.storage-current strong{display:block}.storage-current span{color:var(--muted);font-size:12px}.storage-current strong{margin-top:5px;font-size:24px}.storage-packages{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:20px}.storage-package{position:relative;cursor:pointer}.storage-package>input{position:absolute;opacity:0;pointer-events:none}.storage-package-body{display:block;min-height:170px;padding:24px;border:2px solid #dce5e3;border-radius:16px;background:#fff;transition:border-color .15s,transform .15s,box-shadow .15s}.storage-package-body small,.storage-package-body strong,.storage-package-body em{display:block}.storage-package-body small{color:#789088;font-size:9px;font-weight:800;letter-spacing:1.4px}.storage-package-body strong{margin:25px 0 8px;font-size:24px}.storage-package-body em{color:var(--muted);font-size:12px;font-style:normal}.storage-package>input:checked+.storage-package-body{border-color:var(--action-color);background:#f2f8f5;box-shadow:0 10px 28px rgba(31,89,78,.12);transform:translateY(-2px)}.storage-package>input:focus-visible+.storage-package-body{outline:3px solid #3e9dff;outline-offset:3px}.pill.pending{background:#fff3db;color:#8b641e}.pill.approved{background:#e7f5ec;color:#236e46}.pill.rejected{background:#f8e9e9;color:#963f3f}
@media(max-width:760px){.storage-packages{grid-template-columns:1fr}.storage-package-body{min-height:130px}.storage-package-body strong{margin-top:17px}.storage-current{gap:25px;justify-content:space-between}.storage-actions{align-items:flex-end;flex-direction:column}}
/* Support center and layout hardening */
.support-list{display:grid;gap:12px}.support-ticket-row{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0;color:var(--text-strong);text-decoration:none!important;transition:border-color .15s,box-shadow .15s}.support-ticket-row:hover{border-color:#a9c9c1;box-shadow:var(--shadow-sm)}.support-ticket-row h2{margin:0 0 5px;font-size:18px}.support-ticket-row p{margin:0;color:var(--muted);font-size:13px}.support-ticket-status{display:grid;justify-items:end;gap:7px;min-width:170px}.support-ticket-status small{color:var(--muted)}.support-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:24px;align-items:start}.support-layout>aside{position:sticky;top:98px}.support-thread{display:grid;gap:12px;margin-bottom:22px}.support-message{max-width:86%;padding:18px 20px;border:1px solid var(--line);border-radius:16px;background:#fff}.support-message.operator{justify-self:end;background:#edf7f3;border-color:#cde3dc}.support-message header{display:flex;justify-content:space-between;gap:20px;margin-bottom:8px}.support-message time{color:var(--muted);font-size:12px;white-space:nowrap}.support-message p:last-child{margin-bottom:0}.support-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:22px}.support-stats article{padding:19px 21px;border:1px solid var(--line);border-radius:14px;background:#fff}.support-stats span{display:block;color:var(--muted);font-size:12px}.support-stats strong{display:block;margin-top:6px;font-size:27px}.support-new,.support-in_progress{background:#fff3da;color:#8b641e}.support-waiting{background:#edf3ff;color:#55739c}.support-resolved{background:#e7f5ed;color:#287855}.support-closed{background:#eef1f4;color:#6f7e86}.priority-critical{background:#ffe6e3;color:#a53d33}.priority-high{background:#fff0dc;color:#93611d}.priority-normal,.priority-low{background:#eef3f4;color:#60747c}.diagnostic-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.diagnostic-grid>div{padding:16px;border-radius:11px;background:#f4f8f7}.diagnostic-grid span{display:block;color:var(--muted);font-size:11px}.diagnostic-grid strong{display:block;margin-top:4px;font-size:19px;overflow-wrap:anywhere}.responsive-table td,.responsive-table th{overflow-wrap:anywhere}.page-heading>div{min-width:0}.actions{flex-wrap:wrap}
@media(max-width:960px){.support-layout{grid-template-columns:1fr}.support-layout>aside{position:static;display:grid;grid-template-columns:1fr 1fr;gap:14px}.support-stats,.diagnostic-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.support-ticket-row{align-items:flex-start;flex-direction:column}.support-ticket-status{justify-items:start;min-width:0}.support-message{max-width:100%;padding:15px}.support-message header{align-items:flex-start;flex-direction:column;gap:2px}.support-layout>aside,.support-stats,.diagnostic-grid{grid-template-columns:1fr}.page-heading{align-items:flex-start}.page-heading>.actions{width:100%}.page-heading>.actions .button{flex:1}.table-wrap{border-radius:12px}}
/* Controlled technical support access */
.technical-mode{padding-top:72px}.technical-bar{position:fixed;z-index:1000;top:0;left:0;right:0;min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:10px 22px;background:#7b2f20;color:#fff;box-shadow:0 8px 24px rgba(73,26,19,.25)}.technical-bar>div{display:grid;grid-template-columns:auto auto;align-items:baseline;gap:2px 12px;min-width:0}.technical-bar strong{font-size:14px}.technical-bar span{font-size:13px}.technical-bar small{grid-column:1/-1;overflow:hidden;max-width:850px;color:#f4d9d3;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.technical-bar form{margin:0}.technical-bar .technical-exit{border-color:#fff;background:#fff;color:#692619;white-space:nowrap}.technical-mode .sidebar{top:72px;height:calc(100vh - 72px)}.technical-mode .mobile-bar{top:72px}.technical-access{border:2px solid #dfb2a8;background:linear-gradient(135deg,#fff,#fff8f6)}.technical-access>p{max-width:850px;color:var(--muted)}
.support-technical{border-color:#dfb2a8;background:#fff8f6}.support-technical p{color:var(--muted);font-size:12px;line-height:1.55}
@media(max-width:760px){.technical-mode{padding-top:116px}.technical-bar{min-height:116px;align-items:stretch;flex-direction:column;gap:8px;padding:11px 16px}.technical-bar>div{display:block}.technical-bar span,.technical-bar small{display:block;margin-top:2px}.technical-bar small{max-width:100%}.technical-bar .technical-exit{width:100%;min-height:36px;padding-block:6px}.technical-mode .sidebar{top:184px;height:calc(100vh - 184px)}.technical-mode .mobile-bar{top:116px}}
.preview-mode .technical-bar{background:#315f78}.diagnostic-report{display:grid;gap:9px}.diagnostic-report .section-heading{margin-bottom:5px}.diagnostic-issue{display:grid;grid-template-columns:8px minmax(0,1fr) auto;gap:13px;align-items:center;padding:13px 14px;border:1px solid var(--line);border-radius:11px;background:#fff;color:var(--text-strong);text-decoration:none}.diagnostic-issue>span{width:8px;height:100%;min-height:38px;border-radius:8px;background:#d6a147}.diagnostic-issue.severity-critical>span{background:#b74138}.diagnostic-issue.severity-high>span{background:#d16b3d}.diagnostic-issue small{display:block;margin-top:3px;color:var(--muted)}.diagnostic-issue b{font-size:12px;color:var(--action-color)}.incident-list{display:grid;gap:15px}.incident-card h2{margin:9px 0 0}.incident-card>p{overflow-wrap:anywhere}.incident-trace{max-height:320px;overflow:auto;padding:14px;border-radius:10px;background:#14272d;color:#dcebea;font-size:11px;white-space:pre-wrap}.technical-tools{margin-top:24px;border:2px solid #dfb2a8}.technical-tools h3{margin:22px 0 10px;font-size:15px}
@media(max-width:620px){.diagnostic-issue{grid-template-columns:7px minmax(0,1fr)}.diagnostic-issue b{grid-column:2}}
.reviews-section{margin-top:34px}.review-rating{padding:8px 12px;border-radius:20px;background:#fff3d6;color:#8a651e;font-weight:800}.review-form{margin:16px 0 20px;padding:20px}.review-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.review-card{padding:19px;border:1px solid var(--line);border-radius:14px;background:var(--paper)}.review-card p{color:var(--muted);line-height:1.65}.review-card small{color:var(--muted)}.review-stars{color:#d59425;letter-spacing:1px}.invitation-tools{align-items:start}.invitation-tools code{overflow-wrap:anywhere}
@media(max-width:700px){.review-grid{grid-template-columns:1fr}}
.filter-tabs{display:flex;gap:6px;margin-bottom:18px;padding:5px;border:1px solid var(--line);border-radius:12px;background:#fff;width:max-content;max-width:100%;overflow:auto}.filter-tabs a{padding:8px 12px;border-radius:8px;color:var(--muted);font-size:12px;font-weight:750;white-space:nowrap}.filter-tabs a.active{background:var(--action-color);color:#fff}.account-security form{margin-top:12px}
.editor-save-status{display:block;width:max-content;max-width:100%;margin:0 0 14px;padding:6px 10px;border-radius:20px;background:#edf5f2;color:#37685d;font-size:11px;font-weight:700}
/* Review moderation and delivery log */
.review-admin-list{display:grid;gap:16px}.review-admin-card{display:grid;gap:14px}.review-reply{margin-top:12px;padding:14px 16px;border-left:3px solid var(--accent);border-radius:0 12px 12px 0;background:color-mix(in srgb,var(--accent) 8%,var(--paper))}.review-reply p{margin:6px 0 0}.review-report{position:relative}.review-report summary{cursor:pointer;color:var(--muted);font-size:.82rem}.review-report form{display:flex;gap:8px;margin-top:8px}.review-report input{min-width:220px}.course-rating{color:#a66b00;font-weight:750;white-space:nowrap}.callout{padding:14px 16px;border-radius:14px;background:var(--bg);border:1px solid var(--line)}
@media(max-width:700px){.review-report form{align-items:stretch;flex-direction:column}.review-report input{min-width:0;width:100%}.review-admin-card .row{align-items:flex-start}.catalog-filters{grid-template-columns:1fr}}
/* Course-centered management */
.course-workspace-head{margin-bottom:28px}.course-workspace-head>.back-link{margin-bottom:13px}.course-workspace-title{display:flex;align-items:center;justify-content:space-between;gap:18px}.course-workspace-title h1{margin-bottom:5px}.course-tabs{display:flex;gap:5px;margin-top:20px;padding:6px;border:1px solid var(--line);border-radius:13px;background:#fff;overflow-x:auto}.course-tabs a{flex:0 0 auto;padding:9px 14px;border-radius:8px;color:#60747c;font-size:13px;font-weight:750;text-decoration:none}.course-tabs a:hover{background:#f2f7f5}.course-tabs a.active{background:var(--action-color,var(--accent));color:#fff}.course-workspace-actions{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:22px}.course-stats{margin-bottom:22px}.workspace-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.readiness-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--line);font-size:14px}.readiness-row:last-child{border-bottom:0}.readiness-dot{width:9px;height:9px;border-radius:50%;background:#d6a147}.readiness-dot.done{background:#3f9974}.compact-heading{margin-top:8px}.compact-heading h2{margin-bottom:5px}.course-program-list .editor-module{margin-top:0}.course-program-list .editor-lesson>span:last-child{color:var(--accent);font-size:12px}.progress-detail small{display:block}.course-workspace-head+.setup-layout{margin-top:0}
@media(max-width:800px){.workspace-grid{grid-template-columns:1fr}.course-stats{grid-template-columns:1fr 1fr}.course-workspace-title{align-items:flex-start}.course-tabs{margin-inline:-18px;padding-inline:18px;border-inline:0;border-radius:0}.course-workspace-actions .button{flex:1}.course-program-list .editor-module header{align-items:flex-start;flex-direction:column}}
@media(max-width:520px){.course-stats{grid-template-columns:1fr}.course-workspace-title{flex-direction:column;gap:5px}.course-workspace-actions{display:grid}.course-workspace-actions .button{width:100%}}
/* Course purchase modes */
.offer-period-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.offer-period-card{padding:17px;border:1px solid var(--line);border-radius:13px;background:#fbfdfc}.offer-period-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}.offer-period-title strong{font-size:14px}.offer-period-title input{margin-top:2px}.offer-period-card>label{display:block;margin-bottom:6px;color:var(--muted);font-size:12px}.offer-mode-section:nth-of-type(3){border-top:3px solid #78a79b}.offer-mode-section:nth-of-type(2){border-top:3px solid #7892b2}
@media(max-width:700px){.offer-period-grid{grid-template-columns:1fr}.offer-period-card{display:grid;grid-template-columns:minmax(0,1fr) 120px;gap:5px 12px;align-items:center}.offer-period-title{margin:0}.offer-period-card>label{margin:0}.offer-period-card>input{grid-column:2}}
/* Flexible course tariffs */
.offer-management{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:22px;align-items:start}.offer-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.flexible-offer-card{display:flex;flex-direction:column;gap:15px;margin:0}.flexible-offer-card h3{margin:8px 0 0}.offer-disabled{opacity:.7}.offer-main-price{display:flex;align-items:baseline;justify-content:space-between;gap:15px;padding:15px;border-radius:12px;background:var(--bg)}.offer-main-price strong{font-size:25px}.offer-main-price span{color:var(--muted);font-size:13px}.offer-conditions{color:var(--muted);font-size:13px;line-height:1.6}.offer-conditions p{margin:0}.flexible-offer-card>.actions{margin-top:auto}.danger-text{color:#a7473d!important}
@media(max-width:1050px){.offer-management{grid-template-columns:1fr}.offer-management>aside{grid-row:1}.offer-list{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.offer-list{grid-template-columns:1fr}.offer-management{gap:14px}.offer-main-price strong{font-size:22px}}

/* Layout stability: readable text and consistent spacing across management pages */
.main :is(.row,.actions,.page-heading,.section-heading,.course-workspace-title,.module-head,.editor-module header,.editor-lesson)>*{min-width:0}
.main :is(h1,h2,h3,strong,p,small,dd,dt,label,a,button){overflow-wrap:break-word;word-break:normal}
.main section+section,.main .card+.card{margin-top:22px}
.main .actions form{margin:0;min-width:0}
.main .actions .button{max-width:100%;text-align:center}
.page-heading>div,.section-heading>div{min-width:0}

/* The course overview has no drag handles, so it needs its own column map. */
.course-program-list .editor-module>header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center}
.course-program-list .editor-module>header>.actions{grid-column:2}
.course-program-list .editor-lesson{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:13px;align-items:center}
.course-program-list .editor-lesson>.grow{min-width:0}
.course-program-list .editor-lesson>span:last-child{white-space:nowrap}

@media(max-width:760px){
  .page-heading,.section-heading{row-gap:18px}
  .page-heading>.button,.compact-heading>.button{flex:0 0 auto}
  .course-program-list .editor-module>header{grid-template-columns:minmax(0,1fr);gap:14px}
  .course-program-list .editor-module>header>.actions{grid-column:1;width:100%}
  .course-program-list .editor-module>header>.actions .button{flex:1 1 150px}
  .course-program-list .editor-lesson{grid-template-columns:38px minmax(0,1fr);gap:12px}
  .course-program-list .editor-lesson>span:last-child{grid-column:2;white-space:normal;font-size:12px}
  .responsive-table td{grid-template-columns:minmax(92px,32%) minmax(0,1fr)}
  .responsive-table td>*{min-width:0}
  .filters{row-gap:16px}
}

@media(max-width:520px){
  .main section+section,.main .card+.card{margin-top:16px}
  .page-heading>.button,.compact-heading>.button{width:100%}
  .page-heading>.actions{grid-template-columns:1fr}
  .responsive-table td{grid-template-columns:1fr;gap:4px;padding:11px 0}
  .responsive-table td:before{margin-bottom:1px}
  .course-program-list .editor-module>header>.actions{display:grid;grid-template-columns:1fr}
  .course-program-list .editor-module>header>.actions .button{width:100%}
  .course-program-list .editor-lesson{padding:15px 14px}
  .offer-main-price{align-items:flex-start;flex-direction:column;gap:3px}
  .flexible-offer-card>.actions{display:grid;grid-template-columns:1fr}
  .flexible-offer-card>.actions>*{width:100%}
  .flexible-offer-card>.actions .button{width:100%}
}

/* Tariff-bound cohorts */
.cohort-list{display:grid;gap:16px}.cohort-card{margin:0}.cohort-card h2,.cohort-card h3{margin:4px 0 0}.cohort-offer{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin:15px 0;padding:15px 17px;border-radius:12px;background:var(--bg)}.cohort-offer span{color:var(--muted);font-size:13px;text-align:right}.invite-link{display:block;margin:16px 0}.invite-link>span{display:block;margin-bottom:6px;color:var(--muted);font-size:12px;font-weight:700}.invite-link input{font-size:13px;background:#f8fafb!important}.join-summary{align-items:flex-start;flex-direction:column}.join-summary span{text-align:left}.join-summary p{margin:6px 0 0;color:var(--muted);font-size:13px}.cohort-join-page{min-height:100vh;padding:28px 18px}.cohort-join-page .center-card{margin:30px auto}
@media(max-width:620px){.cohort-layout{gap:0}.cohort-offer{flex-direction:column;gap:4px}.cohort-offer span{text-align:left}.cohort-card .row.between{align-items:flex-start}.cohort-card .pill{margin-top:4px}}
.cohort-invites{display:grid;gap:9px;margin:16px 0}.invite-item{padding:11px 12px;border:1px solid var(--line);border-radius:11px;background:#f8fafb}.invite-status-row,.invite-copy-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.invite-status-row{margin-bottom:8px}.invite-status-row small{color:var(--muted);text-align:right}.invite-copy-row input{min-width:0;flex:1;font-size:12px;background:#fff!important}.invite-copy-row .button{flex:0 0 auto}.button.accepted{background:var(--teal-bg);border-color:var(--accent);color:var(--accent)}
.invite-builder{margin-bottom:26px;padding:25px}.invite-builder-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:20px}.invite-builder-head h2{margin:5px 0 6px}.invite-builder-head p{max-width:760px;margin:0;color:var(--muted);font-size:13px;line-height:1.6}.invite-step{flex:0 0 auto;padding:8px 11px;border-radius:99px;background:#edf5f3;color:#356d64;font-size:11px;font-weight:800}.invite-target-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.invite-target-grid .field{margin:0}.invite-field-email{grid-column:1/-1;max-width:480px}.invite-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:19px;padding-top:18px;border-top:1px solid var(--line)}.invite-actions>.meta{margin-left:auto;max-width:320px;font-size:11px;line-height:1.45;text-align:right}.invite-result{margin-top:18px;padding:15px;border:1px solid #b9dacf;border-radius:13px;background:#f0f8f5}.invite-result>div:first-child{display:grid;grid-template-columns:auto 1fr;gap:4px 10px;align-items:center;margin-bottom:10px}.invite-result>div:first-child small{grid-column:2;color:var(--muted)}.invite-history{margin:28px 0}.invite-history-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.invite-history-item{margin:0}.invite-history-item>strong{display:block;margin-bottom:3px;font-size:14px}.invite-history-item>p{margin:0 0 11px;color:var(--muted);font-size:12px}.invite-history-item .invite-copy-row input{font-size:11px}.manual-access{margin-top:28px;padding:0;overflow:hidden}.manual-access>summary{padding:20px 24px;background:#f8fafb;color:var(--text-strong);font-size:15px;font-weight:800}.manual-access>p,.manual-access>form{margin-right:24px;margin-left:24px}.manual-access>form{margin-bottom:24px}.manual-access[open]>summary{border-bottom:1px solid var(--line)}
@media(max-width:600px){.invite-status-row{align-items:flex-start;flex-direction:column}.invite-status-row small{text-align:left}.invite-copy-row{align-items:stretch;flex-direction:column}.invite-copy-row .button{width:100%}}
@media(max-width:900px){.invite-target-grid{grid-template-columns:1fr 1fr}.invite-field-cohort,.invite-field-email{grid-column:1/-1}.invite-history-grid{grid-template-columns:1fr}.invite-actions>.meta{width:100%;max-width:none;margin-left:0;text-align:left}}
@media(max-width:600px){.invite-builder{padding:19px}.invite-builder-head{flex-direction:column}.invite-target-grid{grid-template-columns:1fr}.invite-field-cohort,.invite-field-email{grid-column:auto;max-width:none}.invite-actions{align-items:stretch;flex-direction:column}.invite-actions .button{width:100%}.invite-result>div:first-child{grid-template-columns:1fr}.invite-result>div:first-child small{grid-column:auto}.manual-access>summary{padding:17px 18px}.manual-access>p,.manual-access>form{margin-right:18px;margin-left:18px}}
.compact-cohort-list{gap:10px}.compact-cohort-card{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 20px;color:inherit;text-decoration:none!important;transition:border-color .18s,transform .18s}.compact-cohort-card:hover{border-color:var(--accent);transform:translateY(-1px)}.compact-cohort-main{min-width:0}.compact-cohort-main h2,.compact-cohort-main h3{margin:3px 0 7px;font-size:18px}.compact-cohort-main>strong{display:block;overflow:hidden;color:var(--muted);font-size:13px;text-overflow:ellipsis;white-space:nowrap}.compact-cohort-count{display:grid;grid-template-columns:auto auto;align-items:baseline;gap:0 6px;flex:0 0 auto;text-align:right}.compact-cohort-count>strong{font-size:24px}.compact-cohort-count>span{color:var(--muted);font-size:12px}.compact-cohort-count>small{grid-column:1/-1;color:var(--accent);font-weight:700}.cohort-detail-summary{margin-bottom:34px}.cohort-detail-summary>.card{margin:0}
@media(max-width:600px){.compact-cohort-card{padding:15px 16px}.compact-cohort-count>span{display:none}.compact-cohort-count>strong{font-size:20px}.cohort-detail-summary{grid-template-columns:1fr}}
.status-line{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.cohort-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 22px}.cohort-metrics article{min-width:0;padding:17px 19px;border:1px solid var(--line);border-radius:14px;background:var(--paper)}.cohort-metrics span{display:block;margin-bottom:7px;color:var(--muted);font-size:11px;font-weight:750}.cohort-metrics strong{display:block;overflow:hidden;font-size:18px;text-overflow:ellipsis;white-space:nowrap}.cohort-add-student{display:flex;align-items:center;justify-content:space-between;gap:28px;margin:0 0 28px}.cohort-add-student h2{margin:5px 0}.cohort-add-student form{display:grid;grid-template-columns:minmax(260px,1fr) auto;gap:10px;min-width:min(100%,530px)}.cohort-add-student select{min-width:0}.cohort-student-heading{margin-top:28px}.cohort-filters{grid-template-columns:minmax(220px,1fr) 190px auto}.bulk-toolbar{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr)) auto;gap:10px;align-items:center;margin:14px 0}.bulk-toolbar small{grid-column:1/-1;color:var(--muted)}.cohort-history{margin-top:28px}.history-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 0;border-bottom:1px solid var(--line)}.history-row:last-child{border:0}.history-row div{display:flex;gap:12px;min-width:0}.history-row span,.history-row small{color:var(--muted)}.transfer-review{align-items:start}.confirm-students{display:grid;gap:8px;margin:14px 0 20px;max-height:330px;overflow:auto}.confirm-students>div{padding:11px 13px;border-radius:10px;background:var(--bg)}.confirm-students small{display:block;color:var(--muted)}
@media(max-width:850px){.cohort-metrics{grid-template-columns:1fr 1fr}.cohort-add-student{align-items:stretch;flex-direction:column}.cohort-add-student form{width:100%}.bulk-toolbar{grid-template-columns:1fr 1fr}.bulk-toolbar button{grid-column:1/-1}.cohort-filters{grid-template-columns:1fr 1fr}.cohort-filters button{grid-column:1/-1}}
@media(max-width:560px){.cohort-metrics{grid-template-columns:1fr 1fr}.cohort-metrics article{padding:14px}.cohort-metrics strong{font-size:15px}.cohort-add-student form,.bulk-toolbar,.cohort-filters{grid-template-columns:1fr}.bulk-toolbar button,.cohort-filters button{grid-column:auto}.history-row,.history-row div{align-items:flex-start;flex-direction:column;gap:3px}}
.cohort-alerts{display:grid;gap:8px;margin-bottom:18px}.cohort-alerts .notice{margin:0}.cohort-analytics{margin-bottom:22px}.analytics-mini-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}.analytics-mini-grid a{padding:14px;border:1px solid var(--line);border-radius:11px;background:var(--bg);color:inherit;text-decoration:none}.analytics-mini-grid span{display:block;min-height:31px;color:var(--muted);font-size:11px}.analytics-mini-grid strong{display:block;margin-top:5px;font-size:24px}.cohort-filters.extended{grid-template-columns:minmax(190px,1.4fr) repeat(3,minmax(150px,1fr)) auto auto}.profile-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:28px}.profile-metrics article{padding:18px;border:1px solid var(--line);border-radius:14px;background:var(--paper)}.profile-metrics span{display:block;color:var(--muted);font-size:11px}.profile-metrics strong{display:block;margin-top:5px;font-size:25px}.profile-course-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.profile-course h3{margin:0 0 4px}.profile-course progress{margin:15px 0}.profile-history-grid{margin-top:28px}.profile-subheading{margin-top:30px}
.invite-course-page{min-height:100vh;background:#f5f7f8;color:#183036}.invite-course-hero{padding:28px max(24px,calc((100vw - 1180px)/2)) 60px;background:linear-gradient(135deg,var(--school-dark),color-mix(in srgb,var(--school-dark) 72%,var(--school-accent)));color:#fff}.invite-school-brand{display:flex;align-items:center;gap:12px;margin-bottom:54px}.invite-school-brand img{width:48px;height:48px;object-fit:contain;border-radius:12px;background:#fff}.invite-school-brand span,.invite-school-brand strong{display:block}.invite-school-brand span{color:#dbe8e5;font-size:11px}.invite-school-brand strong{font-size:16px}.invite-hero-copy{max-width:780px}.invite-hero-copy .eyebrow{color:#bfe2d8}.invite-hero-copy h1{max-width:760px;margin:12px 0;font-size:clamp(36px,5vw,66px);line-height:1.04;color:#fff}.invite-hero-copy>p{max-width:700px;color:#dce9e6;font-size:18px;line-height:1.6}.invite-badges{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}.invite-badges span{padding:8px 12px;border:1px solid rgb(255 255 255/.25);border-radius:99px;background:rgb(255 255 255/.1);font-size:12px;font-weight:750}.invite-course-layout{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:38px;max-width:1180px;margin:0 auto;padding:48px 24px 80px;align-items:start}.invite-course-info{display:grid;gap:30px}.invite-course-info h2{font-size:28px}.invite-prose,.invite-course-info .card{font-size:16px;line-height:1.75}.invite-signup-card{position:sticky;top:24px;margin-top:-138px;padding:28px;border:1px solid #dce5e3;border-radius:20px;background:#fff;box-shadow:0 24px 70px rgb(18 49 51/.18)}.invite-access-summary{padding-bottom:22px;border-bottom:1px solid #e4eae8}.invite-access-summary h2{margin:7px 0 18px}.invite-conditions{padding:13px;border-radius:11px;background:#f3f7f5;font-size:13px}.invite-form-head{margin:22px 0 16px}.invite-form-head h2{margin-bottom:5px}.invite-form-head p{color:#64767a;font-size:13px}.invite-signup-card .field{margin-bottom:13px}.centered{text-align:center}.invite-program{display:grid;gap:10px}.invite-program details{border:1px solid #dce5e3;border-radius:14px;background:#fff}.invite-program summary{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:17px 19px;cursor:pointer}.invite-program summary span,.invite-program summary small{color:#6c7f83;font-size:11px}.invite-program ol{margin:0;padding:0 19px 16px;list-style:none}.invite-program li{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:9px;padding:10px 0;border-top:1px solid #edf1f0}.invite-program li>span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#edf5f2;color:var(--school-accent);font-size:10px}.invite-program li small{color:#78878a}
@media(max-width:1050px){.analytics-mini-grid{grid-template-columns:repeat(3,1fr)}.cohort-filters.extended{grid-template-columns:1fr 1fr 1fr}.invite-course-layout{grid-template-columns:minmax(0,1fr) 360px}}
@media(max-width:800px){.profile-course-grid{grid-template-columns:1fr}.invite-course-layout{grid-template-columns:1fr}.invite-signup-card{position:static;grid-row:1;margin-top:-75px}.invite-course-hero{padding-bottom:105px}.invite-school-brand{margin-bottom:35px}}
@media(max-width:600px){.analytics-mini-grid,.profile-metrics{grid-template-columns:1fr 1fr}.cohort-filters.extended{grid-template-columns:1fr}.invite-course-hero{padding:22px 18px 95px}.invite-course-layout{padding:28px 14px 60px}.invite-signup-card{padding:21px}.invite-hero-copy h1{font-size:36px}.invite-program summary{grid-template-columns:1fr}.invite-program summary small{display:none}}
/* Invitation landing: guaranteed contrast and a clear path to registration */
.invite-course-hero{position:relative;isolation:isolate;background:#123d42;color:#fff;overflow:hidden}.invite-course-hero:before{position:absolute;z-index:-2;inset:0;content:"";background:linear-gradient(120deg,#102f36 0%,#174c51 56%,color-mix(in srgb,var(--school-accent) 78%,#173f45) 100%)}.invite-course-hero:after{position:absolute;z-index:-1;right:-12%;bottom:-75%;width:640px;height:640px;border-radius:50%;background:rgb(255 255 255/.08);content:""}.invite-school-brand span{color:#c8deda;font-size:12px}.invite-school-brand strong{color:#fff;font-size:17px}.invite-hero-copy .eyebrow{color:#c9eee5;font-size:11px;letter-spacing:2.1px}.invite-hero-copy h1{color:#fff;text-shadow:0 2px 22px rgb(0 0 0/.16)}.invite-hero-copy>p{max-width:760px;color:#e2eeee;font-size:19px;line-height:1.58}.invite-badges span{color:#fff}.invite-hero-actions{display:flex;align-items:center;gap:16px;margin-top:30px}.invite-primary-cta{border-color:#fff!important;background:#fff!important;color:#123d42!important;box-shadow:0 12px 30px rgb(0 0 0/.16)}.invite-hero-actions small{color:#d7e7e4;font-size:12px}.invite-course-info{color:#263d42}.invite-course-info .eyebrow{color:#416b68}.invite-course-info h2{margin-top:8px;color:#162f35;font-size:30px;line-height:1.2}.invite-prose,.invite-course-info .card{color:#3f555a;font-size:17px;line-height:1.8}.invite-course-info .card h2{font-size:23px}.invite-outcomes p{margin:0}.invite-outcomes p+p{margin-top:9px}.invite-signup-card{border-color:#cddbd7;box-shadow:0 28px 80px rgb(20 53 56/.22)}.invite-access-summary .eyebrow{color:#47736d}.invite-access-summary h2{color:#162f35;font-size:26px;line-height:1.2}.invite-access-summary .definition dt{color:#64787b;font-size:12px}.invite-access-summary .definition dd{color:#1e363b;font-size:15px;font-weight:700}.invite-step-label{display:inline-flex;margin-bottom:9px;padding:6px 10px;border-radius:99px;background:#e9f4f0;color:#275e55;font-size:10px;font-weight:850;letter-spacing:1.2px;text-transform:uppercase}.invite-form-head h2{color:#162f35;font-size:28px}.invite-form-head>p{color:#4f656a;font-size:14px;line-height:1.55}.invite-trust-list{display:grid;gap:8px;margin:16px 0 0;padding:0;list-style:none}.invite-trust-list li{position:relative;padding-left:27px;color:#304b50;font-size:13px;font-weight:650}.invite-trust-list li:before{position:absolute;left:0;top:-1px;display:grid;place-items:center;width:19px;height:19px;border-radius:50%;background:#e2f2eb;color:#1c755e;content:"✓";font-size:11px;font-weight:900}.invite-signup-card label{margin-bottom:7px;color:#263e43;font-size:13px;font-weight:750}.invite-signup-card input{min-height:48px;border-color:#c8d7d4;background:#fff;color:#162f35;font-size:16px}.invite-signup-card input:focus{border-color:var(--school-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--school-accent) 17%,transparent)}.invite-signup-card form>.button{min-height:52px;margin-top:8px;background:#176c60;font-size:15px;box-shadow:0 11px 25px rgb(23 108 96/.2)}.invite-signup-card>.meta{color:#65787c;font-size:12px;line-height:1.5}.invite-program summary strong{color:#203a3f;font-size:15px}.invite-program li{color:#31494e;font-size:14px}
@media(max-width:800px){.invite-hero-actions{align-items:flex-start;flex-direction:column}.invite-primary-cta{width:100%;text-align:center}.invite-course-layout{gap:34px}.invite-signup-card{margin-top:-62px}.invite-course-info{grid-row:2}}
@media(max-width:600px){.invite-school-brand{margin-bottom:32px}.invite-hero-copy>p{font-size:16px}.invite-course-info h2{font-size:25px}.invite-prose,.invite-course-info .card{font-size:15px;line-height:1.7}.invite-signup-card{border-radius:17px}.invite-form-head h2{font-size:25px}.invite-signup-card input{font-size:16px}}
.invite-funnel{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:15px}.invite-funnel span{padding:11px;border-radius:9px;background:var(--bg);color:var(--muted);font-size:11px}.invite-funnel strong{display:block;margin-top:3px;color:var(--text-strong);font-size:18px}.invite-state-page{display:grid;place-items:center;min-height:100vh;padding:25px;background:linear-gradient(145deg,#edf5f2,#f7f8fa)}.invite-state-card{width:min(100%,580px);padding:42px;border:1px solid #d8e3e0;border-radius:22px;background:#fff;box-shadow:0 25px 70px rgb(24 57 58/.14);text-align:center}.invite-state-icon{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 20px;border-radius:50%;background:#edf5f2;color:#236c5c;font-size:27px;font-weight:900}.invite-state-card h1{margin:9px 0 12px}.invite-state-card>p{color:var(--muted);font-size:16px;line-height:1.65}.invite-state-course{display:grid;gap:4px;margin:25px 0;text-align:left}.invite-state-course span{color:var(--muted)}.invite-state-card .actions{justify-content:center}.welcome-course{max-width:1120px;margin:0 auto}.welcome-course>header{max-width:760px;margin-bottom:30px}.welcome-course>header h1{margin:8px 0;font-size:42px}.welcome-course>header p{color:var(--muted);font-size:18px}.welcome-course-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:22px;align-items:start}.welcome-steps{display:grid;gap:18px;margin:24px 0;padding:0;list-style:none}.welcome-steps li{display:grid;grid-template-columns:42px 1fr;gap:13px}.welcome-steps li>span{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#e5f2ed;color:#216858;font-weight:850}.welcome-steps strong{font-size:15px}.welcome-steps p{margin:4px 0 0;color:var(--muted);font-size:13px;line-height:1.55}.welcome-start{min-height:52px;margin-top:20px}.welcome-contact{margin-top:24px;padding-top:19px;border-top:1px solid var(--line)}.welcome-contact p{margin:5px 0 0;color:var(--muted)}
@media(max-width:760px){.invite-funnel{grid-template-columns:1fr 1fr}.welcome-course-grid{grid-template-columns:1fr}.welcome-course>header h1{font-size:34px}.invite-state-card{padding:28px 21px}.invite-state-card .actions{display:grid}.invite-state-card .button{width:100%}}
.student-name-link{color:var(--text-strong);text-decoration:none}.student-name-link:hover{color:var(--accent);text-decoration:underline}.student-course-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin:0 0 20px}.student-course-summary article{min-width:0;padding:15px 17px;border:1px solid var(--line);border-radius:13px;background:var(--paper)}.student-course-summary span{display:block;margin-bottom:6px;color:var(--muted);font-size:11px;font-weight:750;text-transform:uppercase}.student-course-summary strong{display:block;overflow:hidden;color:var(--text-strong);font-size:15px;text-overflow:ellipsis;white-space:nowrap}.responsive-table td>small{display:block;margin-top:5px;color:var(--muted);line-height:1.35}.responsive-table .row-action .actions{justify-content:flex-end;flex-wrap:wrap}
.login-story .story-content h1{color:#fff}.login-story .story-content h1 em{color:#c4e2b7}
@media(max-width:760px){.student-course-summary{grid-template-columns:1fr 1fr}.responsive-table .row-action .actions{display:grid;grid-template-columns:1fr 1fr}.responsive-table .row-action .actions form{grid-column:1/-1}.responsive-table .row-action .actions .button{width:100%}}
@media(max-width:430px){.student-course-summary{grid-template-columns:1fr}.responsive-table .row-action .actions{grid-template-columns:1fr}}
.chat-list{display:grid;gap:10px;max-width:900px}.chat-list-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;margin:0;padding:17px 19px;color:inherit;text-decoration:none!important}.chat-list-item:hover{border-color:var(--accent);box-shadow:0 8px 25px rgb(27 62 67/.07)}.chat-list-copy{min-width:0}.chat-list-copy strong,.chat-list-copy span,.chat-list-copy p{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-list-copy span{color:var(--accent);font-size:12px;font-weight:700}.chat-list-copy p{margin:3px 0 0;color:var(--muted);font-size:13px}.chat-list-copy time{color:var(--muted);font-size:11px}.chat-unread{display:grid;place-items:center;min-width:24px;height:24px;padding:0 7px;border-radius:99px;background:var(--accent);color:#fff;font-size:11px}.chat-shell{max-width:980px;margin:0 auto}.chat-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:17px}.chat-head h1{margin:0 0 3px}.chat-head p{margin:0;color:var(--muted)}.chat-thread{display:flex;min-height:420px;max-height:62vh;overflow:auto;flex-direction:column;gap:10px;padding:22px;border:1px solid var(--line);border-radius:18px;background:#edf3f2}.chat-bubble{align-self:flex-start;width:min(78%,680px);padding:12px 15px;border:1px solid #dce5e3;border-radius:5px 15px 15px;background:#fff;box-shadow:0 3px 12px rgb(30 64 67/.05)}.chat-bubble.mine{align-self:flex-end;border-color:#c8e2d9;border-radius:15px 5px 15px 15px;background:#e1f1eb}.chat-message-meta{display:flex;justify-content:space-between;gap:15px;margin-bottom:5px}.chat-message-meta strong{font-size:12px}.chat-message-meta time{color:var(--muted);font-size:10px}.chat-bubble p{margin:0;overflow-wrap:anywhere;font-size:14px;line-height:1.55}.chat-file{display:flex;justify-content:space-between;gap:14px;margin-top:8px;padding:9px 11px;border-radius:9px;background:rgb(255 255 255/.65);font-size:13px}.chat-file small{color:var(--muted);white-space:nowrap}.chat-empty{margin:auto;text-align:center}.chat-empty p{color:var(--muted)}.chat-compose{position:sticky;bottom:8px;margin:14px 0 0;padding:15px;box-shadow:0 14px 35px rgb(25 54 58/.12)}.chat-compose>label{font-size:12px;font-weight:700}.chat-compose textarea{min-height:82px;resize:vertical}.chat-compose-actions{display:flex;align-items:center;gap:10px;margin-top:9px}.chat-compose-actions input[type=file]{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.chat-compose-actions .file-button{padding:10px 13px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--accent);cursor:pointer;font-size:13px;font-weight:700}.chat-compose-actions .button{margin-left:auto}.chat-compose>small{display:block;margin-top:7px;color:var(--muted)}
@media(max-width:600px){.chat-head{align-items:flex-start;flex-direction:column}.chat-thread{min-height:360px;max-height:58vh;margin-inline:-10px;padding:13px;border-radius:13px}.chat-bubble{width:90%}.chat-compose{margin-inline:-10px}.chat-compose-actions{align-items:stretch;flex-direction:column}.chat-compose-actions .file-button,.chat-compose-actions .button{width:100%;margin:0;text-align:center}.chat-list-item{padding:14px}.chat-list-copy .row{align-items:flex-start}.chat-list-copy time{flex:0 0 auto}}
.chat-filters{grid-template-columns:minmax(220px,1.5fr) minmax(180px,1fr) minmax(170px,1fr) auto auto;max-width:1100px}.chat-head-actions{display:flex;align-items:center;gap:9px}.chat-head-actions form{margin:0}.chat-context{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:10px;padding:12px 15px;border:1px solid #cde0da;border-radius:11px;background:#eaf4f0;font-size:13px}.message-context{display:block;margin:0 0 8px;padding:7px 9px;border-radius:7px;background:rgb(255 255 255/.65);font-size:12px;font-weight:700}.chat-bubble.internal{border-color:#e0d49d;background:#fff8dd}.chat-bubble.pinned{box-shadow:inset 3px 0 #d3a42d}.chat-bubble footer{display:flex;justify-content:space-between;gap:12px;margin-top:7px}.chat-bubble footer small{color:var(--muted);font-size:10px}.pin-button{padding:0;border:0;background:transparent;color:var(--accent);font-size:10px}.chat-internal{display:flex;align-items:center;gap:8px;margin-top:8px;color:#795f16;font-size:12px}.chat-internal input{width:auto}.student-timeline{margin-top:24px}.student-timeline .history-row span{overflow-wrap:anywhere}.lesson-heading>.actions{justify-content:flex-end;flex-wrap:wrap}
@media(max-width:850px){.chat-filters{grid-template-columns:1fr 1fr}.chat-filters .search{grid-column:1/-1}.chat-filters button,.chat-filters>a{width:100%}}
@media(max-width:560px){.chat-filters{grid-template-columns:1fr}.chat-filters .search{grid-column:auto}.chat-head-actions{align-items:flex-start;flex-direction:column}.chat-context{align-items:flex-start;flex-direction:column}.lesson-heading>.actions{justify-content:flex-start;width:100%}.lesson-heading>.actions .button{width:100%}}

/* Presence indicator shared by every role. */
.presence{display:inline-flex;align-items:center;gap:6px;margin-left:7px;color:#71818a;font-size:12px;font-weight:650;line-height:1.35;vertical-align:middle;white-space:nowrap}.presence-dot{width:8px;height:8px;border-radius:50%;flex:0 0 auto;background:#a8b2b8;box-shadow:0 0 0 3px rgba(168,178,184,.14)}.presence.online{color:#24775a}.presence.online .presence-dot{background:#2dab73;box-shadow:0 0 0 3px rgba(45,171,115,.16)}.presence.offline{color:#849198}.presence small{display:inline;font-size:11px;color:#8c989e;margin:0}.presence.compact{margin-left:6px}.presence.compact .presence-text{display:none}.profile .presence{margin:2px 0 0;font-size:11px}.profile .presence-dot{width:7px;height:7px}.chat-head .presence{margin:0 0 5px}.chat-list-copy strong+.presence{position:relative;top:-1px}.page-heading .presence{margin:2px 0 0}.responsive-table .presence{margin-top:4px}
.presence.compact{padding:2px 7px;border-radius:999px;background:#f0f3f4}.presence.compact.online{background:#e8f6ef}.presence.compact .presence-text{display:inline;font-size:11px}.presence.compact .presence-dot{width:7px;height:7px;box-shadow:none}
.user-presence-cell{min-width:0}.user-presence-cell>small{display:block;margin-top:4px;color:var(--muted)}.responsive-table td>.user-presence-cell{grid-column:2}.responsive-table .user-presence-cell .presence{margin-top:0}@media(max-width:600px){.responsive-table td>.user-presence-cell{grid-column:auto}}

/* ATTA Study visual system v2 — expressive, calm and high contrast */
:root{
  --atta-night:#101726;
  --atta-night-2:#182238;
  --atta-canvas:#f3f1ec;
  --atta-surface:#ffffff;
  --atta-ink:#172033;
  --atta-muted:#697386;
  --atta-line:#dedfdc;
  --atta-teal:#16b8a6;
  --atta-teal-dark:#087f76;
  --atta-violet:#7657ff;
  --atta-orange:#ff9a62;
  --atta-shadow:0 18px 48px rgba(32,37,50,.08);
  --atta-shadow-hover:0 24px 62px rgba(32,37,50,.14)
}
body{font-family:Inter,Avenir Next,Avenir,"Segoe UI",Arial,sans-serif}
body.app-body{background:var(--atta-canvas);color:var(--atta-ink)}
body.app-body:before{position:fixed;z-index:-1;inset:0 0 auto 264px;height:320px;background:radial-gradient(circle at 84% 8%,rgba(118,87,255,.09),transparent 34%),radial-gradient(circle at 30% 0,rgba(22,184,166,.09),transparent 28%);content:"";pointer-events:none}
body.app-body h1,body.app-body h2,body.app-body h3{color:var(--atta-ink)}
body.app-body p{color:#536071}

/* Application navigation */
body.app-body .sidebar{width:264px;border:0;background:radial-gradient(circle at 10% 0,rgba(22,184,166,.16),transparent 25%),radial-gradient(circle at 100% 45%,rgba(118,87,255,.13),transparent 32%),linear-gradient(180deg,var(--atta-night),#0c1220);box-shadow:14px 0 42px rgba(14,20,33,.14)}
body.app-body .workspace{margin-left:264px}
body.app-body .sidebar .brand{color:#fff}
body.app-body .sidebar .brand-mark{background:linear-gradient(145deg,var(--atta-teal),#0c8f83);box-shadow:0 10px 25px rgba(22,184,166,.28)}
body.app-body .sidebar .brand-dot{color:#7ce6db}
body.app-body .sidebar .brand-logo{max-width:190px;max-height:54px;padding:6px 9px;border-radius:12px;background:#fff;object-fit:contain}
body.app-body .school-label{color:#8390a4}
body.app-body .nav-caption{color:#718096}
body.app-body .nav-link{border:1px solid transparent;color:#aab5c8}
body.app-body .nav-link .icon{color:#76859c}
body.app-body .nav-link:hover{border-color:rgba(255,255,255,.06);background:rgba(255,255,255,.055);color:#fff;transform:translateX(2px)}
body.app-body .nav-link:hover .icon{color:#88ddd3}
body.app-body .nav-link.active{border-color:rgba(117,232,218,.14);background:linear-gradient(90deg,rgba(22,184,166,.19),rgba(118,87,255,.09));box-shadow:inset 3px 0 0 var(--atta-teal);color:#fff}
body.app-body .nav-link.active .icon{color:#6fe2d5}
body.app-body .nav-count{background:var(--atta-orange);color:#361a0d;box-shadow:0 0 0 3px rgba(255,154,98,.12)}
body.app-body .school-note{border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.035)}
body.app-body .small-label{color:#73829a}
body.app-body .school-note p{color:#aab5c6}
body.app-body .mini-line{background:linear-gradient(90deg,var(--atta-teal),var(--atta-violet))}
body.app-body .profile{border-color:rgba(255,255,255,.08)}
body.app-body .profile strong,body.app-body .profile a{color:#edf2fa}
body.app-body .profile small{color:#8390a4}
body.app-body .profile .icon-button{color:#8390a4}
body.app-body .profile .icon-button:hover{background:rgba(255,255,255,.08);color:#fff}
body.app-body .profile .presence.compact{background:rgba(255,255,255,.06);color:#aeb8c8}
body.app-body .profile .presence.compact.online{background:rgba(37,201,137,.12);color:#7ce0b8}
body.app-body .avatar{background:linear-gradient(145deg,var(--atta-violet),#4f38be);box-shadow:0 7px 18px rgba(118,87,255,.28)}
body.app-body .topbar{border-color:rgba(23,32,51,.07);background:rgba(247,245,240,.86);box-shadow:0 8px 28px rgba(32,37,50,.035)}
body.app-body .crumb a{color:#4a5568}
body.app-body .crumb span{color:#9a9daa}
body.app-body .topbar .icon-button{border:1px solid rgba(23,32,51,.08);background:rgba(255,255,255,.72);color:#596477}
body.app-body .topbar .icon-button:hover{background:#fff;color:var(--atta-violet)}
body.app-body .notification-dot{width:8px;height:8px;background:var(--atta-orange);box-shadow:0 0 0 3px #fff}
body.app-body .main{max-width:1380px;padding:46px 52px 76px}
body.app-body .footer{border-color:rgba(23,32,51,.08);background:rgba(255,255,255,.28);color:#858b98}

/* Stronger hierarchy in every workspace */
body.app-body .page-heading:not(.dashboard-heading){position:relative;padding:3px 0 3px 18px}
body.app-body .page-heading:not(.dashboard-heading):before{position:absolute;inset:5px auto 5px 0;width:4px;border-radius:9px;background:linear-gradient(180deg,var(--atta-teal),var(--atta-violet));content:""}
body.app-body .page-heading h1{font-size:clamp(32px,3.2vw,46px);line-height:1.08;letter-spacing:-1.8px}
body.app-body .page-heading p{color:#667082}
body.app-body .eyebrow{color:#657083!important;letter-spacing:1.9px}
body.app-body .heading-dot{color:var(--atta-violet)}
body.app-body .dashboard-heading{min-height:178px;padding:34px 36px;border:0;background:radial-gradient(circle at 91% 18%,rgba(255,154,98,.27),transparent 20%),radial-gradient(circle at 75% 100%,rgba(118,87,255,.22),transparent 29%),linear-gradient(135deg,#111928,#1b2940);box-shadow:0 24px 62px rgba(16,23,38,.2)}
body.app-body .dashboard-heading:after{right:8%;bottom:-115px;width:260px;height:260px;border-color:rgba(255,255,255,.09)}
body.app-body .dashboard-heading h1{color:#fff}
body.app-body .dashboard-heading p{color:#b8c3d4}
body.app-body .dashboard-heading .eyebrow{color:#77dfd3!important}
body.app-body .dashboard-heading .heading-dot{color:var(--atta-orange)}
body.app-body .dashboard-heading .button{background:linear-gradient(135deg,var(--atta-teal),#0b9387);box-shadow:0 12px 28px rgba(22,184,166,.25)}
body.app-body .card,body.app-body .course-card,body.app-body .editor-module,body.app-body .setup-section,body.app-body .table-wrap,body.app-body .filters{border-color:rgba(32,37,50,.09);background:rgba(255,255,255,.93);box-shadow:0 9px 28px rgba(32,37,50,.055)}
body.app-body .card{border-radius:20px}
body.app-body .card:hover{border-color:rgba(118,87,255,.18)}
body.app-body .button{border:0;background:linear-gradient(135deg,var(--action-color),color-mix(in srgb,var(--action-color),#111827 18%));box-shadow:0 8px 20px color-mix(in srgb,var(--action-color),transparent 77%)}
body.app-body .button:hover{box-shadow:0 12px 27px color-mix(in srgb,var(--action-color),transparent 70%)}
body.app-body .button.secondary{border:1px solid #d9dbe0;background:#fff;color:#364052;box-shadow:0 3px 10px rgba(32,37,50,.04)}
body.app-body .button.secondary:hover{border-color:#c8c6d5;background:#f8f7fb}
body.app-body .button.ghost{background:transparent;box-shadow:none;color:var(--action-color)}
body.app-body .button.danger{background:linear-gradient(135deg,#c8544a,#a93a35);box-shadow:0 8px 20px rgba(169,58,53,.15)}
body.app-body .stats-grid{gap:18px}
body.app-body .stat{min-height:154px;border:0;background:#fff;box-shadow:0 11px 32px rgba(32,37,50,.065)}
body.app-body .stat:nth-child(4n+1){background:linear-gradient(145deg,#fff,#eafaf7)}
body.app-body .stat:nth-child(4n+2){background:linear-gradient(145deg,#fff,#f0edff)}
body.app-body .stat:nth-child(4n+3){background:linear-gradient(145deg,#fff,#fff2e9)}
body.app-body .stat:nth-child(4n+4){background:linear-gradient(145deg,#fff,#eef4fb)}
body.app-body .stat:hover{box-shadow:var(--atta-shadow-hover)}
body.app-body .stat>.icon{background:#dff8f4;color:#078477}
body.app-body .stat:nth-child(4n+2)>.icon{background:#ece8ff;color:#6d51e8}
body.app-body .stat:nth-child(4n+3)>.icon{background:#ffeadf;color:#c76c38}
body.app-body .stat:nth-child(4n+4)>.icon{background:#e8f0fa;color:#557cad}
body.app-body .stat strong{color:#182033;font-weight:790}
body.app-body .onboarding-banner,body.app-body .continue-card{border:1px solid rgba(255,255,255,.07);background:radial-gradient(circle at 92% 5%,rgba(118,87,255,.35),transparent 30%),radial-gradient(circle at 8% 100%,rgba(22,184,166,.2),transparent 30%),linear-gradient(135deg,#111827,#1b2940);box-shadow:0 22px 54px rgba(16,23,38,.19)}
body.app-body .continue-card h2,body.app-body .continue-card p,body.app-body .onboarding-banner h2,body.app-body .onboarding-banner p{color:#fff}
body.app-body .continue-card .eyebrow,body.app-body .onboarding-banner .eyebrow{color:#7fe4d9!important}
body.app-body .progress-circle{background:conic-gradient(var(--atta-teal) calc(var(--percent)*1%),rgba(255,255,255,.14) 0)}
body.app-body .progress-circle:before{background:#172136}
body.app-body .course-card{border:0;box-shadow:0 13px 38px rgba(32,37,50,.075)}
body.app-body .course-card:hover{box-shadow:var(--atta-shadow-hover)}
body.app-body .cover-teal{background:radial-gradient(circle at 88% 20%,rgba(255,255,255,.35),transparent 25%),linear-gradient(135deg,#9ceade,#2bb8a7);color:#103c38}
body.app-body .cover-blue{background:radial-gradient(circle at 88% 20%,rgba(255,255,255,.25),transparent 25%),linear-gradient(135deg,#c9bfff,#8168ef);color:#28204b}
body.app-body .course-cover{min-height:205px}
body.app-body .course-cover h3{font-size:25px;color:inherit}
body.app-body .course-card-body{background:#fff}
body.app-body progress{height:7px;background:#ececf0}
body.app-body progress::-webkit-progress-value{background:linear-gradient(90deg,var(--atta-teal),var(--atta-violet))}
body.app-body progress::-moz-progress-bar{background:linear-gradient(90deg,var(--atta-teal),var(--atta-violet))}
body.app-body .note-line{border:0;border-left:3px solid var(--atta-violet);border-radius:13px;box-shadow:0 8px 24px rgba(32,37,50,.055)}
body.app-body .note-icon{background:#eeeaff;color:var(--atta-violet)}
body.app-body .table-wrap{border-radius:16px}
body.app-body th{background:#f2f1ee;color:#6f7581}
body.app-body td{border-color:#ebe9e5}
body.app-body .table-wrap tbody tr:hover{background:#f8f6f2}
body.app-body input:not([type=checkbox]):not([type=radio]):not([type=hidden]),body.app-body select,body.app-body textarea{border-color:#d6d5d2;background:#fff;color:var(--atta-ink)}
body.app-body input:not([type=checkbox]):not([type=radio]):not([type=hidden]):focus,body.app-body select:focus,body.app-body textarea:focus{border-color:var(--atta-violet);box-shadow:0 0 0 4px rgba(118,87,255,.11)}
body.app-body .field input[type=file]{border-color:#c9c8c5;background:#faf9f6}
body.app-body .field input[type=file]::file-selector-button{background:linear-gradient(135deg,var(--atta-violet),#5d42d2)}
body.app-body .pill{border-radius:999px}
body.app-body .pill.subtle{border-color:#dad9d5;background:rgba(255,255,255,.78);color:#555e70}
body.app-body .empty{border-color:#cac8c2;background:rgba(255,255,255,.58)}
body.app-body .chat-thread{border-color:#deddd8;background:linear-gradient(145deg,#edeae4,#f4f2ed)}
body.app-body .chat-bubble{border-color:#dedde4;box-shadow:0 5px 16px rgba(32,37,50,.05)}
body.app-body .chat-bubble.mine{border-color:#cfc6ff;background:#eeeaff}
body.app-body .chat-compose{background:#fff}

/* Public product identity */
body.public-body{background:var(--atta-canvas);color:var(--atta-ink)}
body.public-body p{color:#697386}
.landing{--land-dark:var(--atta-night);--land-mint:var(--atta-teal);overflow:hidden;background:linear-gradient(180deg,var(--atta-night) 0 790px,var(--atta-canvas) 790px);color:var(--atta-ink)}
.landing-nav{position:relative;z-index:20;height:92px;border-color:rgba(255,255,255,.11)}
.landing-brand{color:#fff;font-size:23px;letter-spacing:-.9px}
.landing-brand>span{background:linear-gradient(145deg,var(--atta-teal),#0b8f85);color:#fff;box-shadow:0 8px 22px rgba(22,184,166,.25)}
.landing-brand b{color:#69ddd1}
.landing-nav nav a{color:#aeb9cb;font-weight:620}
.landing-nav nav a:hover,.landing-nav nav a.active{color:#fff;text-decoration:none}
.landing-actions .button{box-shadow:none}
.landing-actions .button:not(.secondary){background:linear-gradient(135deg,var(--atta-teal),#0c9187);box-shadow:0 8px 22px rgba(22,184,166,.17)}
.landing-actions .button.secondary{border:1px solid rgba(255,255,255,.17);background:rgba(255,255,255,.05);color:#eef2f8}
.landing-actions .button.secondary:hover{background:rgba(255,255,255,.1)}
.landing-hero{min-height:690px;padding-top:78px;padding-bottom:105px;color:#fff}
.landing-kicker,.landing-section-head>span,.landing-cta>span{color:#65dacc}
.landing-hero h1{max-width:720px;color:#fff;font-size:clamp(54px,5.8vw,78px);line-height:.99;letter-spacing:-4.4px;font-weight:790}
.landing-hero h1 em{position:relative;color:#fff;font-style:normal}
.landing-hero h1 em:after{position:absolute;right:0;bottom:-8px;left:0;height:8px;border-radius:99px;background:linear-gradient(90deg,var(--atta-teal),var(--atta-violet),var(--atta-orange));content:"";opacity:.9}
.landing-hero-copy>p{max-width:610px;color:#b8c3d5;font-size:19px;line-height:1.7}
.landing-hero-actions .button{min-height:52px;padding-inline:23px;background:linear-gradient(135deg,var(--atta-teal),#0c9187);box-shadow:0 14px 32px rgba(22,184,166,.22)}
.landing-text-link{display:inline-flex;align-items:center;gap:8px;color:#e6ebf3}
.landing-text-link span{display:grid;place-items:center;width:28px;height:28px;border:1px solid rgba(255,255,255,.2);border-radius:50%;color:#7ce2d7}
.landing-facts{border-color:rgba(255,255,255,.12)}
.landing-facts span{color:#8e9ab0}
.landing-facts strong{color:#fff;font-size:21px}
.landing-visual{height:500px;border:1px solid rgba(255,255,255,.09);background:radial-gradient(circle at 80% 15%,rgba(118,87,255,.48),transparent 31%),radial-gradient(circle at 12% 90%,rgba(22,184,166,.39),transparent 38%),linear-gradient(145deg,#1b2942,#111928);box-shadow:0 35px 90px rgba(0,0,0,.28)}
.visual-glow{position:absolute;inset:25% 20%;border-radius:50%;background:rgba(118,87,255,.24);filter:blur(45px)}
.visual-orbit{border-color:rgba(255,255,255,.13)}
.visual-badge{position:absolute;z-index:2;right:27px;top:24px;padding:8px 12px;border:1px solid rgba(255,255,255,.13);border-radius:999px;background:rgba(17,24,39,.5);color:#c5cedd;font-size:10px;letter-spacing:.8px;text-transform:uppercase;backdrop-filter:blur(12px)}
.visual-card{z-index:2;border-color:rgba(255,255,255,.15);background:rgba(255,255,255,.94);box-shadow:0 28px 65px rgba(0,0,0,.25);backdrop-filter:blur(16px)}
.visual-course{transform:rotate(-2deg)}
.visual-progress{transform:rotate(2deg)}
.visual-progress p{margin:9px 0 0;color:#7a8290;font-size:10px}
.visual-play{z-index:3;background:linear-gradient(145deg,var(--atta-orange),#e86e36);box-shadow:0 17px 36px rgba(232,110,54,.35)}
.visual-play span{transform:translateX(2px)}
.landing-product-strip{position:relative;z-index:4;display:grid;grid-template-columns:repeat(4,1fr);max-width:1180px;margin:-56px auto 0;border:1px solid rgba(255,255,255,.65);border-radius:22px;background:rgba(255,255,255,.96);box-shadow:0 24px 68px rgba(26,31,45,.14);overflow:hidden}
.landing-product-strip article{display:flex;align-items:center;gap:15px;min-height:112px;padding:24px 22px;border-right:1px solid #e9e7e2}
.landing-product-strip article:last-child{border:0}
.landing-product-strip span{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border-radius:11px;background:#e5faf7;color:#087f76;font-size:11px;font-weight:850}
.landing-product-strip article:nth-child(2) span{background:#eeeaff;color:#6749e6}
.landing-product-strip article:nth-child(3) span{background:#fff0e7;color:#bd5e29}
.landing-product-strip article:nth-child(4) span{background:#e9f1fa;color:#4d75a7}
.landing-product-strip strong,.landing-product-strip small{display:block}
.landing-product-strip strong{margin-bottom:3px;color:#1b2334;font-size:14px}
.landing-product-strip small{color:#7a818d;font-size:11px;line-height:1.4}
.landing-section{padding-top:112px;padding-bottom:112px}
.landing-section-head h2,.landing-cta h2{color:var(--atta-ink);font-size:clamp(37px,4vw,52px);line-height:1.08;letter-spacing:-2.2px}
.landing-section-head p{color:#6c7481;font-size:17px;line-height:1.7}
.feature-grid{gap:22px}
.feature-grid article{position:relative;min-height:330px;padding:28px;border:0;border-radius:23px;background:#fff;box-shadow:0 16px 45px rgba(32,37,50,.07);overflow:hidden;transition:transform .2s,box-shadow .2s}
.feature-grid article:hover{transform:translateY(-6px);box-shadow:var(--atta-shadow-hover)}
.feature-grid article:after{position:absolute;right:-55px;bottom:-65px;width:165px;height:165px;border-radius:50%;background:#e8faf7;content:""}
.feature-grid article:nth-child(2):after{background:#efecff}
.feature-grid article:nth-child(3):after{background:#fff0e8}
.feature-grid article>b{color:#8a909b}
.feature-glyph{position:relative;z-index:1;display:grid;place-items:center;width:58px;height:58px;margin:38px 0 28px;border-radius:17px;background:linear-gradient(145deg,var(--atta-teal),#0a9488);color:#fff;font-size:20px;box-shadow:0 12px 27px rgba(22,184,166,.22)}
.feature-grid article:nth-child(2) .feature-glyph{background:linear-gradient(145deg,var(--atta-violet),#5f45d4);box-shadow:0 12px 27px rgba(118,87,255,.22)}
.feature-grid article:nth-child(3) .feature-glyph{background:linear-gradient(145deg,var(--atta-orange),#e4753e);box-shadow:0 12px 27px rgba(255,154,98,.22)}
.feature-grid h3{position:relative;z-index:1;margin:0 0 13px;color:#192235;font-size:23px;line-height:1.25}
.feature-grid p{position:relative;z-index:1;color:#737b88}
.catalog-section{border-color:#dcdad4}
.landing-section-link{display:inline-flex;align-items:center;gap:10px;color:#4c5362;font-size:13px;font-weight:750}
.landing-section-link span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--atta-night);color:#fff}
.school-showcase{gap:22px}
.school-showcase-card{min-height:150px;padding:28px;border:0;border-radius:22px;background:#fff;box-shadow:0 13px 38px rgba(32,37,50,.065)}
.school-showcase-card:hover{border-color:transparent;box-shadow:var(--atta-shadow-hover)}
.school-showcase-mark{border:1px solid #dddbd7;border-radius:18px;background:linear-gradient(145deg,#e2faf6,#eeeaff);color:#3e4a66;box-shadow:inset 0 0 0 5px #fff}
.school-showcase-card h3{color:#182135;font-size:21px}
.school-showcase-card p{color:#747c89}
.school-showcase-card span{color:#087f76;font-weight:750}
.landing-cta{position:relative;isolation:isolate;overflow:hidden;max-width:1180px;padding:82px;border-radius:30px;background:radial-gradient(circle at 85% 15%,rgba(118,87,255,.7),transparent 34%),radial-gradient(circle at 5% 100%,rgba(22,184,166,.42),transparent 34%),linear-gradient(135deg,#111827,#202b44);box-shadow:0 30px 80px rgba(16,23,38,.22)}
.landing-cta:after{position:absolute;z-index:-1;right:-110px;bottom:-190px;width:430px;height:430px;border:1px solid rgba(255,255,255,.1);border-radius:50%;content:""}
.landing-cta h2{color:#fff}
.landing-cta p{color:#b7c2d3}
.landing-cta .button.light{min-height:51px;padding-inline:24px;background:#fff;color:#172033;box-shadow:0 12px 28px rgba(0,0,0,.16)}
.landing-footer{border-color:#d9d7d1}
.landing-footer .landing-brand{color:#172033}
.landing-footer .landing-brand b{color:#087f76}
.landing-footer a{color:#4f5869;font-weight:650}

/* Catalog keeps the same bold public identity */
.catalog-page{background:linear-gradient(180deg,var(--atta-night) 0 445px,var(--atta-canvas) 445px)}
.catalog-hero{padding-top:74px;color:#fff}
.catalog-hero h1{color:#fff;font-size:clamp(46px,5vw,68px)}
.catalog-hero p{color:#aeb9cb}
.catalog-page .catalog-section{border:0}
.catalog-filters{border:1px solid #e1dfda;background:#fff;box-shadow:0 15px 45px rgba(32,37,50,.08)}
.landing-course-card{border:0;box-shadow:0 13px 38px rgba(32,37,50,.07)}
.landing-course-card:hover{border-color:transparent;box-shadow:var(--atta-shadow-hover)}
.landing-course-cover{background:linear-gradient(145deg,#95e4d8,#37b9a8)}
.landing-course-card:nth-child(3n+2) .landing-course-cover{background:linear-gradient(145deg,#c5bbff,#856beb)}
.landing-course-card:nth-child(3n+3) .landing-course-cover{background:linear-gradient(145deg,#ffd3b9,#f09961)}
.landing-course-cover h3{color:#172033}
.landing-course-body>small,.landing-course-body span{color:#087f76}
.category-course-title h2{color:#172033}

/* Authentication pages belong to the same product */
.login-story{background:radial-gradient(circle at 15% 20%,rgba(22,184,166,.25),transparent 28%),radial-gradient(circle at 92% 85%,rgba(118,87,255,.42),transparent 34%),linear-gradient(145deg,#101726,#19253b)}
.login-story .brand-mark{background:linear-gradient(145deg,var(--atta-teal),#0c9187);color:#fff}
.login-story .brand-dot{color:#6fe2d5}
.login-story .story-content h1 em{color:#7ce2d7}
.login-story .story-content p{color:#aeb9cb}
.story-chips span{border-color:rgba(255,255,255,.13);background:rgba(255,255,255,.04);color:#c8d0de}
.login-panel{background:var(--atta-canvas)}
.login-form{padding:34px;border:1px solid #e1dfda;border-radius:24px;background:#fff;box-shadow:0 20px 60px rgba(32,37,50,.09)}
.login-form h2{color:var(--atta-ink)}

@media(max-width:1100px){
  .landing-product-strip{max-width:calc(100% - 50px)}
  .landing-product-strip{grid-template-columns:1fr 1fr}
  .landing-product-strip article:nth-child(2){border-right:0}
  .landing-product-strip article:nth-child(-n+2){border-bottom:1px solid #e9e7e2}
}
@media(max-width:900px){
  .landing{background:linear-gradient(180deg,var(--atta-night) 0 1200px,var(--atta-canvas) 1200px)}
  .landing-hero{padding-bottom:100px}
  .landing-product-strip{margin-top:-45px}
  .landing-visual{height:450px}
}
@media(max-width:760px){
  body.app-body:before{left:0}
  body.app-body .workspace{margin-left:0}
  body.app-body .mobile-bar{height:68px;border:0;background:linear-gradient(90deg,var(--atta-night),#172238);box-shadow:0 7px 24px rgba(16,23,38,.18)}
  body.app-body .mobile-bar .brand{color:#fff}
  body.app-body .mobile-bar .brand-dot{color:#72ded3}
  body.app-body .mobile-bar .brand-logo{padding:5px 8px;border-radius:9px;background:#fff}
  body.app-body .mobile-bar .icon-button{color:#fff}
  body.app-body .sidebar{top:68px;width:min(88vw,310px);box-shadow:18px 0 50px rgba(0,0,0,.28)}
  body.app-body .topbar{top:68px;background:rgba(247,245,240,.94)}
  body.app-body .main{padding:31px 19px 54px}
  body.app-body .page-heading:not(.dashboard-heading){padding-left:14px}
  body.app-body .dashboard-heading{min-height:auto;padding:27px 24px}
  body.app-body .dashboard-heading h1{font-size:34px}
  body.app-body .course-cover{min-height:180px}
  .landing-section{padding-top:82px;padding-bottom:82px}
}
@media(max-width:600px){
  .landing{background:linear-gradient(180deg,var(--atta-night) 0 1060px,var(--atta-canvas) 1060px)}
  .landing-nav{min-height:78px;padding-inline:18px}
  .landing-nav nav{border-top:1px solid rgba(255,255,255,.09)}
  .landing-nav nav a{color:#9da9bd}
  .landing-hero{padding-top:42px;padding-bottom:80px}
  .landing-hero h1{font-size:43px;line-height:1.03;letter-spacing:-2.5px}
  .landing-hero-copy>p{font-size:16px}
  .landing-hero-actions{gap:17px;margin-bottom:34px}
  .landing-hero-actions .button{width:100%}
  .landing-facts{display:grid;grid-template-columns:1fr 1fr;width:100%}
  .landing-visual{height:375px;border-radius:25px}
  .visual-course{left:18px;top:57px;width:220px;padding:22px}
  .visual-course>strong{font-size:21px}
  .visual-progress{right:16px;bottom:26px;width:185px}
  .visual-play{right:26px;top:58px}
  .visual-badge{left:18px;right:auto;top:17px}
  .landing-product-strip{grid-template-columns:1fr;max-width:calc(100% - 36px);margin-top:-35px}
  .landing-product-strip article{min-height:84px;padding:18px;border-right:0;border-bottom:1px solid #e9e7e2!important}
  .landing-product-strip article:last-child{border-bottom:0!important}
  .feature-grid article{min-height:0}
  .landing-section-head h2,.landing-cta h2{font-size:36px;letter-spacing:-1.5px}
  .landing-section-head.row{align-items:flex-start;flex-direction:column}
  .school-showcase-card{padding:20px}
  .landing-cta{padding:54px 23px;border-radius:24px}
  .catalog-page{background:linear-gradient(180deg,var(--atta-night) 0 440px,var(--atta-canvas) 440px)}
  .catalog-hero h1{font-size:42px}
  .login-form{padding:26px 22px;border-radius:20px}
}
@media(max-width:520px){
  body.app-body .stats-grid{grid-template-columns:1fr}
  body.app-body .stat{min-height:128px}
  body.app-body .student-metrics{display:grid;grid-template-columns:1fr 1fr;gap:12px}
  body.app-body .student-metrics>div{min-width:0;padding:12px;border-radius:12px;background:rgba(255,255,255,.6)}
  body.app-body .page-heading h1{font-size:31px}
}
@media(prefers-reduced-motion:reduce){
  .feature-grid article,.school-showcase-card,.landing-course-card,body.app-body .stat,body.app-body .course-card{transition:none}
}
/* Visual QA fixes */
body.app-body .button.light{border:1px solid rgba(255,255,255,.7);background:#fff;color:#172033;text-shadow:none;box-shadow:0 10px 24px rgba(0,0,0,.14)}
body.app-body .button.light:hover{background:#f4f2ff;color:#172033;box-shadow:0 13px 29px rgba(0,0,0,.18)}
@media(max-width:600px){body.app-body .chat-thread,body.app-body .chat-compose{margin-inline:0}}

/* Refined form controls and filter bars */
select:not([multiple]){
  -webkit-appearance:none;
  appearance:none;
  padding-right:58px!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M2 2L6 6L10 2' stroke='%23545D70' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"),radial-gradient(circle,#efecff 0 15px,transparent 15.5px);
  background-position:right 22px center,right 11px center;
  background-size:12px 8px,34px 34px;
  background-repeat:no-repeat;
  color:#30394b;
  font-weight:620;
  letter-spacing:-.01em;
  cursor:pointer
}
select:not([multiple]):hover{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M2 2L6 6L10 2' stroke='%235843D0' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"),radial-gradient(circle,#e8e3ff 0 15px,transparent 15.5px)}
select:not([multiple]):focus{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M2 2L6 6L10 2' stroke='%235843D0' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"),radial-gradient(circle,#e8e3ff 0 15px,transparent 15.5px)}
select:not([multiple]):disabled{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M2 2L6 6L10 2' stroke='%23969BA7' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"),radial-gradient(circle,#f0f0f1 0 15px,transparent 15.5px);color:#7c8290;cursor:not-allowed}
select::-ms-expand{display:none}
body.app-body input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=file]),body.app-body select,body.app-body textarea,
body.public-body input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=file]),body.public-body select,body.public-body textarea{
  min-height:48px;
  padding:12px 15px;
  border:1px solid #d4d4d3;
  border-radius:12px;
  background-color:#fff;
  color:#30394b;
  font-size:14px;
  line-height:1.4;
  letter-spacing:-.008em;
  box-shadow:0 1px 2px rgba(32,37,50,.025)
}
body.app-body input::placeholder,body.app-body textarea::placeholder,body.public-body input::placeholder,body.public-body textarea::placeholder{color:#9ba0ab;font-weight:450}
body.app-body input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=file]):hover,body.app-body select:hover,body.app-body textarea:hover,
body.public-body input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=file]):hover,body.public-body select:hover,body.public-body textarea:hover{border-color:#bdbbc3;background-color:#fff}
body.app-body input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=file]):focus,body.app-body select:focus,body.app-body textarea:focus,
body.public-body input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=file]):focus,body.public-body select:focus,body.public-body textarea:focus{border-color:#8972ef;outline:0;box-shadow:0 0 0 4px rgba(118,87,255,.11),0 3px 12px rgba(32,37,50,.045)}
body.app-body input[type=date]{padding-right:13px;color:#4b5363}
body.app-body input[type=date]::-webkit-calendar-picker-indicator{width:18px;height:18px;margin-left:8px;padding:6px;border-radius:9px;background-color:#f1f0ee;cursor:pointer}
body.app-body .field label,body.app-body .filters label,body.public-body .field label,body.public-body .catalog-filters label{color:#4a5365;font-size:12px;font-weight:740;letter-spacing:.015em}
body.app-body .help{margin-top:7px;color:#777f8e;line-height:1.5}
body.app-body .filters{
  gap:14px;
  padding:18px;
  border:1px solid rgba(32,37,50,.09);
  border-radius:18px;
  background:rgba(255,255,255,.9);
  box-shadow:0 10px 32px rgba(32,37,50,.055)
}
body.app-body .filters .field{display:grid;gap:7px;margin:0}
body.app-body .filters .field label{margin:0}
body.app-body .filters>label{display:grid;gap:7px;margin:0}
body.app-body .filters input,body.app-body .filters select{min-height:48px;font-size:14px}
body.app-body .filters .button{min-height:48px;padding-inline:21px}
body.app-body .filters .button.secondary{background:#f8f7fb}
body.app-body .period-filter{display:flex;align-items:center;gap:10px;padding:8px 8px 8px 14px;border:1px solid rgba(32,37,50,.09);border-radius:15px;background:rgba(255,255,255,.82);box-shadow:0 7px 22px rgba(32,37,50,.05)}
body.app-body .period-filter label{margin:0;color:#737b89;font-size:12px;font-weight:700}
body.app-body .period-filter select{min-width:150px;min-height:42px;padding-block:8px}
body.app-body .inline-form select{min-height:40px;padding-top:8px;padding-bottom:8px}
body.app-body .video-tools select{width:112px;min-height:38px;padding:7px 50px 7px 12px!important;background-size:10px 7px,28px 28px;background-position:right 19px center,right 8px center}
body.public-body .catalog-filters{gap:12px;padding:20px;border-radius:19px}
body.public-body .catalog-filters input,body.public-body .catalog-filters select{min-height:50px}
body.public-body .catalog-filters .button{min-height:50px}
@media(max-width:760px){
  body.app-body .filters{display:grid;grid-template-columns:1fr 1fr;align-items:end;padding:16px}
  body.app-body .filters .field,body.app-body .filters>label{min-width:0}
  body.app-body .filters .button{width:100%}
}
@media(max-width:520px){
  body.app-body .filters{grid-template-columns:1fr;gap:12px;padding:14px;border-radius:16px}
  body.app-body .period-filter{width:100%;justify-content:space-between}
  body.app-body .period-filter select{width:auto;min-width:145px}
  select:not([multiple]){padding-right:54px!important;background-position:right 20px center,right 9px center;background-size:11px 7px,32px 32px}
}
body.app-body select:not([multiple]),body.public-body select:not([multiple]){
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M2 2L6 6L10 2' stroke='%23545D70' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"),radial-gradient(circle,#efecff 0 15px,transparent 15.5px);
  background-position:right 22px center,right 11px center;
  background-size:12px 8px,34px 34px;
  background-repeat:no-repeat;
  font-weight:550
}
body.app-body select:not([multiple]):hover,body.app-body select:not([multiple]):focus,body.public-body select:not([multiple]):hover,body.public-body select:not([multiple]):focus{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M2 2L6 6L10 2' stroke='%235843D0' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"),radial-gradient(circle,#e8e3ff 0 15px,transparent 15.5px)
}
body.app-body select:not([multiple]):disabled,body.public-body select:not([multiple]):disabled{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M2 2L6 6L10 2' stroke='%23969BA7' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"),radial-gradient(circle,#f0f0f1 0 15px,transparent 15.5px)
}

/* Compact density, readable hero previews and platform overview */
body.app-body .main{padding:36px 42px 62px}
body.app-body .page-heading{margin-bottom:24px}
body.app-body .page-heading h1{font-size:clamp(30px,2.8vw,40px)}
body.app-body .page-heading p{font-size:14px;line-height:1.55}
body.app-body .button{min-height:40px;padding:8px 15px;border-radius:9px;font-size:13px}
body.app-body .button.small{min-height:32px;padding:6px 10px;font-size:12px}
body.app-body .icon-button{min-width:38px;min-height:38px;padding:8px}
body.app-body .card{padding:22px;margin-bottom:18px;border-radius:17px}
body.app-body .stats-grid{gap:13px;margin-bottom:22px}
body.app-body .stat{min-height:124px;padding:17px 18px;border-radius:15px}
body.app-body .stat>.icon{width:34px;height:34px;padding:8px}
body.app-body .stat strong{margin:12px 0 4px;font-size:30px}
body.app-body .filters{gap:11px;padding:14px;border-radius:15px}
body.app-body .filters input,body.app-body .filters select{min-height:42px;padding-top:9px;padding-bottom:9px}
body.app-body .filters .button{min-height:42px;padding-inline:16px}
body.app-body input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=file]),body.app-body select,body.app-body textarea{min-height:44px;padding-top:10px;padding-bottom:10px}
body.app-body .section-heading{margin:24px 0 14px}
body.app-body .table-wrap{margin:14px 0}
body.app-body th{padding:12px 15px}
body.app-body td{padding:14px 15px}
body.app-body .support-stats{gap:10px;margin-bottom:18px}
body.app-body .support-stats article{padding:14px 16px;border-radius:12px}
body.app-body .support-stats strong{margin-top:3px;font-size:23px}
body.app-body .support-message{padding:14px 16px}
body.app-body .onboarding-banner,body.app-body .continue-card{padding:25px 28px}
body.app-body .course-card-body{padding:18px 20px 20px}
body.app-body .course-cover{min-height:178px;padding:21px 23px}
body.app-body .course-cover h3{font-size:22px}
body.app-body .setup-section{padding:22px}
body.app-body .editor-module header{padding:16px 18px}
body.app-body .editor-lesson{padding:13px 18px}

/* Public CTAs use the violet already present in the ATTA visual language. */
.landing .landing-actions .button:not(.secondary),.landing .landing-hero-actions .button{background:linear-gradient(135deg,#7b61ff,#6547dd);box-shadow:0 12px 28px rgba(118,87,255,.28)}
.landing .landing-actions .button:not(.secondary):hover,.landing .landing-hero-actions .button:hover{background:linear-gradient(135deg,#846cff,#593bc8);box-shadow:0 15px 32px rgba(118,87,255,.34)}
.landing .landing-hero-actions .button{min-height:48px;padding-inline:20px}

/* Hero mockup cards need dark copy on their light surfaces. */
.landing .visual-card{background:rgba(255,255,255,.97);color:#172033}
.landing .visual-card small{color:#718079;font-weight:750}
.landing .visual-course>strong{color:#172033;text-shadow:none}
.landing .visual-course div span{background:#d9e5e1}
.landing .visual-progress strong{color:#172033;text-shadow:none}
.landing .visual-progress p{color:#687386}
.landing .visual-bar{background:#e5e8ec}
.landing .visual-bar i{background:linear-gradient(90deg,#7657ff,#16a99a)}

/* Platform owner dashboard */
.platform-dashboard{display:grid;gap:18px}
.platform-overview-head{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:154px;padding:28px 30px;border-radius:20px;background:radial-gradient(circle at 92% 10%,rgba(118,87,255,.28),transparent 30%),linear-gradient(135deg,#111827,#1b2940);box-shadow:0 18px 45px rgba(16,23,38,.16);overflow:hidden}
.platform-overview-head:after{position:absolute;z-index:-1;right:15%;bottom:-140px;width:260px;height:260px;border:1px solid rgba(255,255,255,.08);border-radius:50%;content:""}
.platform-overview-copy{min-width:0}
.platform-overview-copy .eyebrow{margin-bottom:8px;color:#75dfd2!important}
.platform-overview-copy h1{margin:0 0 7px;color:#fff;font-size:36px;letter-spacing:-1.5px}
.platform-overview-copy p{max-width:650px;margin:0;color:#b9c3d3;font-size:14px}
.platform-overview-actions{display:flex;gap:8px;flex:0 0 auto}
.platform-overview-actions .button{box-shadow:none}
.platform-overview-actions .button.secondary{border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.07);color:#fff}
.button-count{display:grid;place-items:center;min-width:21px;height:21px;margin-left:3px;padding:0 6px;border-radius:99px;background:#ff9a62;color:#32170b;font-size:11px;font-weight:850}
.platform-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:11px}
.platform-kpi{position:relative;min-height:98px;padding:16px 17px;border:1px solid rgba(32,37,50,.08);border-radius:14px;background:#fff;box-shadow:0 7px 22px rgba(32,37,50,.045);overflow:hidden}
.platform-kpi:after{position:absolute;right:-20px;bottom:-30px;width:78px;height:78px;border-radius:50%;background:#e8faf7;content:""}
.platform-kpi.violet:after{background:#eeeaff}.platform-kpi.blue:after{background:#eaf1fb}.platform-kpi.orange:after{background:#fff0e7}.platform-kpi.red:after{background:#ffebe8}
.platform-kpi span{position:relative;z-index:1;display:block;color:#717989;font-size:11px;font-weight:700}
.platform-kpi strong{position:relative;z-index:1;display:block;margin-top:7px;color:#182033;font-size:27px;line-height:1}
.platform-panel{border:1px solid rgba(32,37,50,.08);border-radius:17px;background:rgba(255,255,255,.92);box-shadow:0 9px 28px rgba(32,37,50,.05);overflow:hidden}
.platform-panel-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 20px 13px}
.platform-panel-head .eyebrow{margin-bottom:3px}
.platform-panel-head h2{margin:0;font-size:20px}
.platform-panel-head>a{font-size:12px;font-weight:750}
.platform-ticket-list{border-top:1px solid #eceae6}
.platform-ticket{display:grid;grid-template-columns:7px minmax(0,1fr) auto auto auto;gap:12px;align-items:center;padding:12px 20px;border-bottom:1px solid #eceae6;color:inherit;text-decoration:none!important}
.platform-ticket:last-child{border-bottom:0}
.platform-ticket:hover{background:#f8f7fb}
.platform-ticket-mark{width:7px;height:7px;border-radius:50%;background:#ff9a62;box-shadow:0 0 0 4px #fff0e7}
.platform-ticket-copy{min-width:0}
.platform-ticket-copy strong,.platform-ticket-copy span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.platform-ticket-copy strong{color:#1c2537;font-size:14px}
.platform-ticket-copy span,.platform-ticket time{color:#737b89;font-size:11px}
.platform-schools-panel .table-wrap{margin:0;border:0;border-top:1px solid #eceae6;border-radius:0;box-shadow:none}
.platform-schools-panel td strong{font-size:13px}
@media(max-width:1050px){.platform-kpis{grid-template-columns:repeat(3,1fr)}.platform-kpi:nth-child(n+4){grid-column:span 1}.platform-overview-head{align-items:flex-start;flex-direction:column}.platform-overview-actions{width:100%}}
@media(max-width:760px){
  body.app-body .main{padding:26px 18px 48px}
  body.app-body .card{padding:18px}
  body.app-body .button{min-height:42px}
  .platform-overview-head{min-height:0;padding:23px 21px;border-radius:17px}
  .platform-overview-copy h1{font-size:31px}
  .platform-overview-actions{display:grid;grid-template-columns:1fr 1fr}
  .platform-kpis{grid-template-columns:1fr 1fr}
  .platform-kpi{min-height:88px;padding:14px}
  .platform-kpi:last-child{grid-column:1/-1}
  .platform-ticket{grid-template-columns:7px minmax(0,1fr) auto;padding:12px 15px}
  .platform-ticket .pill.support-new,.platform-ticket .pill.support-in_progress,.platform-ticket .pill.support-waiting,.platform-ticket .pill.support-resolved,.platform-ticket .pill.support-closed{display:none}
  .platform-ticket time{grid-column:2}
}
@media(max-width:520px){.platform-overview-actions{grid-template-columns:1fr}.platform-kpis{gap:9px}.platform-panel-head{align-items:flex-start;flex-direction:column}.platform-ticket{grid-template-columns:7px minmax(0,1fr)}.platform-ticket>.pill{display:none}.platform-ticket time{grid-column:2}}
body.app-body .platform-overview-copy .eyebrow{color:#75dfd2!important}
body.app-body .platform-overview-copy h1{color:#fff}
body.app-body .platform-overview-copy p{color:#b9c3d3}
@media(max-width:620px){body.app-body .support-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}body.app-body .support-stats article{min-height:82px;padding:13px 14px}}
@media(max-width:360px){body.app-body .support-stats{grid-template-columns:1fr}}

/* Flexible school and course storefronts */
.storefront-preview-bar,.store-preview-bar{display:flex;align-items:center;justify-content:center;gap:18px;padding:10px 18px;background:#fff4c9;color:#423711;font-size:13px}.storefront-preview-bar a,.store-preview-bar a{font-weight:800;color:inherit}.storefront-v2{max-width:none;margin:0;padding:28px clamp(20px,4vw,64px) 80px;border-radius:0;background:var(--school-bg);color:var(--school-text)}.storefront-v2 .button{border-radius:var(--store-button-radius);background:var(--school-accent);color:#fff}.storefront-v2 .button.secondary{border:1px solid color-mix(in srgb,var(--school-text) 18%,transparent);background:color-mix(in srgb,var(--school-surface) 88%,transparent);color:var(--school-text)}.storefront-v2 .store-hero{position:relative;isolation:isolate;display:flex;align-items:flex-end;max-width:1320px;min-height:360px;margin:0 auto 72px;padding:clamp(30px,5vw,72px);border-radius:var(--store-card-radius);overflow:hidden;background:var(--school-header)}.store-hero-background,.store-hero-overlay{position:absolute;z-index:-2;inset:0}.store-hero-background{background-repeat:no-repeat;background-color:var(--school-header)}.store-hero-overlay{z-index:-1}.store-hero-copy{max-width:780px}.store-hero-copy h1{max-width:850px;margin:10px 0 14px;font-size:clamp(40px,6vw,78px);line-height:.98;letter-spacing:-.055em}.store-hero-copy p{max-width:680px;margin:0;color:rgba(255,255,255,.82);font-size:clamp(16px,2vw,20px);line-height:1.6}.store-hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.store-logo-frame{position:absolute;z-index:2;display:grid;place-items:center;transform:translate(-8%,-10%);padding:10px;border:1px solid rgba(255,255,255,.45);border-radius:14px;background:rgba(255,255,255,.92);box-shadow:0 14px 34px rgba(0,0,0,.18)}.store-logo-frame img{width:100%;height:100%;object-fit:contain}.store-sections,.storefront-v2>.store-section{max-width:1180px;margin:auto}.store-section{padding:68px 0;border-top:1px solid color-mix(in srgb,var(--school-text) 13%,transparent)}.store-section:first-child{border-top:0}.store-section>h2,.store-section .section-heading h2{margin:9px 0 26px;color:var(--school-text);font-size:clamp(30px,4vw,48px);letter-spacing:-.04em}.store-prose{max-width:790px;font-size:17px;line-height:1.75}.store-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.store-feature-grid article{min-height:160px;padding:25px;border-radius:var(--store-card-radius);background:var(--school-surface);box-shadow:0 10px 28px color-mix(in srgb,var(--school-text) 7%,transparent)}.store-feature-grid article span{color:var(--school-accent);font-weight:850}.store-feature-grid article p{margin:28px 0 0;font-size:17px;font-weight:650;line-height:1.45}.store-author-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.store-author-grid a{display:grid;gap:10px;padding:20px;border-radius:var(--store-card-radius);background:var(--school-surface);color:inherit}.store-author-grid img,.store-author-grid>a>span{width:78px;height:78px;border-radius:50%;object-fit:cover}.store-author-grid>a>span{display:grid;place-items:center;background:var(--school-accent);color:#fff;font-size:26px}.store-author-grid small{color:color-mix(in srgb,var(--school-text) 68%,transparent);line-height:1.55}.store-gallery{display:grid;grid-template-columns:repeat(12,1fr);gap:12px}.store-gallery figure{position:relative;grid-column:span 4;min-height:260px;margin:0;border-radius:var(--store-card-radius);overflow:hidden;background:var(--school-surface)}.store-gallery figure:nth-child(5n+1){grid-column:span 7}.store-gallery figure:nth-child(5n+2){grid-column:span 5}.store-gallery img{width:100%;height:100%;min-height:260px;object-fit:cover}.store-gallery figcaption{position:absolute;inset:auto 12px 12px;padding:8px 11px;border-radius:9px;background:rgba(10,17,27,.76);color:#fff;font-size:12px}.store-faq{display:grid;gap:8px}.store-faq details{padding:0 20px;border-radius:var(--store-card-radius);background:var(--school-surface)}.store-faq summary{padding:18px 4px;cursor:pointer;font-weight:750}.store-faq details p{padding:0 4px 20px;margin:0;line-height:1.65}.store-contacts{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:42px!important;border-radius:var(--store-card-radius);background:var(--school-header);color:#fff}.store-contacts h2{color:#fff!important}.store-contact-links{display:grid;align-content:center;gap:8px}.store-contact-links a,.store-legal a{color:#fff}.store-legal{grid-column:1/-1;display:flex;gap:18px;padding-top:18px;border-top:1px solid rgba(255,255,255,.18);font-size:12px}.storefront-v2.cards-compact .course-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.storefront-v2.cards-compact .course-cover{min-height:150px}.storefront-v2.template-editorial .store-hero-copy h1,.storefront-v2.font-serif h1,.storefront-v2.font-serif h2{font-family:Georgia,'Times New Roman',serif;letter-spacing:-.035em}.storefront-v2.template-editorial .store-hero{align-items:center}.storefront-v2.template-minimal .store-hero{border:1px solid color-mix(in srgb,var(--school-text) 14%,transparent);box-shadow:none}.storefront-v2.font-rounded{font-family:ui-rounded,'SF Pro Rounded','Nunito',system-ui,sans-serif}.storefront-v2.theme-dark{--school-bg:#111725;--school-surface:#1c2638;--school-text:#eff4fb}.storefront-v2.theme-dark .course-card,.storefront-v2.theme-dark .review-card{color:var(--school-text)}
.course-storefront{padding-top:24px}.course-sales-hero{max-width:1240px}.course-storefront .public-course-art{border-radius:var(--store-card-radius);background-color:color-mix(in srgb,var(--school-accent) 15%,var(--school-surface));box-shadow:0 20px 50px color-mix(in srgb,var(--school-text) 12%,transparent)}.course-storefront .public-course-facts span{border-color:color-mix(in srgb,var(--school-text) 15%,transparent);background:color-mix(in srgb,var(--school-surface) 72%,transparent)}.course-storefront .public-course-section{border-color:color-mix(in srgb,var(--school-text) 13%,transparent)}.course-storefront .outcome-list li{border-radius:var(--store-card-radius);background:color-mix(in srgb,var(--school-accent) 10%,var(--school-surface))}.promo-video-section{max-width:1180px!important}.promo-video-frame{overflow:hidden;border-radius:var(--store-card-radius);background:#05070b;box-shadow:0 20px 50px rgba(0,0,0,.18)}.promo-video-frame video{display:block;width:100%;max-height:660px}.tariff-panel{padding:22px;border:1px solid color-mix(in srgb,var(--school-text) 12%,transparent);border-radius:var(--store-card-radius);background:var(--school-surface);box-shadow:0 18px 45px color-mix(in srgb,var(--school-text) 10%,transparent)}.public-offer-list{display:grid;gap:12px;margin:18px 0}.public-offer{position:relative;padding:18px;border:1px solid color-mix(in srgb,var(--school-text) 12%,transparent);border-radius:calc(var(--store-card-radius) * .75);background:color-mix(in srgb,var(--school-bg) 55%,var(--school-surface))}.public-offer.recommended{border:2px solid var(--school-accent)}.offer-badge{display:inline-flex;margin-bottom:9px;padding:4px 8px;border-radius:99px;background:var(--school-accent);color:#fff;font-size:10px;font-weight:850;text-transform:uppercase}.public-offer h3{margin:0 0 8px}.offer-price{display:flex;align-items:baseline;gap:8px;margin:8px 0}.offer-price del{opacity:.55}.offer-price strong{font-size:23px}.public-offer .offer-conditions{font-size:13px;line-height:1.45}.public-order-form{padding-top:20px;border-top:1px solid color-mix(in srgb,var(--school-text) 12%,transparent)}

/* Storefront editors */
.public-link-panel{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 0 20px;padding:16px 18px;border:1px solid #ddd9ec;border-radius:15px;background:linear-gradient(135deg,#f8f6ff,#fff);box-shadow:0 8px 24px rgba(43,35,80,.05)}.public-link-panel>div:first-child{display:grid;gap:2px}.public-link-panel .eyebrow{margin:0}.public-link-panel .invite-copy-row{flex:1;max-width:720px}.public-link-panel input{min-width:260px}.brand-editor-stack{display:grid;gap:16px}.editor-subsection{margin-top:24px;padding-top:22px;border-top:1px solid #ebe8e1}.editor-subsection h3{margin:0 0 15px}.storefront-section-picker>div{display:grid;gap:8px}.storefront-section-picker>div>div{display:flex;align-items:center;gap:10px;min-height:48px;padding:9px 12px;border:1px solid #dfdce8;border-radius:11px;background:#fff;cursor:grab}.storefront-section-picker>div>div.dragging{opacity:.48}.storefront-section-picker label{display:flex!important;align-items:center;gap:10px;flex:1;margin:0!important;cursor:pointer}.storefront-section-picker .section-drag{border:0;background:transparent;color:#8b8498;font-size:18px;cursor:grab}.admin-storefront-section{margin-top:34px}.gallery-upload-form{display:flex;align-items:end;gap:14px}.gallery-upload-form>.field{flex:1;margin:0}.admin-gallery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.admin-gallery-grid article{position:relative;min-width:0;padding:8px;border:1px solid #e2dfd7;border-radius:14px;background:#fff}.admin-gallery-grid img{width:100%;height:150px;border-radius:9px;object-fit:cover}.admin-gallery-grid .drag-handle{position:absolute;z-index:2;top:14px;left:14px;background:rgba(255,255,255,.92)}.admin-gallery-grid form{margin-top:6px}.revision-list{display:grid;gap:8px}.revision-list article{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:13px 15px;border:1px solid #e1ded6;border-radius:12px;background:#fff}.revision-list article>div{display:grid}.revision-list span{color:#777f8e;font-size:12px}.flexible-offer-card.recommended{border:2px solid var(--accent)}.offer-main-price del{color:#8a8390;font-size:13px}
@media(prefers-color-scheme:dark){.storefront-v2.theme-auto{--school-bg:#111725;--school-surface:#1c2638;--school-text:#eff4fb}}
@media(max-width:900px){.store-feature-grid,.store-author-grid{grid-template-columns:1fr 1fr}.store-gallery figure,.store-gallery figure:nth-child(n){grid-column:span 6}.public-link-panel{align-items:flex-start;flex-direction:column}.public-link-panel .invite-copy-row{max-width:none;width:100%}.admin-gallery-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:660px){.storefront-v2{padding:18px 16px 52px}.storefront-v2 .store-hero{height:auto!important;min-height:500px;margin-bottom:36px;padding:28px 22px}.store-logo-frame{max-width:46%;transform:translate(-5%,-5%)}.store-section{padding:42px 0}.store-feature-grid,.store-author-grid,.store-contacts{grid-template-columns:1fr}.store-gallery figure,.store-gallery figure:nth-child(n){grid-column:1/-1}.store-contacts{padding:26px!important}.storefront-v2.cards-compact .course-grid{grid-template-columns:1fr}.storefront-preview-bar,.store-preview-bar{align-items:flex-start;flex-direction:column;gap:4px}.public-link-panel .invite-copy-row,.gallery-upload-form{align-items:stretch;flex-direction:column}.public-link-panel input{min-width:0;width:100%}.admin-gallery-grid{grid-template-columns:1fr 1fr}.admin-gallery-grid img{height:115px}.revision-list article{align-items:flex-start;flex-direction:column}}
.public-global-nav .landing-brand{color:#172033}.public-global-nav .landing-brand b{color:#0d8f84}.store-hero-copy h1{color:#fff}.store-hero-copy .eyebrow{color:rgba(255,255,255,.72)!important}
@media(max-width:760px){.public-global-nav{height:70px}.public-global-nav nav{display:none}.public-global-nav .landing-actions{margin-left:auto}}
@media(max-width:800px){.storefront-preview-bar,.store-preview-bar{align-items:flex-start;flex-direction:column;gap:4px}.storefront-preview-bar span,.store-preview-bar span{line-height:1.4}}
@media(max-width:760px){.landing-nav.public-global-nav{height:70px!important;min-height:70px!important;padding-top:0!important;padding-bottom:0!important;flex-wrap:nowrap!important}.landing-nav.public-global-nav nav{display:none!important}}
[data-course-colors][hidden]{display:none}

/* Visual course landing builder and its published page. */
.course-landing-page{background:var(--store-bg,#f6f4ef);color:var(--store-text,#172c38);min-height:70vh;overflow:hidden}
.course-landing-block{--landing-bg:#fff;--landing-text:#172c38;--landing-accent:#177e73;--landing-title-size:42px;--landing-body-size:18px;--landing-padding:80px;background:var(--landing-bg);color:var(--landing-text);padding:var(--landing-padding) max(24px,calc((100vw - 1240px)/2));position:relative;transition:.2s ease}
.course-landing-block .landing-block-inner{display:grid;gap:clamp(28px,5vw,72px);grid-template-columns:minmax(0,1fr);margin:auto;max-width:1080px;position:relative;z-index:1}
.course-landing-block.landing-width-narrow .landing-block-inner{max-width:720px}.course-landing-block.landing-width-wide .landing-block-inner{max-width:1240px}.course-landing-block.landing-width-full{padding-left:0;padding-right:0}.course-landing-block.landing-width-full .landing-block-inner{max-width:none}
.course-landing-block.landing-layout-split .landing-block-inner,.course-landing-block.landing-layout-image-left .landing-block-inner{align-items:center;grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr)}.course-landing-block.landing-layout-image-left .landing-media{grid-column:1;grid-row:1}.course-landing-block.landing-layout-image-left .landing-copy{grid-column:2}
.course-landing-block.landing-layout-cover .landing-media{inset:0;position:absolute;z-index:0}.course-landing-block.landing-layout-cover .landing-media:after{background:linear-gradient(90deg,color-mix(in srgb,var(--landing-bg) 90%,transparent),color-mix(in srgb,var(--landing-bg) 35%,transparent));content:"";inset:0;position:absolute}.course-landing-block.landing-layout-cover .landing-media img{border-radius:0;height:100%;width:100%}.course-landing-block.landing-layout-cover .landing-copy{max-width:680px;position:relative;z-index:2}
.course-landing-block h1,.course-landing-block h2{color:inherit;font-size:clamp(30px,var(--landing-title-size),88px);letter-spacing:-.045em;line-height:1.02;margin:12px 0 22px;max-width:18ch}.course-landing-block h3{color:inherit}.course-landing-block .landing-body{font-size:var(--landing-body-size);line-height:1.65;max-width:64ch;white-space:pre-line}.landing-eyebrow{color:var(--landing-accent);font-size:12px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.landing-align-center{text-align:center}.landing-align-center h1,.landing-align-center h2,.landing-align-center .landing-body{margin-left:auto;margin-right:auto}.landing-align-center .landing-block-inner{justify-items:center}.landing-button{background:var(--landing-accent);border-color:var(--landing-accent);margin-top:28px}.landing-media{margin:0;min-width:0}.landing-media img{aspect-ratio:4/3;border-radius:24px;display:block;height:auto;object-fit:cover;width:100%}
.landing-kind-hero{min-height:min(760px,88vh);display:grid;align-items:center}.landing-kind-hero h1{font-size:clamp(42px,var(--landing-title-size),88px)}.landing-kind-hero .landing-body{font-size:clamp(17px,var(--landing-body-size),24px)}
.landing-benefit-grid,.landing-offer-grid,.landing-author-grid,.landing-review-grid{display:grid;gap:18px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:34px;text-align:left}.landing-benefit-grid article,.landing-offer-grid article,.landing-author-grid article,.landing-review-grid article{background:color-mix(in srgb,var(--landing-text) 5%,var(--landing-bg));border:1px solid color-mix(in srgb,var(--landing-text) 12%,transparent);border-radius:20px;padding:24px;position:relative}.landing-benefit-grid article>span{color:var(--landing-accent);display:block;font-size:12px;font-weight:800;margin-bottom:28px}.landing-benefit-grid article>div{font-size:var(--landing-body-size);font-weight:700;line-height:1.45}.landing-offer-grid article{display:flex;flex-direction:column;gap:12px}.landing-offer-grid article.recommended{border:2px solid var(--landing-accent);transform:translateY(-8px)}.landing-offer-badge{background:var(--landing-accent);border-radius:999px;color:#fff;font-size:11px;font-weight:800;padding:6px 10px;position:absolute;right:16px;top:16px}.landing-price{align-items:baseline;display:flex;gap:10px;margin-top:auto}.landing-price strong{font-size:30px}.landing-price del{opacity:.55}.landing-offer-grid .button{margin-top:8px}.landing-author-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.landing-author-grid article{align-items:center;display:flex;gap:20px}.landing-author-grid img{border-radius:18px;height:100px;object-fit:cover;width:100px}.landing-author-grid p,.landing-review-grid p{white-space:pre-line}.landing-review-grid .stars{color:#f0a33b;letter-spacing:2px;margin-bottom:16px}.landing-empty{border:1px dashed currentColor;border-radius:18px;opacity:.65;padding:28px}
.landing-program{display:grid;gap:12px;margin-top:32px}.landing-program details{background:color-mix(in srgb,var(--landing-text) 5%,var(--landing-bg));border:1px solid color-mix(in srgb,var(--landing-text) 12%,transparent);border-radius:18px;overflow:hidden}.landing-program summary{align-items:center;cursor:pointer;display:grid;gap:16px;grid-template-columns:90px 1fr auto;padding:22px}.landing-program summary span{color:var(--landing-accent);font-size:12px;font-weight:800;text-transform:uppercase}.landing-program summary em{font-size:13px;font-style:normal;opacity:.65}.landing-program ol{border-top:1px solid color-mix(in srgb,var(--landing-text) 10%,transparent);list-style:none;margin:0;padding:8px 22px 18px}.landing-program li{align-items:center;display:grid;gap:14px;grid-template-columns:32px 1fr auto;padding:12px 0}.landing-program li span,.landing-program li small{opacity:.6}.landing-faq{display:grid;gap:10px;margin-top:30px}.landing-faq details{border-bottom:1px solid color-mix(in srgb,var(--landing-text) 18%,transparent);padding:18px 0}.landing-faq summary{cursor:pointer;font-size:20px;font-weight:750}.landing-faq p{font-size:var(--landing-body-size);line-height:1.6;max-width:70ch}.landing-order-form{background:color-mix(in srgb,var(--landing-text) 4%,var(--landing-bg));border:1px solid color-mix(in srgb,var(--landing-text) 12%,transparent);border-radius:24px;margin:42px auto 0;max-width:760px;padding:30px}.landing-order-form .radio-list,.landing-order-form #id_offer{display:grid;gap:8px}.landing-order-form small{display:block;margin-top:12px;opacity:.65}
.landing-builder{background:#eceef2;color:#172033;min-height:100vh;padding-top:82px}.landing-editor-bar{align-items:center;background:rgba(15,23,42,.97);box-shadow:0 10px 35px rgba(15,23,42,.2);color:#fff;display:grid;gap:18px;grid-template-columns:minmax(240px,1fr) auto auto;left:0;padding:12px 22px;position:fixed;right:0;top:0;z-index:100}.landing-editor-brand{align-items:center;display:flex;gap:18px}.landing-editor-brand>a{color:#b8f0e9;font-weight:700}.landing-editor-brand div{display:grid}.landing-editor-brand span{font-size:12px;opacity:.65}.landing-editor-state{align-items:center;display:flex;font-size:13px;gap:8px}.landing-editor-state em{color:#ffcf7b;font-style:normal}.status-dot{background:#94a3b8;border-radius:50%;height:9px;width:9px}.status-dot.published{background:#3dd6a5;box-shadow:0 0 0 5px rgba(61,214,165,.12)}.landing-editor-actions{display:flex;gap:8px}.landing-editor-actions .button{min-height:40px;padding:9px 14px}.landing-editor-help{align-items:center;background:#fff;border:1px solid #dce2ea;border-radius:16px;display:flex;gap:24px;margin:22px auto;max-width:1180px;padding:16px 20px}.landing-editor-help span{color:#64748b}.landing-editor-canvas{box-shadow:0 24px 80px rgba(15,23,42,.12);margin:auto;max-width:1440px}.landing-builder .course-landing-block{outline:0 solid #27b3a5}.landing-builder .course-landing-block:hover{outline:3px solid #27b3a5;outline-offset:-3px}.landing-builder .course-landing-block.dragging{opacity:.45}.landing-builder .course-landing-block.landing-block-hidden{filter:grayscale(.8);opacity:.45}.landing-builder .course-landing-block.landing-block-hidden .landing-hidden-label{display:inline-flex}.landing-hidden-label{background:#f6dca8;border-radius:999px;color:#754d00;display:none;font-size:11px;padding:4px 8px}.landing-block-toolbar{align-items:center;background:#fff;border:1px solid #d8dee8;border-radius:12px;box-shadow:0 10px 32px rgba(15,23,42,.16);color:#1e293b;display:flex;gap:6px;left:50%;opacity:0;padding:6px;pointer-events:none;position:absolute;top:10px;transform:translateX(-50%) translateY(-6px);transition:.18s;z-index:12}.course-landing-block:hover>.landing-block-toolbar,.course-landing-block:focus-within>.landing-block-toolbar{opacity:1;pointer-events:auto;transform:translateX(-50%) translateY(0)}.landing-block-toolbar button{background:#f2f5f8;border:0;border-radius:7px;color:#334155;cursor:pointer;font:inherit;font-size:12px;font-weight:700;min-height:32px;padding:6px 9px}.landing-block-toolbar button:hover{background:#e1e8ef}.landing-block-toolbar button.danger{color:#b42318}.landing-block-toolbar .landing-drag{cursor:grab;font-size:18px}.landing-builder [contenteditable="true"]{border-radius:8px;min-width:80px;outline:2px solid transparent}.landing-builder [contenteditable="true"]:hover{outline-color:color-mix(in srgb,var(--landing-accent) 35%,transparent)}.landing-builder [contenteditable="true"]:focus{background:color-mix(in srgb,var(--landing-accent) 8%,transparent);outline-color:var(--landing-accent)}.landing-builder [contenteditable="true"]:empty:before{content:attr(data-placeholder);opacity:.45}.landing-benefit-grid [data-remove-item]{background:#fff;border:1px solid #d5dbe3;border-radius:50%;cursor:pointer;height:26px;position:absolute;right:10px;top:10px;width:26px}.landing-add-item{background:transparent;border:1px dashed currentColor;border-radius:10px;color:inherit;cursor:pointer;margin-top:12px;opacity:.7;padding:10px 14px}.landing-block-settings{background:rgba(255,255,255,.96);border:1px solid #d8dee8;border-radius:16px;bottom:12px;color:#172033;left:50%;max-width:1080px;position:relative;transform:translateX(-50%);width:calc(100% - 40px);z-index:5}.landing-block-settings summary{cursor:pointer;font-size:13px;font-weight:800;padding:13px 16px}.landing-settings-grid{border-top:1px solid #e2e8f0;display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr));padding:16px}.landing-settings-grid label{display:grid;font-size:12px;font-weight:750;gap:7px}.landing-settings-grid input,.landing-settings-grid select{background:#fff;border:1px solid #cbd5e1;border-radius:9px;color:#172033;min-height:40px;padding:7px}.landing-settings-grid input[type=color]{padding:4px;width:100%}.landing-settings-grid input[type=range]{padding:0}.landing-settings-grid output{color:#607087;font-weight:500;justify-self:end;margin-top:-20px}.landing-add-panel{align-items:flex-start;background:#fff;border:1px solid #d8dee8;border-radius:20px;display:grid;gap:20px;grid-template-columns:220px 1fr;margin:26px auto;max-width:1180px;padding:24px}.landing-add-panel>div:first-child{display:grid;gap:5px}.landing-add-panel span{color:#64748b;font-size:13px}.landing-add-list{display:flex;flex-wrap:wrap;gap:8px}.landing-add-list button{background:#f5f7fa;border:1px solid #d9e0e8;border-radius:10px;color:#334155;cursor:pointer;font-weight:700;padding:10px 13px}.landing-add-list button:hover{border-color:#27b3a5;color:#0d756c}.landing-add-list button span{color:#27b3a5;font-size:18px}.landing-editor-footer{align-items:center;background:#fff;border-top:1px solid #d8dee8;bottom:0;display:flex;justify-content:space-between;padding:12px 24px;position:sticky;z-index:50}.landing-editor-footer>div{display:flex;gap:8px}.landing-builder.is-dirty .landing-editor-footer>span{color:#a15c00;font-weight:700}
@media(max-width:900px){.landing-editor-bar{grid-template-columns:1fr auto}.landing-editor-state{display:none}.landing-editor-actions .ghost,.landing-editor-actions a{display:none}.course-landing-block.landing-layout-split .landing-block-inner,.course-landing-block.landing-layout-image-left .landing-block-inner{grid-template-columns:1fr}.course-landing-block.landing-layout-image-left .landing-media,.course-landing-block.landing-layout-image-left .landing-copy{grid-column:auto;grid-row:auto}.landing-benefit-grid,.landing-offer-grid,.landing-review-grid{grid-template-columns:1fr 1fr}.landing-settings-grid{grid-template-columns:1fr 1fr}.landing-block-toolbar{left:12px;max-width:calc(100% - 24px);overflow-x:auto;right:12px;transform:translateY(-6px)}.landing-builder .landing-block-toolbar{opacity:1;pointer-events:auto;transform:none}.course-landing-block:hover>.landing-block-toolbar,.course-landing-block:focus-within>.landing-block-toolbar{transform:none}}
@media(max-width:620px){.landing-builder{padding-top:126px}.landing-editor-bar{grid-template-columns:1fr;padding:9px 12px}.landing-editor-brand{justify-content:space-between}.landing-editor-actions{display:grid;grid-template-columns:1fr 1fr}.landing-editor-actions .button{font-size:12px}.landing-editor-help{align-items:flex-start;flex-direction:column;margin:12px;gap:5px}.course-landing-block{padding:56px 20px}.landing-kind-hero{min-height:auto}.landing-benefit-grid,.landing-offer-grid,.landing-author-grid,.landing-review-grid{grid-template-columns:1fr}.landing-program summary{grid-template-columns:1fr}.landing-program summary em{display:none}.landing-settings-grid{grid-template-columns:1fr}.landing-add-panel{grid-template-columns:1fr;margin:14px}.landing-editor-footer{align-items:stretch;flex-direction:column;gap:8px}.landing-editor-footer>div{display:grid;grid-template-columns:1fr 1fr}.landing-block-toolbar strong,.landing-block-toolbar [data-block-action="up"],.landing-block-toolbar [data-block-action="down"]{display:none}}

/* Clear course hierarchy */
.course-program-view{align-items:start}.course-program-view .module-card{border-color:#dce6e6;border-radius:18px;box-shadow:0 8px 26px rgba(23,44,56,.06);margin-bottom:18px}.course-program-view .module-head{background:linear-gradient(135deg,#eef8f6,#f5f7fc);border-bottom:1px solid #dce7e5;padding:16px 18px}.module-identity{align-items:center;display:flex;gap:14px;min-width:0}.module-index{align-items:center;background:var(--action-color);border-radius:11px;color:#fff;display:flex;flex:0 0 68px;flex-direction:column;height:58px;justify-content:center;line-height:1}.module-index span{font-size:9px;font-weight:750;letter-spacing:.12em;text-transform:uppercase}.module-index b{font-size:23px;margin-top:5px}.course-program-view .module-number{color:#5d747b;font-size:9px;font-weight:750;letter-spacing:.14em;margin-bottom:3px}.course-program-view .module-head h2{font-size:19px;letter-spacing:-.25px}.module-lesson-count{background:#fff;border:1px solid #d6e2e0;border-radius:999px;color:#4d676d;font-size:11px;font-weight:700;padding:6px 10px;white-space:nowrap}.module-lessons{padding:7px 16px 12px}.course-program-view .lesson-row{border:0;border-radius:11px;gap:13px;padding:13px 10px;position:relative}.course-program-view .lesson-row+.lesson-row{border-top:1px solid #edf1f2;border-top-left-radius:0;border-top-right-radius:0}.course-program-view .lesson-row:hover{background:#f3f8f7}.course-program-view .lesson-icon{height:34px;width:34px}.lesson-sequence{color:#698087;display:block;font-size:9px;font-weight:800;letter-spacing:.11em;margin-bottom:2px;text-transform:uppercase}.course-program-view .lesson-info strong{font-size:14px;font-weight:680}.course-program-view .lesson-info small{margin-top:2px}

/* Compact lesson editor and visual media gallery */
.lesson-editor-page .back-link{margin-bottom:12px}.lesson-editor-page .lesson-editor-heading{margin-bottom:18px}.lesson-editor-page .lesson-editor-heading h1{font-size:30px;margin-bottom:7px}.lesson-editor-page .lesson-editor-heading p{font-size:14px;line-height:1.45}.lesson-editor-page .lesson-editor-heading .actions{gap:7px}.lesson-editor-page .lesson-editor-heading .button{font-size:13px;min-height:38px;padding:8px 13px}.lesson-editor-page .editor-tabs{margin:-4px 0 18px;padding:5px}.lesson-editor-page .editor-tabs button{min-height:37px;padding:7px 14px}.lesson-editor-page .lesson-builder-layout{grid-template-columns:minmax(0,1fr) 330px;gap:16px}.lesson-editor-page .block-editor{padding:18px}.lesson-editor-page .block-editor .section-heading h2{font-size:20px}.lesson-editor-page .quick-blocks{margin-bottom:13px}.lesson-editor-page .quick-blocks button{padding:6px 9px}.lesson-editor-page .visual-block{padding:9px 10px}.lesson-editor-page .video-block-preview{min-height:56px;padding:8px}.lesson-editor-page .video-block-preview>span{height:40px;width:40px}.lesson-editor-page .block-actions{margin-top:6px}.lesson-editor-page .new-block-panel>summary{font-size:13px;padding:10px 13px}.lesson-editor-page .builder-media{top:135px}.lesson-editor-page .builder-media .card{margin-bottom:0;padding:16px}.media-panel-head h2{font-size:19px;margin:0}.media-panel-head>a{font-size:12px}.lesson-media-upload{background:#f4f8f7;border:1px solid #dbe7e4;border-radius:11px;margin:12px 0;padding:10px}.lesson-media-upload>label{color:#315e58;display:block;font-size:12px;font-weight:750;margin-bottom:6px}.lesson-media-upload>small{color:#7a8b91;display:block;font-size:9px;line-height:1.4;margin:5px 0 8px}.lesson-media-upload input[type=file]{font-size:11px;min-height:38px;padding:5px}.lesson-media-upload input[type=file]::file-selector-button{font-size:11px;padding:7px 9px}.lesson-media-upload .button{margin-top:8px}.lesson-media-upload .upload-queue{margin:8px 0}.lesson-media-upload .upload-progress-panel{margin:8px 0;padding:9px}.media-panel-hint{font-size:11px;margin:10px 0}.lesson-media-list{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.lesson-media-list article{background:#fff;border:1px solid #dce5e3;border-radius:10px;cursor:grab;display:block;min-width:0;overflow:hidden;padding:0;position:relative}.lesson-media-list article:hover{border-color:#8bbcaf;box-shadow:0 7px 17px rgba(23,63,69,.1);transform:translateY(-1px)}.lesson-media-preview{align-items:center;aspect-ratio:16/10;background:#eaf1ef;display:flex;justify-content:center;overflow:hidden;position:relative}.lesson-media-preview img,.lesson-media-preview video{height:100%;object-fit:cover;width:100%}.lesson-media-preview.document{background:linear-gradient(145deg,#edf4f1,#dfeae7);color:#4f736c;flex-direction:column;gap:3px}.lesson-media-preview.document .icon{height:28px;width:28px}.lesson-media-preview.document span{font-size:9px;font-weight:800;text-transform:uppercase}.lesson-media-preview .media-play{height:32px;width:32px}.lesson-media-info{display:grid;gap:1px;padding:7px 28px 8px 8px}.lesson-media-info>span{color:#688078;font-size:8px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.lesson-media-info strong{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lesson-media-info small{color:#7b8d92;font-size:9px}.lesson-media-list form{bottom:7px;position:absolute;right:6px}.lesson-media-add{align-items:center;background:var(--action-color);border:0;border-radius:7px;color:#fff;display:flex;font-size:18px;height:25px;justify-content:center;line-height:1;padding:0;width:25px}.compact-empty{grid-column:1/-1;padding:20px 10px}
@media(max-width:1050px){.lesson-editor-page .lesson-builder-layout{grid-template-columns:1fr}.lesson-editor-page .builder-media{position:static}.lesson-editor-page .lesson-media-list{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:760px){.course-program-view .module-head{align-items:flex-start}.module-index{flex-basis:58px;height:52px}.module-index b{font-size:20px}.module-lesson-count{margin-top:4px}.module-lessons{padding-inline:9px}.lesson-editor-page .lesson-media-list{grid-template-columns:repeat(2,minmax(0,1fr))}.lesson-editor-page .lesson-editor-heading{align-items:flex-start}.lesson-editor-page .lesson-editor-heading .actions{width:100%}.lesson-editor-page .lesson-editor-heading .actions .button{flex:1}}
@media(max-width:430px){.course-program-view .module-head{display:grid;grid-template-columns:1fr}.module-lesson-count{justify-self:start}.course-program-view .lesson-row{align-items:flex-start}.course-program-view .lesson-row>.pill{margin-top:13px}.lesson-editor-page .lesson-media-list{grid-template-columns:1fr 1fr}}
.lesson-media-picker{display:grid;gap:6px}.lesson-media-picker input[type=file]{height:1px!important;min-height:0!important;opacity:0;overflow:hidden;padding:0!important;position:absolute;width:1px!important}.lesson-media-file-button{align-items:center;background:#fff;border:1px dashed #8fb9af;border-radius:10px;color:#315e58;cursor:pointer;display:grid!important;gap:1px;grid-template-columns:34px 1fr;padding:10px!important;transition:border-color .15s,background .15s,transform .15s}.lesson-media-file-button:hover{background:#eaf5f1;border-color:var(--action-color);transform:translateY(-1px)}.lesson-media-file-button>span{align-items:center;background:var(--action-color);border-radius:9px;color:#fff;display:flex;font-size:21px;grid-row:1/3;height:32px;justify-content:center;width:32px}.lesson-media-file-button strong{font-size:12px}.lesson-media-file-button small{color:#758a8f;font-size:9px;font-weight:500}.lesson-media-choice{color:#657b81;display:block;font-size:10px;overflow:hidden;padding:0 2px;text-overflow:ellipsis;white-space:nowrap}.lesson-media-preview video{opacity:0;transition:opacity .2s}.lesson-media-preview video.preview-ready{opacity:1}.lesson-media-preview .media-play{font-size:0;inset:50% auto auto 50%;position:absolute;transform:translate(-50%,-50%)}.lesson-media-preview .media-play:before{border-bottom:6px solid transparent;border-left:9px solid #fff;border-top:6px solid transparent;content:"";display:block;margin-left:2px}.lesson-media-preview:has(video.preview-ready){background:#172f35}

/* Consistent, visible return navigation on detail and editor pages */
.back-link{display:inline-flex;align-items:center;gap:9px;min-height:42px;margin:0 0 20px;padding:7px 13px 7px 8px;border:1px solid #d4dee3;border-radius:11px;background:var(--paper);box-shadow:0 4px 14px rgba(23,44,56,.07);color:var(--text-strong,var(--ink));font-size:13px;font-weight:750;line-height:1.2;text-decoration:none!important;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.back-link::before{content:"←";display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:var(--accent);color:#fff;font-size:16px;font-weight:700;line-height:1;transition:transform .16s ease}.back-link:hover{border-color:color-mix(in srgb,var(--accent) 38%,#d4dee3);box-shadow:0 7px 18px rgba(23,44,56,.11);transform:translateY(-1px)}.back-link:hover::before{transform:translateX(-2px)}.back-link:active{transform:translateY(0)}.course-workspace-head>.back-link,.lesson-editor-page>.back-link{margin-bottom:16px}.public-back-link{margin:20px 0 4px}.landing-editor-back{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:6px 11px 6px 7px;border:1px solid rgba(184,240,233,.3);border-radius:10px;background:rgba(255,255,255,.08);color:#e5fffb!important;font-size:13px;font-weight:750;text-decoration:none!important}.landing-editor-back::before{content:"←";display:grid;place-items:center;width:25px;height:25px;border-radius:7px;background:#b8f0e9;color:#17343a;line-height:1}.landing-editor-back:hover{background:rgba(255,255,255,.14)}
@media(max-width:600px){.back-link{min-height:40px;margin-bottom:16px;padding:6px 11px 6px 7px}.public-back-link{margin-inline:16px}.landing-editor-back{padding-right:9px}}

/* Compact manual lesson blocks and direct video-cover editing */
.compact-block-form{padding:3px 12px 12px!important}.compact-block-grid{display:grid;grid-template-columns:150px minmax(190px,1fr) minmax(190px,1fr) auto;gap:9px;align-items:end}.compact-block-grid>[data-block-slot]>.field{margin:0}.compact-block-grid .field label{margin-bottom:5px;font-size:11px}.compact-block-grid input,.compact-block-grid select{min-height:38px;padding:7px 10px;font-size:12px}.compact-block-grid textarea{min-height:66px;padding:8px 10px;font-size:12px;line-height:1.4}.compact-block-text{grid-column:2/4}.compact-block-file input[type=file],.compact-block-poster input[type=file]{padding:4px;background:#fff}.compact-block-file input[type=file]::file-selector-button,.compact-block-poster input[type=file]::file-selector-button{margin-right:7px;padding:6px 8px;border:0;border-radius:6px;background:#e7f2ef;color:#285b54;font-size:11px;font-weight:750}.compact-block-submit{min-width:112px;margin-bottom:0}.video-block-preview{position:relative;overflow:hidden}.block-poster-upload{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;border-radius:inherit;background:rgba(12,35,41,.78);opacity:0;visibility:hidden;transition:opacity .16s ease,visibility .16s ease}.video-block-preview:hover .block-poster-upload,.video-block-preview:focus-within .block-poster-upload{opacity:1;visibility:visible}.block-poster-upload button{min-height:34px;padding:7px 11px;border:1px solid rgba(255,255,255,.42);border-radius:8px;background:#fff;color:#17363b;font-size:11px;font-weight:800;box-shadow:0 5px 16px rgba(0,0,0,.18)}.block-poster-upload button:hover{background:#e9f6f2}.block-poster-upload button:disabled{cursor:wait}
@media(max-width:900px){.compact-block-grid{grid-template-columns:130px minmax(0,1fr) minmax(0,1fr)}.compact-block-text{grid-column:2/4}.compact-block-submit{grid-column:1/-1;justify-self:start}}
@media(max-width:620px){.compact-block-grid{grid-template-columns:1fr 1fr}.compact-block-kind,.compact-block-text{grid-column:1/-1}.compact-block-submit{width:100%}}

@media(hover:none){.block-poster-upload{inset:auto 7px 7px auto;background:transparent;opacity:1;visibility:visible}.block-poster-upload button{min-height:30px;padding:5px 8px;font-size:10px}}
/* Keep the compact block form inside the editor column at every desktop width. */
.compact-block-grid{grid-template-columns:120px minmax(0,1fr) minmax(0,1fr)}.compact-block-text{grid-column:2/4}.compact-block-submit{grid-column:1/-1;justify-self:start}.compact-block-file,.compact-block-poster{min-width:0}.compact-block-file .field,.compact-block-poster .field{position:relative}.compact-block-file input[type=file],.compact-block-poster input[type=file]{min-width:0;color:transparent;font-size:0}.compact-file-name{position:absolute;right:8px;bottom:10px;max-width:72px;overflow:hidden;color:#73858b;font-size:9px;line-height:1;text-overflow:ellipsis;white-space:nowrap;pointer-events:none}body.app-body .compact-block-grid .field input[type=file]::file-selector-button{background:#e2efeb;color:#285b54}
@media(max-width:620px){.compact-block-grid{grid-template-columns:1fr 1fr}.compact-block-kind,.compact-block-text{grid-column:1/-1}.compact-block-submit{width:100%}}

/* Refined compact block composer with visible selected-file previews. */
.lesson-editor-page .compact-block-form{padding:8px 12px 13px!important}
.compact-block-head{display:flex;align-items:flex-end;gap:16px;margin-bottom:10px}
.compact-block-head .compact-block-kind{flex:0 0 180px;width:180px}
.compact-block-head .field{margin:0}
.compact-block-head>p{margin:0 0 5px;color:#74858c;font-size:11px;line-height:1.45}
.lesson-editor-page .compact-block-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:stretch}
.compact-block-grid .compact-block-text{grid-column:1/-1}
.compact-block-grid .field{margin:0}
.compact-block-grid .field label,.compact-upload-label{display:block;margin:0 0 5px;color:#36525d;font-size:11px;font-weight:750;line-height:1.25}
.compact-upload-card{position:relative;min-width:0}
.compact-upload-card>input[type=file]{position:absolute!important;width:1px!important;height:1px!important;min-height:0!important;margin:0!important;padding:0!important;overflow:hidden;opacity:0}
.compact-upload-picker{display:flex!important;align-items:center;gap:9px;min-height:64px;margin:0!important;padding:9px;border:1px dashed #a8c8c0;border-radius:10px;background:#fff;color:#284d4c;cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .15s ease}
.compact-upload-picker:hover{border-color:var(--action-color);background:#f2faf8;transform:translateY(-1px)}
.compact-upload-picker>span:first-child{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:9px;background:#e5f3ef;color:#24685f;font-size:19px;font-weight:500}
.compact-upload-picker strong{display:block;color:#294d50;font-size:12px;line-height:1.25}
.compact-upload-picker small{display:block;margin-top:2px;color:#7a8c91;font-size:9px;font-weight:500;line-height:1.3}
.compact-upload-card.has-file .compact-upload-picker{display:none!important}
.compact-selected-file{display:grid;grid-template-columns:70px minmax(0,1fr) 25px;align-items:center;gap:8px;min-height:64px;padding:6px;border:1px solid #b8d2cb;border-radius:10px;background:#fff;box-shadow:0 3px 10px rgba(31,73,68,.05)}
.compact-selected-file[hidden]{display:none!important}
.compact-file-visual{display:grid;place-items:center;width:70px;height:50px;overflow:hidden;border-radius:7px;background:linear-gradient(145deg,#e7f0ee,#dbe8e4);color:#426962}
.compact-file-visual video,.compact-file-visual img{width:100%;height:100%;object-fit:cover}
.compact-file-visual>span{font-size:10px;font-weight:850;letter-spacing:.06em}
.compact-selected-file>div:nth-child(2){min-width:0}
.compact-selected-file strong{display:block;overflow:hidden;color:#20393d;font-size:11px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}
.compact-selected-file small{display:block;margin-top:3px;color:#789096;font-size:9px}
.compact-selected-file button{display:grid;place-items:center;width:25px;height:25px;padding:0;border:0;border-radius:7px;background:#eef3f2;color:#61777c;font-size:17px;line-height:1;cursor:pointer}
.compact-selected-file button:hover{background:#ffe9e6;color:#a43d32}
.compact-block-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px}
.compact-block-footer>span{color:#7b8b91;font-size:10px;line-height:1.35}
.compact-block-footer .compact-block-submit{min-width:118px;margin:0;justify-self:auto}
@media(max-width:620px){.compact-block-head{align-items:stretch;flex-direction:column;gap:7px}.compact-block-head .compact-block-kind{width:100%;flex-basis:auto}.lesson-editor-page .compact-block-grid{grid-template-columns:1fr}.compact-block-grid .compact-block-text{grid-column:auto}.compact-block-footer{align-items:stretch;flex-direction:column}.compact-block-footer .compact-block-submit{width:100%}}

/* Stable public layouts: no overlapping sections or uncontrolled hero copy. */
.landing{overflow:clip}
.landing .landing-nav{width:min(100%,1280px);height:auto;min-height:86px;padding:14px 30px}
.landing .landing-hero{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(420px,.96fr);gap:clamp(36px,5vw,72px);min-height:0;padding:72px 30px 78px}
.landing .landing-hero-copy,.landing .landing-visual{min-width:0}
.landing .landing-hero h1{max-width:10.8ch;margin:24px 0 25px;font-size:clamp(50px,5.2vw,72px);line-height:1.01;letter-spacing:-.052em;overflow-wrap:normal}
.landing .landing-hero-copy>p{max-width:570px;margin:0;font-size:17px;line-height:1.7}
.landing .landing-hero-actions{flex-wrap:wrap;margin:30px 0 38px}
.landing .landing-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.landing .landing-visual{height:470px;border:1px solid rgba(149,161,190,.22);border-radius:28px}
.landing .landing-product-strip{max-width:1180px;margin:0 auto 14px;transform:none}
.landing .landing-section{padding-top:78px;padding-bottom:78px}

.public-store.storefront-v2{width:100%;min-width:0;padding-top:30px;overflow:clip}
.storefront-v2 .store-hero{display:flex;align-items:flex-end;width:100%;min-height:420px;margin-bottom:32px;padding:clamp(28px,4vw,58px)!important}
.storefront-v2 .store-hero.has-logo{min-height:480px}
.storefront-v2 .store-hero-copy{position:relative!important;z-index:3;inset:auto!important;width:min(760px,100%);max-width:760px;padding:0;color:#fff}
.storefront-v2 .store-hero-copy h1{max-width:13ch;margin:9px 0 12px;font-size:clamp(38px,5vw,68px);line-height:1.02;letter-spacing:-.045em;overflow-wrap:anywhere;text-wrap:balance}
.storefront-v2 .store-hero-copy p{max-width:620px;margin:0;color:rgba(255,255,255,.86);font-size:clamp(15px,1.55vw,19px);line-height:1.55}
.storefront-v2 .store-logo-frame{width:min(240px,38vw);height:80px;transform:none;overflow:hidden;padding:9px}
.storefront-v2 .store-logo-frame img{position:absolute!important;inset:9px!important;display:block;width:calc(100% - 18px)!important;height:calc(100% - 18px)!important;min-width:0!important;min-height:0!important;max-width:none!important;max-height:none!important;object-fit:contain!important;object-position:center!important}
body:has(.storefront-v2) .public-global-nav nav a{color:#526171}
body:has(.storefront-v2) .public-global-nav .button.secondary{color:#172a36;background:#fff;border-color:#d7e0e7}
.storefront-v2 .store-section{padding:54px 0}
.storefront-v2 .store-section:first-child{padding-top:40px}
.storefront-v2 .store-section .section-heading{align-items:flex-end;margin-bottom:25px}
.storefront-v2 .store-section .section-heading h2{margin-bottom:0}
@media(max-width:1040px){.landing .landing-hero{grid-template-columns:minmax(0,1fr) minmax(360px,.88fr);gap:32px}.landing .landing-hero h1{font-size:clamp(48px,6vw,64px)}.landing .landing-visual{height:430px}.landing .visual-course{left:28px}.landing .visual-progress{right:22px}}
@media(max-width:900px){.landing .landing-hero{grid-template-columns:1fr;padding-top:58px}.landing .landing-hero h1{max-width:12ch}.landing .landing-visual{width:100%;max-width:650px}.landing .landing-product-strip{max-width:calc(100% - 48px)}.storefront-v2 .store-hero,.storefront-v2 .store-hero.has-logo{min-height:440px}}
@media(max-width:600px){.landing .landing-nav{min-height:72px;padding:10px 18px}.landing .landing-hero{gap:38px;padding:44px 20px 54px}.landing .landing-hero h1{font-size:clamp(39px,12vw,50px);letter-spacing:-.04em}.landing .landing-facts{grid-template-columns:1fr 1fr}.landing .landing-visual{height:350px}.landing .visual-course{left:16px;top:28px;width:230px;padding:21px}.landing .visual-progress{right:14px;bottom:20px;width:180px;padding:18px}.landing .visual-play{right:25px;top:32px}.landing .landing-product-strip{max-width:calc(100% - 32px);margin-top:0}.landing .landing-section{padding-top:58px;padding-bottom:58px}.public-store.storefront-v2{padding:16px 14px 48px}.storefront-v2 .store-hero,.storefront-v2 .store-hero.has-logo{height:auto!important;min-height:500px;margin-bottom:20px;padding:24px 20px!important}.storefront-v2 .store-hero-copy h1{font-size:clamp(36px,11vw,50px)}.storefront-v2 .store-logo-frame{width:52%;height:68px}.storefront-v2 .store-section{padding:38px 0}.storefront-v2 .store-section:first-child{padding-top:28px}}

/* First-use guidance and permanent help center. */
.first-guide{display:grid;grid-template-columns:minmax(230px,.75fr) minmax(420px,1.4fr) auto;align-items:center;gap:22px;margin:0 0 24px;padding:22px;border:1px solid rgba(34,179,164,.22);border-radius:18px;background:radial-gradient(circle at 94% 10%,rgba(118,87,255,.16),transparent 31%),linear-gradient(135deg,#12232f,#193a3e);box-shadow:0 14px 36px rgba(21,47,54,.12);color:#fff}
#main .first-guide-intro h2{margin:6px 0 8px;color:#fff!important;font-size:22px}
#main .first-guide-intro p{margin:0;color:#b9cbd0!important;font-size:12px;line-height:1.55}
#main .first-guide .eyebrow{color:#70dfd2!important}
.first-guide-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none}
.first-guide-steps li{display:flex;gap:9px;min-width:0;padding:11px;border:1px solid rgba(255,255,255,.09);border-radius:11px;background:rgba(255,255,255,.055)}
.first-guide-steps li>span{color:#71e2d5;font-size:10px;font-weight:850}
.first-guide-steps strong,.first-guide-steps small{display:block}
.first-guide-steps strong{color:#fff;font-size:12px;line-height:1.3}
.first-guide-steps small{margin-top:3px;color:#aebfc5;font-size:9px;line-height:1.4}
.first-guide-actions{display:grid;gap:7px;min-width:145px}
.first-guide-actions form{margin:0}
.first-guide-actions .button{width:100%;justify-content:center;white-space:nowrap}
#main .first-guide-actions .button.ghost{color:#d5e4e6!important}
.learning-hub-card{display:flex;align-items:center;justify-content:space-between;gap:28px;margin:18px 0 24px;padding:22px 24px;border:1px solid #d8e4e2;border-radius:17px;background:linear-gradient(135deg,#f0faf7,#f5f2ff)}
.learning-hub-card h2{margin:5px 0 7px;font-size:21px}.learning-hub-card p{max-width:680px;margin:0;color:#63757c;font-size:13px;line-height:1.55}.learning-hub-card .actions{flex:0 0 auto}.welcome-help-link{display:inline-flex;margin-top:12px;font-size:13px;font-weight:750}
.help-page{display:grid;gap:22px}
.help-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;padding:34px;border-radius:22px;background:radial-gradient(circle at 88% 5%,rgba(118,87,255,.38),transparent 34%),linear-gradient(135deg,#101a2d,#153b40);box-shadow:0 18px 45px rgba(16,27,46,.15);color:#fff}
.help-hero>div:first-child{max-width:720px}#main .help-hero .eyebrow{color:#72dfd3!important}#main .help-hero h1{margin:9px 0 10px;color:#fff!important;font-size:clamp(32px,4vw,48px);letter-spacing:-.04em}#main .help-hero p{margin:0;color:#b8c7d1!important;line-height:1.65}.help-hero-actions{display:flex;flex-wrap:wrap;gap:8px}.help-hero .help-secondary{border:1px solid rgba(255,255,255,.23);background:rgba(255,255,255,.08);color:#fff;box-shadow:none}
.help-index{position:sticky;z-index:6;top:8px;display:flex;gap:7px;padding:8px;border:1px solid #e1e6e8;border-radius:14px;background:rgba(255,255,255,.94);box-shadow:0 8px 22px rgba(25,41,54,.07);overflow-x:auto;backdrop-filter:blur(12px)}
.help-index a{padding:8px 11px;border-radius:8px;color:#50646c;font-size:12px;font-weight:750;white-space:nowrap;text-decoration:none!important}.help-index a:hover{background:#eaf5f2;color:#176c64}
.help-section{scroll-margin-top:24px;padding:25px;border:1px solid #e1e6e8;border-radius:19px;background:#fff;box-shadow:0 8px 26px rgba(25,41,54,.045)}
.help-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;margin-bottom:18px}.help-section-head h2{margin:5px 0 0;font-size:26px}.help-route{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.help-route article{min-height:178px;padding:17px;border-radius:14px;background:#f5f8f8}.help-route article>span{color:#16887c;font-size:10px;font-weight:850}.help-route h3{margin:22px 0 7px;font-size:16px}.help-route p{margin:0 0 13px;color:#687981;font-size:11px;line-height:1.55}.help-route a,.help-topic-grid a,.help-common-grid a{font-size:11px;font-weight:800}
.help-topic-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.help-topic-grid details{border:1px solid #dfe7e6;border-radius:12px;background:#fbfcfc;overflow:hidden}.help-topic-grid summary{display:flex;align-items:center;gap:10px;padding:14px 15px;color:#263b44;font-size:13px;font-weight:780;cursor:pointer}.help-topic-grid summary span{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#e5f5f1;color:#197b71;font-size:9px}.help-topic-grid details>div{padding:0 15px 15px 53px}.help-topic-grid p{margin:0 0 10px;color:#65757c;font-size:12px;line-height:1.65}.help-common-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.help-common-grid article{padding:18px;border-radius:13px;background:#f5f8f8}.help-common-grid h3{margin:0 0 8px;font-size:16px}.help-common-grid p{min-height:58px;margin:0 0 13px;color:#687981;font-size:11px;line-height:1.55}
@media(max-width:1100px){.first-guide{grid-template-columns:1fr 1.4fr}.first-guide-actions{display:flex;grid-column:1/-1}.first-guide-actions .button{width:auto}.help-route{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.first-guide{grid-template-columns:1fr;padding:18px}.first-guide-steps{grid-template-columns:1fr}.first-guide-actions{align-items:stretch;flex-direction:column}.first-guide-actions .button{width:100%}.learning-hub-card,.help-hero{align-items:flex-start;flex-direction:column}.learning-hub-card .actions{width:100%}.learning-hub-card .actions .button{width:100%}.help-hero{padding:26px 22px}.help-hero-actions{width:100%}.help-hero-actions .button{flex:1}.help-route,.help-topic-grid,.help-common-grid{grid-template-columns:1fr}.help-section{padding:19px}.help-section-head{align-items:flex-start;flex-direction:column}.help-common-grid p{min-height:0}}

/* Compact Plyr ranges. Global form styles must not turn media sliders into fields. */
#main .lesson-video-section .plyr{--plyr-control-spacing:7px;--plyr-control-icon-size:17px;--plyr-range-track-height:3px;--plyr-range-thumb-height:10px;--plyr-range-thumb-active-shadow-width:2px;--plyr-font-size-time:12px}
#main .lesson-video-section .plyr__controls{gap:1px;padding:24px 12px 10px}
#main .lesson-video-section .plyr--full-ui input[type=range]{display:block;width:100%!important;height:18px!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
#main .lesson-video-section .plyr__progress__container{min-width:80px}
#main .lesson-video-section .plyr__progress__buffer{display:none!important}
#main .lesson-video-section .plyr__volume{width:102px;min-width:102px;flex:0 0 102px;gap:3px}
#main .lesson-video-section .plyr__volume input[type=range]{width:64px!important;min-width:48px;max-width:64px}
#main .lesson-video-section .plyr__time{white-space:nowrap}
@media(max-width:700px){#main .lesson-video-section .plyr{--plyr-control-spacing:6px;--plyr-control-icon-size:16px}#main .lesson-video-section .plyr__controls{padding:22px 9px 8px}#main .lesson-video-section .plyr__volume{width:auto;min-width:0;flex:0}#main .lesson-video-section .plyr__volume input[type=range]{display:none}}

/* Public school directory. */
.schools-page .schools-hero p{max-width:650px}
.school-directory-section{padding-top:45px!important}
.school-directory-filters{grid-template-columns:minmax(280px,1fr) minmax(210px,280px) auto auto}
.school-directory-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:0 0 24px}
.school-directory-heading .eyebrow{margin-bottom:7px;color:#73808f}
.school-directory-heading h2{margin:0;color:#172033;font-size:30px;letter-spacing:-.035em}
.school-directory-heading>a{padding-bottom:4px;font-size:13px;font-weight:750}
.school-directory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.school-directory-card{min-width:0;overflow:hidden;border:1px solid #e1dfda;border-radius:22px;background:#fff;color:#172033;text-decoration:none!important;box-shadow:0 12px 34px rgba(32,37,50,.055);transition:transform .2s,box-shadow .2s}
.school-directory-card:hover{transform:translateY(-4px);box-shadow:0 20px 44px rgba(32,37,50,.11)}
.school-directory-cover{position:relative;display:flex;align-items:flex-end;justify-content:space-between;gap:14px;height:170px;padding:20px;background:radial-gradient(circle at 85% 15%,color-mix(in srgb,var(--directory-accent) 78%,#fff),transparent 42%),linear-gradient(140deg,var(--directory-header),color-mix(in srgb,var(--directory-header) 65%,#19243d))}
.school-directory-logo{display:grid;place-items:center;width:104px;height:76px;overflow:hidden;border:1px solid rgba(255,255,255,.55);border-radius:15px;background:rgba(255,255,255,.94);box-shadow:0 10px 25px rgba(0,0,0,.15)}
.school-directory-logo img{display:block;width:100%;height:100%;padding:8px;object-fit:contain}
.school-directory-initial{color:var(--directory-accent);font-size:33px;font-weight:850}
.school-directory-open{color:rgba(255,255,255,.86);font-size:11px;font-weight:760}
.school-directory-body{display:grid;grid-template-rows:auto minmax(48px,auto) auto;gap:10px;padding:22px}
.school-directory-body h3{margin:0;font-size:21px;letter-spacing:-.025em}
.school-directory-body p{margin:0;color:#737d8d;font-size:13px;line-height:1.55}
.school-directory-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:13px;border-top:1px solid #eceae5;color:#7d8794;font-size:11px}
.school-directory-meta strong{color:#236f69;font-size:12px}
.school-directory-grid>.landing-empty{grid-column:1/-1}
.school-directory-grid>.landing-empty h3{margin-bottom:7px}.school-directory-grid>.landing-empty p{margin:0 0 17px}
@media(max-width:1000px){.school-directory-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.school-directory-filters{grid-template-columns:1fr}.school-directory-heading{align-items:flex-start;flex-direction:column;gap:8px}.school-directory-grid{grid-template-columns:1fr}.school-directory-cover{height:150px}}

/* School subscriptions and recurring storage. */
.plan-prices{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:20px 0 10px}
.plan-prices>div{padding:13px;border:1px solid #dfe7e5;border-radius:12px;background:#f6f9f8}
.plan-prices strong,.plan-prices span{display:block}.plan-prices strong{color:var(--ink);font-size:19px;white-space:nowrap}.plan-prices span{margin-top:4px;color:var(--muted);font-size:11px}
.plan-gift{margin:0 0 18px;color:#28756b;font-size:12px;font-weight:750}.plan-card.current{border-color:#58a99b;background:linear-gradient(180deg,#f4fbf8,#fff)}
.button.disabled{pointer-events:none;cursor:default;opacity:.55}.plan-order-actions{display:grid;gap:8px}.plan-unavailable{min-height:42px;margin:8px 0 0;color:var(--muted);font-size:12px}
.subscription-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;padding:0;overflow:hidden}.subscription-summary>div{padding:20px 22px;background:#fff}.subscription-summary span,.subscription-summary strong{display:block}.subscription-summary span{color:var(--muted);font-size:11px}.subscription-summary strong{margin-top:6px;font-size:18px}.subscription-plans{margin:28px 0}
.signup-plan-price{margin:-5px 0 17px;padding:15px;border-radius:13px;background:#f2f7f5}.signup-plan-price strong,.signup-plan-price span,.signup-plan-price small{display:block}.signup-plan-price strong{font-size:24px}.signup-plan-price span{color:var(--muted);font-size:11px}.signup-plan-price small{margin-top:8px;color:#25766c;font-weight:700}
@media(max-width:900px){.subscription-summary{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.plan-prices,.subscription-summary{grid-template-columns:1fr}.plan-card{padding:24px}.plan-prices strong{font-size:18px}}

/* Interactive onboarding tied to the real controls. */
.guided-intro{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;margin:0 0 22px;padding:17px 19px;border:1px solid #d8e5e2;border-radius:16px;background:linear-gradient(112deg,#eef9f6,#f6f3ff);box-shadow:0 10px 30px rgba(26,53,59,.06)}
.guided-intro-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:linear-gradient(140deg,#10a99b,#7258ee);color:#fff;font-size:20px;box-shadow:0 8px 18px rgba(38,136,126,.2)}
#main .guided-intro .eyebrow{color:#297c74!important;font-size:9px}#main .guided-intro h2{margin:3px 0 3px;font-size:18px;letter-spacing:-.02em}#main .guided-intro p{margin:0;color:#62757c;font-size:11px;line-height:1.45}.guided-intro-actions{display:flex;gap:7px}.guided-intro-actions .button{min-height:36px;padding:9px 13px;font-size:11px;white-space:nowrap}
body.tour-is-open{overflow:hidden}.product-tour{position:fixed;z-index:30000;inset:0;pointer-events:none}.tour-highlight{position:fixed;border:2px solid #54ead8;border-radius:13px;background:rgba(255,255,255,.04);box-shadow:0 0 0 9999px rgba(6,14,27,.74),0 0 0 5px rgba(84,234,216,.16),0 13px 32px rgba(0,0,0,.32);transition:top .22s ease,left .22s ease,width .22s ease,height .22s ease;pointer-events:none}.tour-popover{position:fixed;z-index:2;padding:22px;border:1px solid rgba(255,255,255,.14);border-radius:18px;background:#142330;color:#fff;box-shadow:0 24px 60px rgba(0,0,0,.34);outline:0;pointer-events:auto}.tour-popover:before{position:absolute;top:22px;left:-7px;width:14px;height:14px;background:#142330;transform:rotate(45deg);content:""}.tour-close{position:absolute;top:9px;right:10px;display:grid;place-items:center;width:30px;height:30px;padding:0;border:0;border-radius:9px;background:transparent;color:#aebfc7;font-size:22px;line-height:1;cursor:pointer}.tour-close:hover{background:rgba(255,255,255,.08);color:#fff}.tour-count{display:inline-flex;margin-bottom:12px;padding:5px 8px;border-radius:999px;background:rgba(88,225,207,.12);color:#72e4d5;font-size:9px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.tour-popover h2{margin:0 28px 8px 0!important;color:#fff!important;font-size:21px!important;line-height:1.18;letter-spacing:-.025em}.tour-popover p{margin:0!important;color:#becbd1!important;font-size:12px!important;line-height:1.6}.tour-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:19px}.tour-actions .button{min-height:36px;padding:9px 14px}.tour-actions .button.ghost{border:1px solid rgba(255,255,255,.17);background:transparent;color:#d9e4e7}.tour-actions .button:disabled{opacity:.35;cursor:default}.tour-skip{display:block;margin:12px auto 0;padding:2px;border:0;background:transparent;color:#8ea1a9;font-size:10px;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.tour-skip:hover{color:#fff}
@media(max-width:800px){.guided-intro{grid-template-columns:auto 1fr}.guided-intro-actions{grid-column:1/-1}.guided-intro-actions .button{flex:1}.tour-popover:before{display:none}}
@media(max-width:640px){.guided-intro{grid-template-columns:1fr;padding:16px}.guided-intro-icon{display:none}.guided-intro-actions{flex-direction:column}.tour-popover{padding:20px 19px calc(18px + env(safe-area-inset-bottom));border-radius:18px}.tour-popover h2{font-size:19px!important}.tour-actions .button{flex:1}.tour-highlight{transition:none}}
.tour-popover[data-placement="stacked"]:before{display:none}

/* Page-level guided help is available again after the first onboarding. */
.page-tour-launch{position:fixed;z-index:9000;right:22px;bottom:22px;display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:8px 14px 8px 9px;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:#152d38;color:#fff;font:750 11px/1 inherit;box-shadow:0 14px 35px rgba(13,35,45,.25);cursor:pointer;transition:transform .18s,background .18s,box-shadow .18s}.page-tour-launch:hover{transform:translateY(-2px);background:#1c494c;box-shadow:0 17px 40px rgba(13,35,45,.3)}.page-tour-launch>span{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:linear-gradient(140deg,#23b6a7,#7660f0);font-size:14px}.page-tour-launch[hidden]{display:none!important}.tour-is-open .page-tour-launch{opacity:0;pointer-events:none}
@media(max-width:760px){.page-tour-launch{right:14px;bottom:14px;padding-right:10px}.page-tour-launch:not(:hover){font-size:0}.page-tour-launch:not(:hover)>span{font-size:14px}}
.setup-layout>.editor-save-status{grid-column:1/-1;margin:0 0 -8px}