.course-home-link{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 28px;margin:20px 0;border:1px solid #b8dce0;border-radius:20px;background:linear-gradient(110deg,#eaf9f7,#fff)}
.course-home-link h2{margin:5px 0 3px;font-size:26px}.course-home-link p{margin:0;color:#647b89}.course-home-link .button{white-space:nowrap}
.course-page{max-width:1100px}.course-hero{padding:28px 32px;border-radius:22px;background:linear-gradient(115deg,#10283c,#145968);color:#fff}.course-hero .eyebrow{color:#7fe0dd}.course-hero h1{font-size:clamp(32px,5vw,54px);margin:8px 0}.course-hero p{margin:0;color:#d8e9eb}.course-progress{display:flex;gap:16px;align-items:center;margin-top:20px}.course-progress strong{font-size:20px}.course-progress span{color:#c9e6e6}.course-hint{padding:12px 16px;background:#eaf5f3;border-radius:12px;color:#315460}.course-stage,.course-team{margin:22px 0;padding:22px 26px;border:1px solid #d9e5e9;border-radius:20px;background:#fff}.course-stage>header{display:flex;gap:18px;align-items:flex-start}.course-number{font-size:34px;font-weight:800;color:#19a6a5}.course-stage h2{margin:4px 0;font-size:25px}.course-stage header p{margin:0;color:#647b89}.course-topics{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px;margin-top:20px}.course-topic{padding:16px;border:1px solid #d9e5e9;border-radius:14px;background:#f8fbfb}.course-topic h3{font-size:17px;margin:0 0 12px}.course-topic ol{padding-left:20px;margin:0}.course-topic li{padding:6px 0}.course-topic li a{display:flex;justify-content:space-between;gap:10px}.course-topic small{white-space:nowrap;color:#158d8e}.course-topic details{margin-top:12px}.course-add{padding:16px;border:1px dashed #7bbfc2;border-radius:14px}.course-page details form{display:grid;gap:12px;margin-top:14px}.course-page label{display:grid;gap:5px;font-weight:650}.course-page input,.course-page textarea{width:100%;padding:10px;border:1px solid #cbdde3;border-radius:9px;font:inherit}.course-page summary{cursor:pointer;font-weight:700;color:#097f82}.course-reader{max-width:850px;margin:18px auto;padding:28px 34px;border:1px solid #d9e5e9;border-radius:20px;background:#fff}.course-reader h1{margin:10px 0 20px}.course-reader-body{line-height:1.75;white-space:normal}.course-reader-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:28px;padding-top:18px;border-top:1px solid #d9e5e9}.course-editor{margin-top:20px;padding:16px;background:#f2f8f8;border-radius:12px}.course-team table{width:100%;border-collapse:collapse}.course-team th,.course-team td{padding:10px;border-bottom:1px solid #d9e5e9;text-align:left}.course-table-scroll{overflow:auto}
@media(max-width:650px){.course-home-link,.course-reader-actions{align-items:stretch;flex-direction:column}.course-home-link,.course-stage,.course-reader{padding:18px}.course-progress{align-items:flex-start;flex-direction:column;gap:3px}}
.course-add-step{display:inline-flex;margin-top:16px;padding:11px 14px;border:1px solid #83c9c9;border-radius:10px;color:#087f82;font-weight:800;text-decoration:none;background:#fff}.course-add-step:hover{background:#e6f5f3}.course-edit-link{margin:24px 0 0}.course-reader-files{margin-top:24px;padding-top:18px;border-top:1px solid #d9e5e9}.course-reader-files h2{font-size:20px}.course-reader-files ul{padding-left:20px}
.course-editor-page{width:min(1320px,calc(100% - 40px))}.course-workspace{margin:20px 0 0;padding:32px;border:1px solid #d9e5e9;border-radius:22px;background:#fff}.course-workspace-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;border-bottom:1px solid #d9e5e9;padding-bottom:20px}.course-workspace-heading h1{font-size:clamp(30px,4vw,44px);margin:8px 0}.course-workspace-heading p{max-width:850px;margin:0}.course-state{flex:none;padding:7px 12px;border-radius:999px;font-size:13px;font-weight:800;background:#fff3df;color:#895a1b}.course-state.published{background:#e3f7ed;color:#15794c}.course-write-form{display:grid;gap:22px;margin-top:24px}.course-workspace label{display:grid;gap:9px;font-weight:800}.course-workspace input[type=text],.course-workspace textarea,.course-workspace input:not([type]){width:100%;padding:14px 16px;border:1px solid #bdcfd5;border-radius:11px;background:#fcfefe;color:#10283c;font:inherit}.course-workspace textarea{min-height:430px;resize:vertical;line-height:1.65}.course-workspace input:focus,.course-workspace textarea:focus{border-color:#1a9e9d;box-shadow:0 0 0 3px #d5f2ef;outline:none}.course-write-note{font-size:13px;color:#647b89;margin:-12px 0 0}.course-write-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.course-secondary{background:#edf5f5;border-color:#c6dbdf;color:#185663}.course-secondary:hover{background:#dff0ef}.course-files{margin-top:36px;padding-top:24px;border-top:1px solid #d9e5e9}.course-files h2{font-size:24px}.course-files ul{list-style:none;padding:0;margin:14px 0 22px}.course-files li{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid #e6eff1}.course-files li a{color:#087f82;font-weight:700}.course-files li small{color:#647b89}.course-files form{display:grid;gap:12px;max-width:540px}.course-files input[type=file]{padding:12px;border:1px dashed #83bfc2;border-radius:10px;background:#f7fbfb}.course-files .button{justify-self:start}.course-publish{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:32px;padding:22px;border-radius:14px;background:#edf7f6}.course-publish strong{font-size:18px}.course-publish p{margin:4px 0 0}.course-publish form{flex:none}
@media(max-width:700px){.course-editor-page{width:min(100% - 28px,1320px)}.course-workspace{padding:20px}.course-workspace-heading,.course-publish{flex-direction:column;align-items:stretch}.course-workspace textarea{min-height:340px}.course-write-actions .button,.course-publish .button{width:100%}}
.course-credit{display:block;margin:5px 0 12px;color:#647b89;font-size:13px;line-height:1.4}.course-reader-files ul{list-style:none;padding:0}.course-reader-files li{margin:8px 0}.course-reader-files li small{display:block;color:#647b89}.course-video{margin:12px 0 20px!important}.course-video video{display:block;width:100%;max-height:65vh;background:#10283c;border-radius:12px}
.course-state.pending{background:#e6f0fb;color:#285d91}.course-review-comment{padding:14px 18px;border-left:4px solid #d88c2f;border-radius:9px;background:#fff7e9;line-height:1.5}.course-review-actions{display:flex;flex-wrap:wrap;align-items:flex-start;gap:16px}.course-review-actions form{max-width:360px}.course-review-actions label{font-size:14px}.course-review-actions textarea{min-height:86px;padding:10px 12px}.course-review-actions button{margin-top:10px}
.course-step-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:12px 0}.course-step-actions form{display:inline-flex;margin:0}.course-step-actions .button{padding:9px 14px;font-size:14px}.course-step-actions .button.course-danger{background:#fff2f0;border:1px solid #e7aaa4;color:#a52b24}.course-step-actions .button.course-danger:hover{background:#ffe3df}.course-topic li .course-step-actions{margin:8px 0 2px}.course-workspace>.course-step-actions{padding:16px 0;border-bottom:1px solid #d9e5e9}.course-reader>.course-step-actions{margin-top:24px}
@media(max-width:700px){.course-review-actions,.course-review-actions form{width:100%;max-width:none}.course-review-actions button{width:100%}}