@media (min-width:1024px){.courses-app-wide .app-main{max-width:1480px;padding-left:32px;padding-right:32px}}.cs-progress-track{background:#e2e8f0;border-radius:99px;height:8px;overflow:hidden;width:100%}.cs-progress-fill{background:#2563eb;border-radius:99px;display:block;height:100%;min-width:4px;transition:width .4s ease}.cs-hub{display:grid;gap:32px}.cs-hub-hero{display:grid;gap:20px;grid-template-columns:1fr}@media (min-width:1024px){.cs-hub-hero{grid-template-columns:1fr 380px}}@media (min-width:1280px){.cs-hub-hero{grid-template-columns:minmax(0,1fr) 420px}}.cs-hub-hero-card{background:#fff;border:1px solid #bfdbfe;border-radius:28px;box-shadow:var(--shadow-card-md);display:flex;flex-direction:column;gap:14px;padding:28px}@media (min-width:640px){.cs-hub-hero-card{padding:32px}}.cs-hub-title{color:#07133f;font-size:28px;font-weight:900;letter-spacing:-.02em;line-height:1.15;margin:0}@media (min-width:640px){.cs-hub-title{font-size:36px}}.cs-hub-subtitle{color:#475569;font-size:15px;line-height:1.65;margin:0}.cs-hub-tags{display:flex;flex-wrap:wrap;gap:8px}.cs-hub-intro-btn{align-items:center;align-self:flex-start;background:#f8fafc;border:none;border-radius:99px;box-shadow:inset 0 0 0 1.5px #e2e8f0;color:#07133f;cursor:pointer;display:inline-flex;font-size:13px;font-weight:900;gap:8px;padding:8px 16px 8px 8px;transition:background .15s,box-shadow .15s}.cs-hub-intro-btn:hover{background:#eff6ff;box-shadow:inset 0 0 0 1.5px #bfdbfe;color:#1d4ed8}.cs-hub-intro-icon{align-items:center;background:#fff;border-radius:99px;box-shadow:0 1px 4px rgba(15,23,42,.12);display:grid;height:28px;place-items:center;width:28px}.cs-hub-continue-card{background:#07133f;border-radius:28px;box-shadow:var(--shadow-card-md);color:#fff;display:flex;flex-direction:column;gap:0;padding:28px}@media (min-width:640px){.cs-hub-continue-card{padding:32px}}.cs-hub-continue-top{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:20px}.cs-hub-continue-title{color:#fff;font-size:22px;font-weight:900;letter-spacing:-.01em;margin:6px 0 0}.cs-hub-continue-sub{color:#bfdbfe;font-size:13px;font-weight:600;margin:6px 0 0}.cs-hub-progress-ring{align-items:center;background:rgba(255,255,255,.1);border:3px solid #93c5fd;border-radius:99px;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:900;height:60px;justify-content:center;width:60px}.cs-hub-continue-track{background:rgba(255,255,255,.1);border-radius:16px;margin-bottom:20px;padding:16px}.cs-hub-continue-track-row{color:#bfdbfe;display:flex;font-size:12px;font-weight:900;justify-content:space-between;margin-bottom:8px}.cs-hub-continue-track .cs-progress-track{background:rgba(255,255,255,.2)}.cs-hub-continue-track .cs-progress-fill{background:#fbbf24}.cs-hub-section{display:grid;gap:20px}.cs-hub-section-head{align-items:flex-end;display:flex;flex-direction:column;gap:14px}@media (min-width:640px){.cs-hub-section-head{flex-direction:row;justify-content:space-between}}.cs-hub-section-title{color:#07133f;font-size:22px;font-weight:900;letter-spacing:-.01em;margin:4px 0 0}.cs-filter-tabs{background:#fff;border-radius:12px;box-shadow:0 1px 4px rgba(15,23,42,.08);display:flex;gap:0;max-width:100%;overflow-x:auto;padding:4px;box-shadow:0 1px 4px rgba(15,23,42,.08),inset 0 0 0 1px #e2e8f0;scrollbar-width:none}.cs-filter-tabs::-webkit-scrollbar{display:none}.cs-filter-tab{background:transparent;border:none;border-radius:10px;color:#64748b;cursor:pointer;font-size:13px;font-weight:900;padding:8px 16px;transition:background .15s,color .15s}.cs-filter-tab-active{background:#07133f;color:#fff}.cs-course-grid{display:grid;gap:16px;grid-template-columns:1fr}@media (min-width:640px){.cs-course-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.cs-course-grid{grid-template-columns:repeat(3,1fr)}}.cs-course-card{background:#fff;border:1.5px solid #e2e8f0;border-radius:28px;box-shadow:var(--shadow-card-md);display:flex;flex-direction:column;gap:14px;padding:24px;transition:box-shadow .2s}.cs-course-card:hover{box-shadow:0 16px 40px rgba(15,23,42,.09)}.cs-course-card-active{border-color:#bfdbfe;border-width:2px}.cs-course-card-top{align-items:flex-start;display:flex;justify-content:space-between}.cs-course-thumb{border-radius:99px;height:100px;overflow:hidden;width:100px}.cs-course-thumb img{height:100%;object-fit:cover;width:100%}.cs-course-thumb span{align-items:center;display:flex;font-size:32px;font-weight:900;height:100%;justify-content:center;width:100%}.cs-course-thumb-basic{background:#dbeafe;color:#1d4ed8}.cs-course-thumb-intermediate{background:#d1fae5;color:#065f46}.cs-course-thumb-advanced{background:#fef3c7;color:#92400e}.cs-course-thumb-default{background:#f1f5f9;color:#475569}.cs-course-card-title{color:#07133f;font-size:20px;font-weight:900;letter-spacing:-.01em;margin:0}.cs-course-card-desc{color:#64748b;font-size:14px;line-height:1.65;margin:0}.cs-course-card-tags{display:flex;flex-wrap:wrap;gap:6px}.cs-course-card-footer{border-top:1px solid #f1f5f9;margin-top:auto;padding-top:14px}.cs-course-card-progress-row{color:#94a3b8;display:flex;font-size:12px;font-weight:700;justify-content:space-between;margin-bottom:8px}.cs-course-card-access{color:#94a3b8;font-size:13px;font-weight:700;margin:0}.cs-step-page{display:grid;gap:16px}.cs-step-topbar{align-items:center;display:flex;justify-content:space-between}.cs-mobile-roadmap-btn{background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;color:#334155;cursor:pointer;display:block;font-size:13px;font-weight:900;padding:8px 14px}@media (min-width:1024px){.cs-mobile-roadmap-btn{display:none}}.cs-step-workspace{display:grid;gap:20px;grid-template-columns:1fr}@media (min-width:1024px){.cs-step-workspace{align-items:start;gap:24px;grid-template-columns:minmax(300px,340px) minmax(0,1fr)}}@media (min-width:1280px){.cs-step-workspace{gap:28px;grid-template-columns:340px minmax(0,1fr)}}.cs-step-content-area{display:flex;flex-direction:column;min-width:0}@media (max-width:1023px){.cs-mobile-detail .cs-step-content-area{min-height:0}}.cs-sidebar{background:#fff;border:1px solid #e2e8f0;border-radius:24px;box-shadow:var(--shadow-card-md);display:none;overflow:hidden}@media (min-width:1024px){.cs-sidebar{display:flex;flex-direction:column;gap:0;max-height:calc(100vh - 100px);position:sticky;top:calc(var(--header-height) + 8px)}}.cs-sidebar-head{align-items:flex-start;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:20px}.cs-sidebar-course h2{color:#07133f;font-size:17px;font-weight:900;margin:0}.cs-sidebar-course span{color:#94a3b8;font-size:12px;font-weight:700}.cs-sidebar-pct{background:#eff6ff;border-radius:99px;color:#1d4ed8;font-size:12px;font-weight:900;padding:4px 10px;white-space:nowrap}.cs-sidebar-pct-syncing{background:#f8fafc;color:#64748b}.cs-sidebar .cs-progress-track{margin:0 20px;width:calc(100% - 40px)}.cs-sidebar-steps-count{color:#94a3b8;font-size:12px;font-weight:700;padding:8px 20px 12px}.cs-hub-progress-note{color:#64748b;font-size:12px;font-weight:700;padding:0 0 14px;text-align:right}.cs-lesson-tree{flex:1;overflow-y:auto;padding:12px;scrollbar-width:thin;scrollbar-color:#e2e8f0 transparent}.cs-lesson-tree::-webkit-scrollbar{width:4px}.cs-lesson-tree::-webkit-scrollbar-track{background:transparent}.cs-lesson-tree::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:99px}.cs-tree-lesson{border-radius:16px;margin-bottom:6px;overflow:hidden}.cs-tree-lesson-current{background:#eff6ff}.cs-tree-lesson-title{align-items:center;background:transparent;border:none;cursor:pointer;display:flex;font-size:14px;font-weight:900;gap:8px;justify-content:space-between;padding:12px 14px;text-align:left;width:100%}.cs-tree-lesson-current .cs-tree-lesson-title{color:#07133f}.cs-tree-lesson:not(.cs-tree-lesson-current) .cs-tree-lesson-title{background:transparent;border:1.5px solid #f1f5f9;border-radius:14px;color:#334155}.cs-tree-lesson:not(.cs-tree-lesson-current) .cs-tree-lesson-title:hover{border-color:#cbd5e1}.cs-tree-lesson-meta{align-items:center;color:#94a3b8;display:flex;font-size:12px;font-weight:700;gap:6px}.cs-tree-lesson-meta em{font-style:normal}.cs-tree-steps{display:grid;gap:2px;padding:4px 6px 8px}.cs-tree-empty{color:#94a3b8;font-size:12px;line-height:1.5}.cs-tree-empty,.cs-tree-step{font-weight:700;padding:8px 10px}.cs-tree-step{align-items:center;border-radius:12px;display:flex;font-size:13px;gap:10px;text-decoration:none;color:#475569;transition:background .12s}a.cs-tree-step:hover{background:#fff}.cs-tree-step-active{background:#fff;box-shadow:0 2px 8px rgba(15,23,42,.08);color:#07133f;font-weight:900}.cs-tree-step-locked{color:#cbd5e1}.cs-tree-step-dot{align-items:center;background:#f1f5f9;border-radius:99px;color:#94a3b8;display:flex;flex-shrink:0;font-size:12px;font-weight:900;height:28px;justify-content:center;width:28px}.cs-tree-step-dot-done{background:#dcfce7;color:#15803d}.cs-tree-step-dot-current{background:#2563eb;color:#fff}.cs-tree-step-dot-syncing{background:#f8fafc;color:#94a3b8}.cs-tree-step-dot-pulse{background:#cbd5e1;border-radius:999px;display:block;height:7px;opacity:.8;width:7px}@keyframes cs-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes cs-drawer-in{0%{transform:translateX(-100%)}to{transform:translateX(0)}}.cs-mobile-sidebar-overlay{animation:cs-overlay-in .18s ease;background:rgba(7,19,63,.5);bottom:0;left:0;position:fixed;right:0;top:0;z-index:110}.cs-mobile-sidebar-drawer{animation:cs-drawer-in .22s cubic-bezier(.25,.46,.45,.94);bottom:0;left:0;max-width:320px;overflow:hidden;position:absolute;top:0;width:85%}.cs-mobile-sidebar-drawer .cs-sidebar{border:none;border-radius:0;box-shadow:none;display:flex;flex-direction:column;height:100%;max-height:100%;overflow:hidden;position:static;width:100%}.cs-sidebar-head-right{align-items:center;display:flex;flex-shrink:0;gap:8px}.cs-sidebar-close{align-items:center;background:#f1f5f9;border:none;border-radius:8px;color:#475569;cursor:pointer;display:flex;height:32px;justify-content:center;transition:background .15s,color .15s;width:32px}.cs-sidebar-close:hover{background:#e2e8f0;color:#07133f}.cs-step-main{background:#fff;border:1px solid #e2e8f0;border-radius:24px;box-shadow:var(--shadow-card-md);display:flex;flex-direction:column;gap:0;min-height:70vh;min-width:0;overflow:clip}.cs-step-loading{color:#94a3b8;display:flex;font-size:14px;font-weight:600}.cs-step-error,.cs-step-loading{align-items:center;justify-content:center;min-height:50vh}.cs-step-error{flex-direction:column;gap:12px;text-align:center;padding:40px 24px}.cs-step-error h2{color:#07133f;font-size:20px;font-weight:900;margin:0}.cs-step-error a{color:#2563eb;font-weight:700;text-decoration:none}.cs-step-locked{align-items:center;flex-direction:column;gap:16px;justify-content:center;min-height:50vh;padding:40px 24px;text-align:center;color:#64748b}.cs-step-locked h2{color:#07133f;font-size:22px;font-weight:900;margin:0}.cs-step-locked p{max-width:400px;margin:0;line-height:1.65}.cs-step-locked svg{color:#94a3b8}.cs-step-pending{align-items:center;justify-content:center;min-height:70vh;padding:24px}.cs-step-pending-compact{align-items:center;background:#fff;border:1.5px solid #e2e8f0;border-radius:18px;box-shadow:0 12px 30px rgba(15,23,42,.08);color:#64748b;display:flex;gap:12px;max-width:min(420px,100%);padding:16px 18px}.cs-step-pending-compact div{display:grid;gap:2px;min-width:0}.cs-step-pending-compact strong{color:#07133f;font-size:14px;font-weight:900;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cs-step-pending-compact span{font-size:12px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cs-step-pending-spinner{animation:cs-spin .75s linear infinite;border:2px solid #dbeafe;border-top-color:#2563eb;border-radius:999px;flex-shrink:0;height:22px;width:22px}@keyframes cs-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.cs-step-pending-spinner,.cs-video-loading-spinner{animation:none}}.cs-step-header{align-items:flex-start;border-bottom:1px solid #f1f5f9;display:flex;flex-direction:column;gap:16px;min-width:0;padding:24px}@media (min-width:640px){.cs-step-header{flex-direction:row;justify-content:space-between;padding:28px 32px}}.cs-step-title{color:#07133f;font-size:24px;font-weight:900;letter-spacing:-.02em;margin:8px 0 0;overflow-wrap:anywhere}@media (min-width:640px){.cs-step-title{font-size:28px}}.cs-step-desc{color:#64748b;font-size:14px;line-height:1.65;margin:8px 0 0;max-width:560px}.cs-meta-grid{display:grid;gap:12px;grid-template-columns:repeat(3,1fr);padding:20px 24px}@media (min-width:640px){.cs-meta-grid{padding:20px 32px}}.cs-meta-card{background:#f8fafc;border-radius:16px;min-width:0;padding:16px}.cs-meta-label{color:#94a3b8;font-size:11px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.cs-meta-value{color:#07133f;font-size:16px;font-weight:900;margin-top:6px}.cs-meta-done{color:#15803d}.cs-meta-active{color:#2563eb}.cs-video-shell{display:grid;gap:10px;margin:0 24px;min-width:0}@media (min-width:640px){.cs-video-shell{margin:0 32px}}.cs-video-frame{aspect-ratio:16/9;background:radial-gradient(circle at 18% 16%,rgba(37,99,235,.22),transparent 28%),linear-gradient(135deg,#07133f,#111827 52%,#0f172a);border:1px solid rgba(148,163,184,.28);border-radius:18px;box-shadow:0 18px 48px rgba(15,23,42,.16);overflow:hidden;position:relative;width:100%}.cs-video-frame iframe{border:none;display:block;height:100%;position:relative;width:100%;z-index:2}.cs-video-skeleton{align-items:center;background:rgba(7,19,63,.18);display:flex;inset:0;justify-content:center;position:absolute;z-index:3}.cs-video-loading-spinner{animation:cs-spin .75s linear infinite;border:2px solid rgba(255,255,255,.35);border-top-color:#ffffff;border-radius:999px;height:26px;width:26px}.cs-video-placeholder{align-items:center;background:#f8fafc;border:1.5px dashed #cbd5e1;border-radius:16px;color:#94a3b8;display:flex;flex-direction:column;gap:8px;margin:0 24px;padding:40px;text-align:center}.cs-video-placeholder strong{color:#334155;font-size:15px;font-weight:900}.cs-video-placeholder span{font-size:13px}.cs-video-placeholder-error{background:#fff7ed;border-color:#fed7aa;color:#c2410c}.cs-video-placeholder-error strong{color:#9a3412}.cs-content-section{border:1.5px solid #e2e8f0;border-radius:18px;margin:0 24px;min-width:0;padding:20px}@media (min-width:640px){.cs-content-section{margin:0 32px}}.cs-content-section-quiet{background:#ffffff;border-color:#edf2f7}.cs-content-section-title{color:#07133f;font-size:16px;font-weight:900;margin:0 0 12px}.cs-content-heading{color:#07133f;font-size:18px;font-weight:900;margin:20px 0 8px}.cs-content-para{color:#475569;font-size:14px;line-height:1.75;margin:0 0 12px}.cs-content-audio-transcript,.cs-content-bullets,.cs-content-callout,.cs-content-fallback,.cs-content-heading,.cs-content-numbered,.cs-content-para,.cs-content-resource,.cs-content-tip{max-width:780px}.cs-content-bullets{display:flex;flex-direction:column;gap:10px;list-style:none;margin:12px 0;padding:0}.cs-content-bullets li{align-items:flex-start;color:#334155;display:flex;font-size:14px;gap:10px;line-height:1.65}.cs-content-bullets li svg{color:#22c55e;flex-shrink:0;margin-top:2px}.cs-content-numbered{color:#334155;display:grid;font-size:14px;gap:8px;line-height:1.65;margin:12px 0;padding-left:24px}.cs-content-numbered li{padding-left:4px}.cs-content-callout{background:#f8fafc;border-left:3px solid #2563eb;border-radius:0 12px 12px 0;margin:16px 0;padding:14px 16px}.cs-content-callout strong{color:#07133f;display:block;font-size:14px;font-weight:900;margin-bottom:4px}.cs-content-callout p{color:#475569;font-size:13px;line-height:1.65;margin:0}.cs-smartpractice-panel{align-items:flex-start;background:rgba(219,234,254,.6);border:1.5px solid #bfdbfe;border-radius:18px;display:flex;flex-direction:column;gap:16px;margin:0 24px;padding:20px}@media (min-width:640px){.cs-smartpractice-panel{flex-direction:row;justify-content:space-between;margin:0 32px}}.cs-panel-title{color:#07133f;font-size:20px;font-weight:900;letter-spacing:-.01em;margin:4px 0 0}.cs-panel-desc{color:#475569;font-size:13px;line-height:1.65;margin:6px 0 0;max-width:440px}.cs-empty-step,.cs-step-focus{margin:0 24px}@media (min-width:640px){.cs-empty-step,.cs-step-focus{margin:0 32px}}.cs-step-focus{align-items:flex-start;background:#f8fafc;border:1.5px solid #dbeafe;border-radius:18px;display:flex;flex-direction:column;gap:16px;padding:20px}@media (min-width:640px){.cs-step-focus{align-items:center;flex-direction:row;justify-content:space-between}}.cs-step-focus-vocab{background:linear-gradient(135deg,#eff6ff,#f8fafc)}.cs-flashcards-embed,.cs-flashcards-embed-fallback{margin:0 24px}@media (min-width:640px){.cs-flashcards-embed,.cs-flashcards-embed-fallback{margin:0 32px}}.cs-flashcards-embed{display:grid;gap:12px}.cs-flashcards-embed-head{align-items:flex-start;display:flex;flex-direction:column;gap:10px}@media (min-width:640px){.cs-flashcards-embed-head{align-items:center;flex-direction:row;justify-content:space-between}}.cs-flashcards-embed-kicker{color:#2563eb;font-size:11px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.cs-flashcards-embed-head h2{color:#07133f;font-size:18px;font-weight:900;margin:3px 0 0}.cs-flashcards-embed-open{align-items:center;border:1px solid #cbd5e1;border-radius:12px;color:#475569;display:inline-flex;font-size:13px;font-weight:900;gap:6px;min-height:38px;padding:0 12px;transition:border-color .2s ease,color .2s ease}.cs-flashcards-embed-open:hover{border-color:#94a3b8;color:#07133f}.cs-flashcards-embed-frame-wrap{background:#f8fafc;border:1px solid #dbeafe;border-radius:18px;min-height:620px;overflow:hidden;position:relative;transition:height .18s ease}.cs-flashcards-embed-frame{border:0;display:block;min-height:620px;width:100%}.cs-flashcards-embed-skeleton{align-items:center;background:#f8fafc;color:#64748b;display:grid;gap:12px;inset:0;justify-items:center;position:absolute;z-index:1}.cs-flashcards-embed-skeleton span{animation:cs-pulse 1.2s ease-in-out infinite;background:#dbeafe;border-radius:18px;display:block;height:220px;width:min(420px,78%)}.cs-flashcards-embed-skeleton strong{font-size:14px;font-weight:900}.cs-flashcards-embed-fallback{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:18px;color:#64748b;display:grid;gap:6px;padding:18px 20px}.cs-flashcards-embed-fallback strong{color:#334155;font-size:15px;font-weight:900}.cs-flashcards-embed-fallback span{font-size:13px;font-weight:600;line-height:1.55}@keyframes cs-pulse{0%,to{opacity:.55}50%{opacity:1}}.cs-resources-panel{background:#f8fafc;border:1.5px solid #dbeafe;border-radius:18px;display:flex;flex-direction:column;gap:12px;margin:0 24px;padding:20px}@media (min-width:640px){.cs-resources-panel{margin:0 32px}}.cs-resources-panel-compact{background:#ffffff;border-color:#e2e8f0;padding:16px}.cs-resource-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}.cs-homework-panel{background:#fff;border:1.5px solid #e2e8f0;border-radius:18px;display:flex;flex-direction:column;gap:14px;margin:0 24px;padding:20px}@media (min-width:640px){.cs-homework-panel{margin:0 32px}}.cs-homework-head{display:flex;flex-direction:column;gap:4px}.cs-homework-head strong{color:#07133f;font-size:16px}.cs-homework-grid{display:grid;gap:12px}.cs-homework-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;display:flex;gap:14px;padding:14px}.cs-homework-num{color:#94a3b8;flex-shrink:0;font-size:16px;font-weight:900}.cs-homework-card h3{color:#07133f;font-size:15px;font-weight:900;margin:0 0 4px}.cs-homework-card p{color:#64748b;font-size:13px;line-height:1.55;margin:0 0 12px}.cs-empty-step{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:18px;color:#64748b;display:grid;gap:6px;padding:18px 20px}.cs-empty-step strong{color:#334155;font-size:15px;font-weight:900}.cs-empty-step span{font-size:13px;font-weight:600;line-height:1.55}.cs-empty-route-state{align-items:flex-start;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:20px;color:#64748b;display:grid;gap:16px;padding:24px}.cs-empty-route-state svg{color:#2563eb}.cs-empty-route-state h1,.cs-empty-route-state h2{color:#07133f;font-size:22px;font-weight:900;line-height:1.2;margin:6px 0 8px}.cs-empty-route-state p{color:#64748b;font-size:14px;font-weight:600;line-height:1.7;margin:0}.cs-homework-hint{color:#94a3b8;font-size:12px;font-weight:600;line-height:1.6;margin:0}.cs-step-footer{background:rgba(255,255,255,.95);backdrop-filter:blur(8px);border-top:1px solid #e2e8f0;bottom:0;margin-top:auto;padding:16px;position:sticky;z-index:10}.cs-step-footer-nav{display:grid;gap:10px;grid-template-columns:1fr 1.5fr 1fr;margin:0 auto;max-width:920px}.cs-step-save-error{background:#fef2f2;border:1px solid #fecaca;border-radius:12px;color:#991b1b;font-size:13px;font-weight:800;margin:0 auto 10px;max-width:920px;padding:10px 12px}.cs-footer-btn{align-items:center;border:none;border-radius:14px;cursor:pointer;display:flex;font-size:13px;font-weight:900;gap:6px;justify-content:center;min-width:0;padding:12px 8px;text-align:center;transition:background .15s,opacity .15s}.cs-footer-btn:disabled{cursor:not-allowed;opacity:.35}.cs-footer-btn-muted{background:#f1f5f9;color:#475569}.cs-footer-btn-muted:hover:not(:disabled){background:#e2e8f0}.cs-footer-btn-primary{background:#2563eb;box-shadow:0 4px 16px rgba(37,99,235,.28);color:#fff}.cs-footer-btn-primary:hover{background:#1d4ed8}.cs-footer-btn-done{background:#dcfce7;color:#15803d}.cs-footer-btn-done:hover{background:#bbf7d0}.cs-footer-btn:focus-visible,.cs-mobile-roadmap-btn:focus-visible,.cs-sidebar-close:focus-visible{outline:3px solid #2563eb;outline-offset:2px}.cs-step-main>*{flex-shrink:0}.cs-step-main>:not(:first-child):not(.cs-step-footer){margin-bottom:0}.cs-step-header~.cs-meta-grid{padding-top:20px}.cs-meta-grid~.cs-content-section,.cs-meta-grid~.cs-video-frame,.cs-meta-grid~.cs-video-placeholder,.cs-meta-grid~.cs-video-shell{margin-top:0}.cs-content-section+.cs-homework-panel,.cs-content-section+.cs-resources-panel,.cs-content-section+.cs-smartpractice-panel,.cs-smartpractice-panel+.cs-resources-panel,.cs-video-frame+.cs-content-section,.cs-video-shell+.cs-content-section{margin-top:16px}.cs-step-main>:nth-last-child(2){margin-bottom:24px}.cs-path-banner{background:#fff;border:1px solid #e2e8f0;border-radius:24px;box-shadow:var(--shadow-card-md);display:flex;flex-direction:column;gap:16px;padding:20px 24px}.cs-path-banner-head{display:flex;flex-direction:column;gap:4px}.cs-path-banner-sub{color:#64748b;font-size:13px;font-weight:600;margin:0}.cs-path-nodes{align-items:center;display:flex;flex-wrap:wrap;gap:4px}.cs-path-connector{align-items:center;color:#cbd5e1;display:flex;padding:0 4px}.cs-path-node{align-items:center;border-radius:16px;display:flex;flex-direction:column;gap:3px;min-width:96px;padding:12px 16px;text-align:center}.cs-path-node-basic{background:#dbeafe}.cs-path-node-intermediate{background:#d1fae5}.cs-path-node-advanced{background:#fef3c7}.cs-path-node-default,.cs-path-node-system{background:#f1f5f9}.cs-path-node-done{box-shadow:0 0 0 2px #22c55e}.cs-path-node-active{box-shadow:0 0 0 2px #2563eb}.cs-path-node-score{font-size:16px;font-weight:900}.cs-path-node-basic .cs-path-node-score{color:#1d4ed8}.cs-path-node-intermediate .cs-path-node-score{color:#065f46}.cs-path-node-advanced .cs-path-node-score{color:#92400e}.cs-path-node-system .cs-path-node-score{color:#475569;font-size:20px}.cs-path-node-default .cs-path-node-score{color:#475569}.cs-path-node-level{color:#475569;font-size:11px;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.cs-path-node-status{align-items:center;border-radius:99px;display:inline-flex;font-size:10px;font-weight:700;gap:3px;margin-top:2px;padding:2px 8px}.cs-path-node-status-done{background:#dcfce7;color:#15803d}.cs-path-node-status-active{background:#dbeafe;color:#1d4ed8}.cs-path-node-status-idle{background:rgba(0,0,0,.06);color:#94a3b8}.cs-completion-card{align-items:center;display:flex;flex:1;flex-direction:column;gap:12px;justify-content:center;min-height:55vh;padding:40px 24px;text-align:center}@media (min-width:640px){.cs-completion-card{padding:60px 48px}}.cs-completion-emoji{font-size:60px;line-height:1;margin-bottom:4px}.cs-completion-title{color:#07133f;font-size:26px;font-weight:900;letter-spacing:-.02em;line-height:1.15;margin:0}@media (min-width:640px){.cs-completion-title{font-size:32px}}.cs-completion-sub{color:#64748b;font-size:14px;font-weight:600;margin:0}.cs-completion-divider{background:#f1f5f9;height:1px;margin:4px 0;width:80px}.cs-completion-actions{display:flex;flex-direction:column;gap:10px;margin-top:4px;max-width:360px;width:100%}.cs-graduation-card{gap:16px}.cs-graduation-next{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;display:flex;flex-direction:column;gap:10px;margin-top:8px;max-width:420px;padding:20px;text-align:left;width:100%}.cs-graduation-next-title{color:#07133f;font-size:13px;font-weight:900;margin:0;text-transform:uppercase;letter-spacing:.05em}.cs-graduation-actions{display:flex;flex-direction:column;gap:8px}.cs-graduation-item{align-items:center;background:#07133f;border-radius:14px;color:#fff;display:flex;gap:8px;justify-content:space-between;padding:12px 16px;text-decoration:none;transition:background .15s}.cs-graduation-item:hover{background:#0f1f5c}.cs-graduation-item>svg{flex-shrink:0}.cs-graduation-item span{display:flex;flex-direction:column;gap:2px}.cs-graduation-item strong{font-size:13px;font-weight:900}.cs-graduation-item em{color:#93c5fd;font-size:11px;font-style:normal;font-weight:600}.cs-graduation-item-tool{background:#fff;border:1.5px solid #e2e8f0;color:#07133f}.cs-graduation-item-tool:hover{background:#f8fafc;border-color:#cbd5e1}.cs-graduation-item-tool em{color:#64748b}.cs-content-tip{align-items:flex-start;background:#fffbeb;border-left:3px solid #f59e0b;border-radius:0 12px 12px 0;display:flex;gap:10px;margin:16px 0;padding:14px 16px}.cs-content-tip svg{color:#f59e0b;flex-shrink:0;margin-top:1px}.cs-content-tip p{color:#78350f;font-size:13px;line-height:1.65;margin:0}.cs-content-image{margin:12px 0}.cs-content-image img{border-radius:12px;display:block;max-width:100%;width:100%}.cs-content-image figcaption{color:#94a3b8;font-size:12px;font-weight:600;margin-top:8px;text-align:center}.cs-content-table-wrap{border:1px solid #e2e8f0;border-radius:12px;margin:12px 0;overflow-x:auto}.cs-content-table{border-collapse:collapse;font-size:14px;width:100%}.cs-content-table th{background:#f8fafc;color:#475569;font-size:11px;font-weight:900;letter-spacing:.05em;padding:10px 14px;text-align:left;text-transform:uppercase;white-space:nowrap}.cs-content-table td{border-top:1px solid #f1f5f9;color:#334155;font-size:13px;font-weight:600;padding:10px 14px}.cs-content-audio,.cs-content-table tr:hover td{background:#f8fafc}.cs-content-audio{border:1.5px solid #e2e8f0;border-radius:16px;display:flex;flex-direction:column;gap:10px;margin:12px 0;padding:16px}.cs-content-audio-label{align-items:center;color:#07133f;display:flex;font-size:14px;font-weight:900;gap:7px}.cs-content-audio-label svg{color:#2563eb}.cs-content-audio audio{width:100%}.cs-content-audio-transcript{background:#fff;border:1px solid #e2e8f0;border-radius:10px;color:#64748b;font-size:13px;line-height:1.65;padding:10px 12px}.cs-content-resource{align-items:center;background:#f8fafc;border:1.5px solid #dbeafe;border-radius:14px;color:#07133f;display:flex;gap:12px;margin:12px 0;padding:14px;text-decoration:none;transition:border-color .2s ease,background .2s ease}.cs-content-resource:hover{background:#eff6ff;border-color:#93c5fd}.cs-content-resource-icon{align-items:center;background:#dbeafe;border-radius:12px;color:#2563eb;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.cs-content-resource-copy{display:grid;flex:1;gap:3px;min-width:0}.cs-content-resource-copy strong{font-size:14px;font-weight:900}.cs-content-resource-copy em{color:#64748b;font-size:13px;font-style:normal;line-height:1.45}.cs-content-fallback{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:12px;color:#64748b;font-size:13px;font-weight:700;margin:12px 0;padding:12px 14px}@media (max-width:520px){.cs-hub{gap:22px}.cs-course-card,.cs-hub-continue-card,.cs-hub-hero-card,.cs-path-banner,.cs-step-main{border-radius:20px}.cs-course-card,.cs-hub-continue-card,.cs-hub-hero-card,.cs-path-banner{padding:18px}.cs-step-topbar{gap:8px}.cs-meta-grid,.cs-step-header{padding:18px}.cs-meta-grid{grid-template-columns:1fr}.cs-content-section,.cs-empty-route-state,.cs-empty-step,.cs-flashcards-embed,.cs-flashcards-embed-fallback,.cs-homework-panel,.cs-resources-panel,.cs-smartpractice-panel,.cs-step-focus,.cs-video-placeholder,.cs-video-shell{margin-left:14px;margin-right:14px}.cs-content-section,.cs-empty-route-state,.cs-empty-step,.cs-flashcards-embed-fallback,.cs-homework-panel,.cs-resources-panel,.cs-smartpractice-panel,.cs-step-focus,.cs-video-placeholder{padding:18px}.cs-step-footer{padding:12px}.cs-step-footer-nav{gap:6px;grid-template-columns:minmax(74px,.85fr) minmax(128px,1.5fr) minmax(74px,.85fr)}.cs-footer-btn{font-size:12px;gap:4px;line-height:1.15;min-height:44px;padding:10px 6px}.cs-footer-btn svg{flex:0 0 auto}.cs-homework-card a,.cs-resource-actions a{justify-content:center;max-width:100%;text-align:center;width:100%}}