/* Scoped components for the host Tailwind layout. No changes to body, nav or host form controls. */
.cs{--cs-ink:#152840;--cs-muted:#60738b;--cs-line:#dce5f0;--cs-soft:#f3f7fc;--cs-card:#fff;--cs-blue:#076cc5;--cs-purple:#6d42d8;--cs-green:#087b60;color:var(--cs-ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px;line-height:1.6;max-width:1440px;margin:0 auto;padding:24px clamp(16px,3vw,40px) 48px;box-sizing:border-box}
.cs *,.cs *:before,.cs *:after{box-sizing:border-box}.cs [hidden]{display:none!important}.cs h1,.cs h2,.cs h3,.cs p{margin:0}.cs h1{font-size:clamp(26px,3vw,40px);line-height:1.2;letter-spacing:-.035em;font-weight:800;text-wrap:balance}.cs h2{font-size:20px;line-height:1.35;letter-spacing:-.025em;font-weight:750}.cs h3{font-size:16px;font-weight:700}.cs a{color:inherit;text-decoration:none}.cs button,.cs input,.cs select,.cs textarea{font:inherit}.cs button{cursor:pointer}.cs :focus-visible{outline:3px solid #38a4f6;outline-offset:3px}.cs button:disabled{opacity:.5;cursor:not-allowed}.cs small{font-size:12px}.cs input:not([type=checkbox]):not([type=radio]),.cs select,.cs textarea{display:block;width:100%;max-width:100%;min-width:0;color:var(--cs-ink);background:var(--cs-card);border:1px solid var(--cs-line);border-radius:10px;padding:10px 12px;line-height:1.5;min-height:44px}.cs textarea{resize:vertical}.cs select[multiple]{min-height:112px}.cs input[type=checkbox],.cs input[type=radio]{width:18px;height:18px;min-width:18px;accent-color:var(--cs-blue);margin:0;display:inline-block}.cs label{display:block;font-size:13px;font-weight:600}.cs label input,.cs label textarea,.cs label select{margin-top:6px}.cs label small{display:block;font-weight:400;color:var(--cs-muted);margin-top:6px}.cs button{border:0}.cs hr{border:0;border-top:1px solid var(--cs-line)}
.cs-breadcrumb{display:flex;flex-wrap:wrap;gap:12px;font-size:12px;color:var(--cs-muted);margin-bottom:18px}.cs-breadcrumb a:hover{color:var(--cs-blue)}.cs-kicker{font-size:10px;font-weight:800;letter-spacing:.14em;color:var(--cs-blue);margin-bottom:10px}.cs-course-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:26px;align-items:start}.cs-course-grid main{min-width:0}.cs-hero{position:relative;border:1px solid #c8dff8;border-radius:24px;background:radial-gradient(circle at 95% 0%,#d4cdfb80,transparent 38%),linear-gradient(125deg,#e4f3ff,#f8fbff 65%);padding:clamp(24px,3.5vw,42px);overflow:hidden}.cs-hero h1{margin-top:16px;max-width:800px}.cs-lead{margin-top:16px!important;color:#425b76;font-size:16px;max-width:680px}.cs-tags,.cs-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.cs-chip{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:4px 10px;background:#e7f2ff;color:#075898;font-size:11px;font-weight:700;white-space:nowrap}.cs-chip-amber{background:#fff0c9;color:#855a03}.cs-teacher{display:flex;align-items:center;gap:12px;margin-top:26px}.cs-teacher small{display:block;color:var(--cs-muted)}.cs-teacher strong{font-size:13px}.cs-avatar{display:grid;place-items:center;border-radius:50%;width:40px;height:40px;background:#fff;color:var(--cs-blue);border:1px solid #cbdff4;font-weight:800}.cs-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;border-top:1px solid #cedff0;margin-top:28px;padding-top:22px}.cs-facts strong{display:block;font-size:21px;line-height:1.3}.cs-facts span{font-size:12px;color:var(--cs-muted)}
.cs-panel{border:1px solid var(--cs-line);border-radius:18px;padding:24px;background:var(--cs-card);box-shadow:0 3px 14px #213d6104;min-width:0}.cs-section-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:22px}.cs-section-heading p{font-size:13px;color:var(--cs-muted);margin-top:5px}.cs-icon{display:grid;place-items:center;background:#e8f4ff;border-radius:12px;width:44px;height:44px;color:#0776cf;font-size:22px;flex-shrink:0}.cs-section-heading:has(.cs-icon){justify-content:flex-start}.cs-tabs{display:flex;gap:8px;border-bottom:1px solid var(--cs-line);overflow:auto;margin:24px 0 18px;padding-bottom:0;scrollbar-width:thin}.cs-tabs button{flex-shrink:0;background:transparent;border-bottom:3px solid transparent;padding:12px 15px;color:var(--cs-muted);font-size:14px;font-weight:650}.cs-tabs button[aria-selected=true]{color:var(--cs-blue);border-color:var(--cs-blue)}.cs-tabs button span{display:inline-block;font-size:10px;border-radius:6px;padding:1px 6px;margin-left:4px;background:var(--cs-soft)}.cs-prose{overflow-wrap:anywhere;font-size:15px;line-height:1.85}.cs-prose p,.cs-prose ul,.cs-prose ol{margin:0 0 1em}.cs-prose h2,.cs-prose h3,.cs-prose h4{margin:1.2em 0 .6em}.cs-prose ul{list-style:disc;padding-left:24px}.cs-prose ol{list-style:decimal;padding-left:24px}.cs-prose img{max-width:100%;height:auto;border-radius:10px}.cs-prose a{color:var(--cs-blue);text-decoration:underline}.cs-prose table{border-collapse:collapse;max-width:100%;display:block;overflow:auto}.cs-prose td,.cs-prose th{border:1px solid var(--cs-line);padding:8px}.cs-prose pre{background:var(--cs-soft);overflow:auto;padding:16px;border-radius:10px}.cs-prose blockquote{border-left:3px solid var(--cs-blue);margin:16px 0;padding:8px 18px;background:var(--cs-soft)}.cs-three{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.cs-mini{background:var(--cs-soft);border-radius:12px;padding:16px}.cs-mini b{font-size:12px}.cs-mini p{font-size:12px;margin-top:8px;color:var(--cs-muted)}.cs-mini:nth-child(2){background:#f2edff}.cs-mini:nth-child(3){background:#eaf7f0}.cs-details{border:1px solid var(--cs-line);border-radius:12px;margin-bottom:12px;overflow:hidden}.cs-details summary{cursor:pointer;padding:14px 16px;font-weight:650;background:var(--cs-soft)}.cs-details summary small{float:right;margin-left:12px;color:var(--cs-muted);font-weight:400}.cs-outline-row{display:flex;align-items:center;gap:12px;padding:14px 16px;border-top:1px solid var(--cs-line)}.cs-outline-row a:hover{color:var(--cs-blue)}.cs-outline-row small{color:var(--cs-muted);white-space:nowrap}.cs-lesson-icon{color:var(--cs-blue);font-size:18px}.cs-enroll{position:sticky;top:24px;padding:0;overflow:hidden}.cs-cover{width:100%;height:188px;object-fit:cover;display:block}.cs-cover-placeholder{background:radial-gradient(circle at 85% 20%,#35bdf1,transparent 60%),linear-gradient(140deg,#164891,#0578bb);color:#fff;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:28px;gap:10px}.cs-cover-placeholder span{font-size:36px;line-height:1}.cs-cover-placeholder b{font-size:15px}.cs-cover-placeholder small{font-size:9px;letter-spacing:.17em;opacity:.7}.cs-enroll-body{padding:24px}.cs-enroll-body h2{font-size:26px;margin-bottom:14px}.cs-enroll-body .cs-muted{margin-bottom:14px}.cs-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:11px!important;padding:11px 16px;min-height:44px;font-size:13px!important;font-weight:700;line-height:1.35;text-align:center;transition:background .16s,box-shadow .16s}.cs-btn:hover{box-shadow:0 4px 12px #13447118}.cs-btn-primary{color:#fff!important;background:linear-gradient(115deg,#0875ce,#075cc0)!important;border:1px solid #0763bc!important}.cs-btn-light{background:var(--cs-card)!important;color:var(--cs-ink)!important;border:1px solid var(--cs-line)!important}.cs-btn-wide{width:100%;justify-content:space-between}.cs-btn-wide span{margin-left:auto}.cs-text-btn{padding:5px;background:transparent;color:var(--cs-blue);font-size:12px;text-decoration:underline}.cs-benefits{list-style:none;padding:20px 0;margin:20px 0 0;border-top:1px solid var(--cs-line)}.cs-benefits li{font-size:12px;margin-bottom:12px;display:flex;gap:9px}.cs-benefits span{color:var(--cs-green);font-weight:800}.cs-progress-label{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:12px;margin-bottom:8px}.cs-progress-label b{color:var(--cs-blue)}.cs-progress{appearance:none;width:100%;height:7px;border:0;background:var(--cs-soft);border-radius:999px;overflow:hidden;display:block;margin:8px 0 12px}.cs-progress::-webkit-progress-bar{background:var(--cs-soft)}.cs-progress::-webkit-progress-value{background:linear-gradient(90deg,#1181dc,#6548e5);border-radius:999px}.cs-progress::-moz-progress-bar{background:#1181dc}.cs-file{display:flex;align-items:center;gap:14px;padding:16px 0;border-bottom:1px solid var(--cs-line)}.cs-file:last-child{border-bottom:0}.cs-file strong{display:block;overflow-wrap:anywhere;font-size:13px}.cs-file small{display:block;color:var(--cs-muted);margin-top:3px}.cs-file-badge{display:grid;place-items:center;flex:0 0 46px;height:48px;border-radius:10px;color:#6c3ac6;background:#f0eaff;font-size:10px;font-weight:800}.cs-empty{text-align:center;padding:40px 20px;color:var(--cs-muted);font-size:13px}.cs-notice,.cs-alert{border-radius:12px;padding:14px 18px;margin:14px 0;font-size:13px;background:#eaf5ff;color:#144e88;border:1px solid #c6e1ff;overflow-wrap:anywhere}.cs-alert{background:#fff3eb;color:#8e421a;border-color:#f3d5bf}.cs-alert ul{list-style:disc;padding-left:20px;margin:8px 0 0}.cs-muted{color:var(--cs-muted)}.cs-small{font-size:12px}.cs-success{color:var(--cs-green)}.cs-warning{color:#a34f16}.cs-grow{flex:1;min-width:0}.cs-mt{margin-top:24px}.cs-mt-sm{margin-top:12px}.cs-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.cs-learning-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.cs-learning-header h1{font-size:26px}.cs-learning-header .cs-kicker{margin-bottom:5px}.cs-learning-grid{display:grid;grid-template-columns:300px minmax(0,1fr);gap:24px;align-items:start}.cs-outline{position:sticky;top:18px;padding:0;overflow:hidden;max-height:calc(100dvh - 36px);display:flex;flex-direction:column}.cs-outline-top{padding:20px;border-bottom:1px solid var(--cs-line)}.cs-outline-top h2{font-size:16px}.cs-search{margin-top:14px}.cs-outline [data-lesson-list]{overflow:auto;min-height:70px}.cs-outline details{border-bottom:1px solid var(--cs-line)}.cs-outline summary{padding:14px 18px;font-size:12px;font-weight:700;cursor:pointer;background:var(--cs-soft)}.cs-lesson-link{display:flex;align-items:flex-start;gap:12px;width:100%;padding:13px 18px;text-align:left;background:transparent;color:var(--cs-ink);border-left:3px solid transparent!important}.cs-lesson-link:hover{background:var(--cs-soft)}.cs-lesson-link[aria-current=true]{background:#e8f3ff;border-left-color:var(--cs-blue)!important}.cs-lesson-link b{display:block;font-weight:600;font-size:12px;line-height:1.5}.cs-lesson-link small{font-size:10px;color:var(--cs-muted)}.cs-lesson-marker{flex:0 0 21px;width:21px;height:21px;border-radius:50%;border:1px solid var(--cs-line);display:grid;place-items:center;font-size:10px;background:var(--cs-card);color:var(--cs-muted);margin-top:2px}.cs-lesson-marker.is-done{background:#e0f6ed;color:var(--cs-green);border-color:#b0dfce}.cs-outline-bottom{padding:16px;border-top:1px solid var(--cs-line);margin-top:auto}.cs-study-main{min-width:0}.cs-lesson-panel{padding:0;overflow:hidden}.cs-lesson-heading{padding:22px 26px;display:flex;justify-content:space-between;gap:16px;align-items:center;border-bottom:1px solid var(--cs-line)}.cs-lesson-heading h2{font-size:23px}.cs-lesson-heading .cs-kicker{margin-bottom:6px}.cs-content-area>.cs-prose{padding:26px}.cs-player{position:relative;width:100%;background:#0b1c32;aspect-ratio:16/9;overflow:hidden}.cs-player iframe,.cs-player video{width:100%;height:100%;border:0;display:block}.cs-document{width:100%;height:min(70vh,700px);border:0;display:block;background:var(--cs-soft)}.cs-image-viewer{max-width:100%;max-height:70vh;margin:auto;display:block}.cs-audio{padding:24px;width:100%}.cs-study-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:20px}.cs-mobile-outline{display:none}.cs-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.cs-full{grid-column:1/-1}.cs-form-footer{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:18px;padding-top:16px;border-top:1px solid var(--cs-line)}.cs-form-footer small{color:var(--cs-muted);max-width:70%}.cs-check{display:flex!important;align-items:center;gap:10px;background:var(--cs-soft);padding:14px;border-radius:10px}.cs-check input{margin:0!important}.cs-stack{display:grid;gap:14px}.cs-manage-grid{display:grid;grid-template-columns:300px minmax(0,1fr);gap:24px;align-items:start}.cs-compact-form{padding:12px}.cs-compact-form .cs-actions{align-items:flex-end;flex-wrap:nowrap}.cs-manage-lesson{display:flex;flex-direction:column;gap:2px;padding:12px 16px;border-top:1px solid var(--cs-line);font-size:12px}.cs-manage-lesson:hover{background:var(--cs-soft);color:var(--cs-blue)}.cs-manage-lesson small{font-size:10px}.cs-question-edit{min-width:0;border:1px solid var(--cs-line);padding:18px;border-radius:12px;margin:0 0 18px;background:var(--cs-soft)}.cs-question-edit legend{font-size:12px;font-weight:750;padding:0 8px;color:var(--cs-purple)}.cs-quiz-card{border:1px solid var(--cs-line);border-radius:13px;padding:18px;margin-bottom:14px}.cs-quiz-card h3{margin-bottom:6px}.cs-quiz-card .cs-actions{justify-content:space-between;margin-top:14px}.cs-quiz-card p{font-size:12px;color:var(--cs-muted)}.cs-quiz-meta{display:flex;gap:7px;flex-wrap:wrap;margin:10px 0}.cs-quiz-dialog{width:min(850px,calc(100vw - 24px));max-width:none;max-height:92dvh;border:0;border-radius:20px;padding:0;box-shadow:0 24px 100px #071d4940;background:var(--cs-card);margin:auto;color:var(--cs-ink)}.cs-quiz-dialog::backdrop{background:#0a2032a8;backdrop-filter:blur(4px)}.cs-dialog-header{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:1px solid var(--cs-line);gap:16px}.cs-quiz-toolbar{display:flex;justify-content:space-between;gap:12px;position:sticky;top:0;background:var(--cs-soft);padding:12px 24px;font-size:12px;z-index:2}.cs-quiz-toolbar strong{color:var(--cs-blue);font-variant-numeric:tabular-nums}.cs-quiz-dialog [data-quiz-questions]{padding:24px}.cs-quiz-question{border:0;min-width:0;margin:0 0 28px;padding:0}.cs-quiz-question legend{font-weight:700;font-size:15px;margin-bottom:14px;overflow-wrap:anywhere}.cs-quiz-choice{display:flex!important;align-items:center;gap:12px;border:1px solid var(--cs-line);padding:12px 16px;border-radius:10px;margin-bottom:8px;cursor:pointer;overflow-wrap:anywhere}.cs-quiz-choice:has(input:checked){background:#e7f3ff;border-color:#78b9f2}.cs-quiz-choice input{margin:0!important;flex-shrink:0}.cs-dialog-footer{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-top:1px solid var(--cs-line);gap:14px}.cs-dialog-footer small{color:var(--cs-muted)}.cs-quiz-result{padding:24px;background:#ecf8f3;color:#096849;margin:24px 24px 0;border-radius:14px}.cs-quiz-result strong{font-size:28px;display:block}.cs-quiz-result.is-failed{background:#fff5e9;color:#974411}.cs-table-wrap{overflow:auto}.cs-table{border-collapse:collapse;width:100%;font-size:12px;min-width:680px}.cs-table th{text-align:left;background:var(--cs-soft);color:var(--cs-muted);font-size:11px;white-space:nowrap}.cs-table th,.cs-table td{padding:15px 16px;border-bottom:1px solid var(--cs-line)}.cs-table td small{display:block;color:var(--cs-muted);margin-top:5px}
.dark .cs{--cs-ink:#e5edf8;--cs-muted:#a0b3ca;--cs-line:#2a405d;--cs-soft:#15283f;--cs-card:#102237;--cs-blue:#64b6ff;--cs-green:#62d8ae}.dark .cs-hero{background:radial-gradient(circle at 90% 0%,#5b42a94d,transparent 45%),linear-gradient(125deg,#123857,#122039);border-color:#2b5170}.dark .cs-lead{color:#aec9e4}.dark .cs-facts{border-color:#38516a}.dark .cs-mini,.dark .cs-mini:nth-child(2),.dark .cs-mini:nth-child(3){background:var(--cs-soft)}.dark .cs-lesson-link[aria-current=true],.dark .cs-quiz-choice:has(input:checked){background:#173b60}.dark .cs-quiz-result{background:#123c31;color:#94e3bd}.dark .cs-quiz-result.is-failed{background:#45331d;color:#f6c989}.dark .cs-warning{color:#f6bd85}
@media(min-width:1600px){.cs-learning{max-width:1600px}.cs-learning-grid{grid-template-columns:320px minmax(0,1fr)}}
@media(max-width:1100px){.cs-course-grid{grid-template-columns:minmax(0,1fr) 300px;gap:18px}.cs-learning-grid,.cs-manage-grid{grid-template-columns:260px minmax(0,1fr);gap:18px}.cs-three{grid-template-columns:1fr}.cs-hero{padding:26px}.cs-enroll-body{padding:20px}.cs-panel{padding:20px}.cs-enroll,.cs-outline,.cs-lesson-panel{padding:0}}
@media(max-width:800px){.cs{padding:18px 16px 32px}.cs-course-grid,.cs-learning-grid,.cs-manage-grid{grid-template-columns:1fr}.cs-enroll{position:static;display:grid;grid-template-columns:240px minmax(0,1fr);grid-row:1}.cs-enroll .cs-cover{height:100%;min-height:200px}.cs-enroll-body h2{font-size:22px}.cs-enroll .cs-benefits,.cs-enroll .cs-small{display:none}.cs-mobile-outline{display:block;margin-bottom:16px}.cs-outline{display:none;position:static;max-height:70vh}.cs-outline.is-open{display:flex}.cs-learning-header{align-items:flex-start;flex-direction:column;gap:14px}.cs-learning-header h1{font-size:23px}.cs-learning-header .cs-actions{width:100%}.cs-lesson-heading{padding:20px}.cs-lesson-heading h2{font-size:21px}.cs-study-footer{position:sticky;bottom:0;background:var(--cs-card);padding:12px 0 6px;z-index:4;border-top:1px solid var(--cs-line)}.cs-study-footer .cs-btn{padding:10px;font-size:11px!important}.cs-manage-grid>aside{order:0}.cs-form-footer{align-items:flex-start}.cs-dialog-header{padding:18px}.cs-quiz-dialog [data-quiz-questions]{padding:18px}.cs-content-area>.cs-prose{padding:20px}}
@media(max-width:520px){.cs-enroll{display:block}.cs-enroll .cs-cover{height:150px;min-height:0}.cs-enroll .cs-cover-placeholder{display:none}.cs-enroll-body{padding:18px}.cs-enroll-body .cs-kicker{display:none}.cs-enroll-body h2{font-size:20px;margin-bottom:10px}.cs-facts{grid-template-columns:repeat(2,1fr)}.cs-hero h1{font-size:29px}.cs-hero{padding:24px 20px}.cs-lead{font-size:14px}.cs-hero .cs-kicker{font-size:8px}.cs-panel{padding:18px}.cs-lesson-panel,.cs-enroll,.cs-outline{padding:0}.cs-tabs button{padding:10px 9px;font-size:12px}.cs-form-grid{grid-template-columns:1fr}.cs-form-footer{flex-direction:column;align-items:stretch}.cs-form-footer small{max-width:none}.cs-file{flex-wrap:wrap}.cs-file .cs-btn{margin-left:60px;min-height:38px;padding:8px 12px}.cs-lesson-heading{align-items:flex-start;flex-direction:column;gap:8px}.cs-lesson-heading .cs-chip{font-size:9px}.cs-study-footer{flex-wrap:wrap}.cs-study-footer [data-complete]{order:3;width:100%}.cs-dialog-footer{flex-direction:column;align-items:stretch;padding:18px}.cs-quiz-toolbar{padding:10px 18px}.cs-question-edit{padding:12px}.cs-section-heading{align-items:flex-start;flex-wrap:wrap}.cs-quiz-choice{padding:12px}.cs-quiz-dialog h2{font-size:18px}}
@media(prefers-reduced-motion:reduce){.cs *{transition:none!important;scroll-behavior:auto!important}}