:root{--ink:#0f172a;--ink-soft:#1e293b;--muted:#64748b;--muted-light:#94a3b8;--line:#e2e8f0;--line-strong:#cbd5e1;--surface:#fff;--surface-elevated:#fff;--canvas:#f1f5f9;--canvas-deep:#e2e8f0;--accent:#06b6d4;--accent-hover:#0891b2;--accent-dark:#0e7490;--accent-pale:#ecfeff;--accent-glow:#06b6d42e;--violet:#8b5cf6;--violet-pale:#f5f3ff;--danger:#ef4444;--success:#10b981;--shadow-sm:0 1px 2px #0f172a0d;--shadow-md:0 4px 12px #0f172a0f, 0 1px 3px #0f172a0a;--shadow-lg:0 12px 32px #0f172a14, 0 4px 12px #0f172a0a;--shadow-glow:0 0 0 3px var(--accent-glow);--radius-sm:10px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--ease:cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box}html{background:var(--canvas);scroll-behavior:smooth}body{min-height:100vh;color:var(--ink);background:radial-gradient(ellipse 80% 50% at 90% -10%, #06b6d41f, transparent), radial-gradient(ellipse 60% 40% at 10% 100%, #8b5cf612, transparent), var(--canvas);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:Inter,Segoe UI,system-ui,-apple-system,Noto Sans Hebrew,sans-serif}button,textarea{font:inherit}button:disabled{cursor:wait;opacity:.65}.page-shell{place-items:center;min-height:100vh;padding:20px 16px;display:grid}.survey-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-xl);width:min(100%,600px);box-shadow:var(--shadow-lg);padding:28px 22px}.survey-header{margin-bottom:24px}.eyebrow{color:var(--accent-dark);letter-spacing:.04em;text-transform:uppercase;margin:0 0 8px;font-size:.85rem;font-weight:700}h1{letter-spacing:-.03em;margin:0;font-size:clamp(1.65rem,7vw,2.2rem);font-weight:800;line-height:1.2}.intro,.privacy-note,.question-hint{line-height:1.55}.intro{margin:14px 0 8px}.privacy-note{color:var(--muted);margin:0;font-size:.94rem}.progress-region{margin:26px 0 32px}.progress-labels{color:var(--muted);justify-content:space-between;margin-bottom:9px;font-size:.88rem;display:flex}.progress-track{background:var(--canvas-deep);border-radius:999px;height:8px;overflow:hidden}.progress-value{background:linear-gradient(90deg, var(--accent), var(--violet));border-radius:inherit;height:100%;transition:width .22s var(--ease)}fieldset{border:0;min-width:0;margin:0;padding:0}legend{max-width:100%;padding:0;font-size:clamp(1.28rem,5.8vw,1.65rem);font-weight:700;line-height:1.42}.question-hint{color:var(--muted);margin:10px 0 16px}textarea{width:100%;min-height:132px;color:var(--ink);resize:vertical;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:#f8fafc;outline:none;padding:14px;transition:border-color .15s,box-shadow .15s}textarea:focus{border-color:var(--accent);box-shadow:var(--shadow-glow)}.options{gap:10px;display:grid}.option{cursor:pointer;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:#f8fafc;align-items:center;gap:12px;min-height:52px;padding:12px 14px;transition:background .15s,border-color .15s,transform .15s;display:flex}.option:hover{border-color:var(--accent);background:var(--accent-pale)}.option:has(input:focus-visible){outline:3px solid var(--accent-glow);outline-offset:2px}.option-selected{background:var(--accent-pale);border-color:var(--accent)}.option input{width:19px;height:19px;accent-color:var(--accent);margin:0}.slide-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;display:grid}.slide-card{cursor:pointer;min-height:74px;color:var(--ink);border:1px solid var(--line-strong);border-radius:var(--radius-sm);transition:all .15s var(--ease);background:#f8fafc;place-items:center;padding:8px;display:grid}.slide-card span{color:var(--muted);font-size:.76rem}.slide-card strong{font-size:1.25rem}.slide-card-selected{color:var(--accent-dark);background:var(--accent-pale);border-color:var(--accent)}.slide-card:focus-visible{outline:3px solid var(--accent-glow);outline-offset:2px}.no-difficulty-option,.follow-up-choice{margin-top:16px}.scale-options{color:var(--muted);gap:12px;font-size:.86rem;display:grid}.scale-options>div{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.scale-button{cursor:pointer;min-height:48px;color:var(--ink);border:1px solid var(--line-strong);background:#f8fafc;border-radius:10px;font-weight:700;transition:all .15s}.scale-button:hover{border-color:var(--accent)}.scale-button-selected{color:#fff;background:var(--accent);border-color:var(--accent)}.open-field-label{margin:24px 0 8px;font-weight:700;display:block}.open-field-label span{color:var(--muted);font-size:.85rem;font-weight:400}.error-message{color:var(--danger);margin:12px 0 0;font-weight:600}.actions{justify-content:space-between;gap:12px;margin-top:28px;display:flex}.button{cursor:pointer;min-height:48px;transition:all .18s var(--ease);border-radius:12px;padding:10px 22px;font-weight:700}.button-primary{color:#fff;background:linear-gradient(135deg, var(--accent), var(--accent-dark));border:none;box-shadow:0 4px 14px #06b6d459}.button-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #06b6d466}.button-secondary{color:var(--ink);border:1px solid var(--line-strong);background:#fff}.button-secondary:hover{border-color:var(--muted-light);background:#f8fafc}.button:focus-visible{outline:3px solid var(--accent-glow);outline-offset:2px}.completion-card{text-align:center}.completion-icon{color:#fff;background:linear-gradient(135deg, var(--accent), var(--violet));border-radius:50%;place-items:center;width:56px;height:56px;margin:0 auto 18px;font-size:2rem;font-weight:700;display:grid;box-shadow:0 8px 24px #06b6d44d}.completion-card p:not(.eyebrow){color:var(--muted);line-height:1.65}.results-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-xl);width:min(100%,880px);box-shadow:var(--shadow-lg);padding:28px 22px}.results-total{margin:18px 0 30px;font-size:1.1rem}.results-section{margin-top:32px}.results-section h2{margin-bottom:14px;font-size:1.25rem}table{border-spacing:0;border:1px solid var(--line);border-radius:var(--radius-sm);width:100%;overflow:hidden}th,td{text-align:right;border-bottom:1px solid var(--line);padding:12px}tr:last-child td{border-bottom:0}th{color:var(--muted);background:#f8fafc;font-size:.9rem}.response-list{gap:14px;display:grid}.response-card{border:1px solid var(--line);border-radius:var(--radius-sm);background:#f8fafc;padding:18px}.response-time{color:var(--muted);margin:0 0 16px;font-size:.85rem}.response-field+.response-field{margin-top:15px}.response-field h3{margin:0 0 5px;font-size:.95rem}.response-field p{white-space:pre-wrap;margin:0;line-height:1.55}.empty-results{color:var(--muted)}.lecturer-summary{flex-wrap:wrap;gap:10px;margin:22px 0;display:flex}.lecturer-summary span{border:1px solid var(--line);background:#f8fafc;border-radius:999px;padding:7px 10px}.lecturer-warning{border-radius:var(--radius-sm);background:#fffbeb;border:1px solid #fde68a;padding:12px}.lecturer-signal td{background:#fffbeb}@media (min-width:640px){.page-shell{padding:40px 24px}.survey-card,.results-card{padding:40px}}.course-shell{min-height:100vh;color:var(--ink);background:0 0}.course-workspace{min-width:0}.course-sidebar,.course-sidebar-toggle,.course-rail-brand,.workspace-sidebar{display:none}.product-nav{gap:6px;display:flex}.product-nav a{color:var(--muted);border-radius:10px;align-items:center;gap:10px;padding:8px 12px;font-size:.88rem;font-weight:600;text-decoration:none;display:flex}.product-nav a>span:first-child{display:none}.product-nav a:hover,.product-nav a:focus-visible{color:var(--ink);background:var(--accent-pale);outline:none}.course-divider{background:var(--line);height:1px;margin:22px 10px 4px}.course-context{color:var(--ink);background:linear-gradient(135deg,#f0f9ff,#ecfeff);border:1px solid #a5f3fc;border-radius:12px;gap:3px;margin:0 10px 10px;padding:12px;text-decoration:none;display:grid}.course-context span{color:var(--muted);font-size:.75rem}.breadcrumbs{color:var(--muted);flex-wrap:wrap;align-items:center;gap:7px;margin-bottom:20px;font-size:.82rem;display:flex}.breadcrumbs a{color:var(--muted);text-decoration:none}.breadcrumbs a:hover{color:var(--accent-dark);text-underline-offset:3px;text-decoration:underline}.course-mobile-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);z-index:40;background:#ffffffd9;padding:14px 16px 0;position:sticky;top:0}.workspace-mobile-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);z-index:40;background:#ffffffd9;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex;position:sticky;top:0}.mobile-product-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.mobile-course-context{color:var(--ink);margin:12px 0 -2px;font-size:.82rem;font-weight:800}.course-mobile-header .course-nav{scrollbar-width:none;gap:6px;padding:10px 0 12px;display:flex;overflow-x:auto}.course-mobile-header .course-nav::-webkit-scrollbar{display:none}.course-mobile-header .course-nav a{color:var(--muted);background:var(--canvas);border-radius:999px;flex:none;padding:8px 14px;font-size:.83rem;font-weight:600;text-decoration:none}.course-mobile-header .course-nav a span[aria-hidden=true]{display:none}.course-mobile-brand{color:var(--ink);align-items:center;gap:10px;text-decoration:none;display:flex}.course-mobile-brand .brand-logo{width:112px;height:48px}.course-mark{color:#fff;background:linear-gradient(135deg,#06b6d4,#8b5cf6);border-radius:10px;place-items:center;width:34px;height:34px;font-family:Georgia,serif;font-size:1.15rem;font-weight:700;display:grid;box-shadow:0 4px 12px #06b6d459}.course-mark-logo{background-color:#fff;background-image:url(/brand/syllo-logo.png);background-position:-20px -18px;background-repeat:no-repeat;background-size:145px;box-shadow:0 4px 12px #06b6d433}.brand-logo{object-fit:contain;width:132px;height:56px;display:block}.course-mobile-nav{scrollbar-width:none;gap:6px;padding:14px 0 12px;display:flex;overflow-x:auto}.course-mobile-nav::-webkit-scrollbar{display:none}.course-mobile-nav a{color:var(--muted);border-radius:999px;flex:none;padding:8px 14px;font-size:.88rem;font-weight:600;text-decoration:none;transition:all .15s}.course-mobile-nav a:hover,.course-mobile-nav a:focus-visible{color:var(--accent-dark);background:var(--accent-pale);outline:none}.course-main{width:min(100% - 32px,1120px);margin-inline:auto;padding-block:28px 80px}.workspace-main{width:min(100% - 32px,1120px);margin-inline:auto;padding-block:48px 80px}.workspace-intro{max-width:640px}.workspace-intro h1{letter-spacing:-.03em;margin:8px 0 10px;font-size:clamp(2rem,4vw,2.8rem)}.workspace-intro>p:last-child{color:var(--muted)}.workspace-course-list{margin-top:32px}.workspace-course-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);gap:24px;padding:clamp(24px,4vw,36px);display:grid}.workspace-course-card h2{margin:8px 0 4px;font-size:1.55rem}.workspace-course-card>div>p[dir=ltr]{color:var(--muted);margin:0}.workspace-course-card>div>span{color:var(--muted);margin-top:18px;font-size:.9rem;display:block}.workspace-course-card dl{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;display:grid}.workspace-course-card dl div{background:var(--canvas);border-radius:12px;padding:14px}.workspace-course-card dt{color:var(--accent-dark);font-size:1.35rem;font-weight:800}.workspace-course-card dd{color:var(--muted);margin:3px 0 0;font-size:.78rem}.workspace-course-card>a{color:#fff;background:var(--accent-dark);border-radius:10px;width:fit-content;padding:11px 16px;font-weight:700;text-decoration:none}.workspace-course-card>a:hover{background:var(--accent-hover)}.course-hero{border-radius:var(--radius-lg);color:#fff;box-shadow:var(--shadow-lg);background:linear-gradient(145deg,#0f172a 0%,#1e293b 60%,#0e7490 140%);border:none;gap:24px;padding:28px 24px;display:grid;position:relative;overflow:hidden}.course-hero:before{content:"";pointer-events:none;background:radial-gradient(circle at 85% 20%,#06b6d440,#0000 40%),radial-gradient(circle at 15% 80%,#8b5cf633,#0000 35%);position:absolute;inset:0}.course-hero>*{z-index:1;position:relative}.course-hero h1,.page-intro h1{letter-spacing:-.03em;margin:8px 0 0;font-weight:800}.course-hero h1{color:#fff;font-size:clamp(1.75rem,5vw,2.4rem);line-height:1.15}.course-hero>div>p:last-child,.page-intro>p:last-child{color:#ffffffb8;margin-top:10px;line-height:1.7}.course-hero-action{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius-md);background:#ffffff1a;border:1px solid #ffffff26;gap:6px;padding:16px 18px;transition:background .2s;display:grid}.course-hero-action:hover{background:#ffffff29}.course-hero-action span,.course-status span{color:#fff9;font-size:.82rem;font-weight:500}.course-hero-action a{color:#67e8f9;font-size:1.05rem;font-weight:800;text-decoration:none}.course-hero-action a:hover{color:#fff}.item-kicker{color:#67e8f9;letter-spacing:.06em;text-transform:uppercase;margin:0;font-size:.8rem;font-weight:700}.course-shortcuts{gap:14px;margin-top:28px;display:grid}.course-shortcuts a{min-height:100px;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:all .22s var(--ease);grid-template-columns:44px 1fr auto;align-items:center;column-gap:14px;padding:20px;text-decoration:none;display:grid;position:relative}.course-shortcuts a:hover{border-color:var(--accent);box-shadow:var(--shadow-md), 0 0 0 3px var(--accent-glow);transform:translateY(-3px)}.course-shortcuts i{color:#fff;background:linear-gradient(135deg, var(--accent), var(--violet));border-radius:12px;grid-row:span 2;place-items:center;width:44px;height:44px;font-size:1.15rem;font-style:normal;font-weight:800;display:grid;box-shadow:0 4px 12px #06b6d44d}.course-shortcuts strong{font-size:1.05rem;font-weight:700}.course-shortcuts span{color:var(--muted);grid-column:2;font-size:.9rem;line-height:1.45}.course-shortcuts bdi{color:var(--accent);grid-row:span 2;font-size:1.2rem;font-weight:700;transition:transform .2s}.course-shortcuts a:hover bdi{transform:translate(-4px)}.course-status{gap:14px;margin-top:28px;display:grid}.course-status>div{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);gap:4px;padding:20px;transition:border-color .2s,box-shadow .2s;display:grid}.course-status>div:hover{border-color:var(--accent);box-shadow:var(--shadow-md)}.course-status strong{letter-spacing:-.02em;background:linear-gradient(135deg, var(--ink), var(--accent-dark));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.35rem;font-weight:800}.course-status span{text-transform:uppercase;letter-spacing:.04em;font-size:.82rem;font-weight:600;color:var(--muted)!important}.course-status small{color:var(--muted);font-size:.88rem;line-height:1.4}.course-page-hero{color:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);background:radial-gradient(circle at 10% 90%,#8b5cf630,#0000 40%),linear-gradient(145deg,#0f172a,#1e293b 60%,#0e7490 140%);padding:clamp(24px,3vw,30px)}.course-page-hero .item-kicker{color:#cffafe;margin:0 0 12px}.course-page-hero h1{color:#fff;margin:0 0 8px;font-size:clamp(2rem,4vw,3rem)}.course-page-hero>p:last-of-type{color:#cbd5e1;max-width:650px;margin:0;font-size:1.05rem;font-weight:600}.course-page-hero-stats{color:#cffafe;flex-wrap:wrap;gap:8px;margin-top:18px;font-size:.82rem;display:flex}.course-page-hero-stats span{background:#ffffff0d;border:1px solid #ffffff24;border-radius:999px;padding:4px 12px}.page-intro{border-bottom:1px solid var(--line);max-width:720px;margin-bottom:8px;padding-bottom:16px}.page-intro .item-kicker{color:var(--accent-dark)}.page-intro h1{color:var(--ink);font-size:clamp(1.8rem,4vw,2.4rem)}.page-intro>p:last-child{color:var(--muted)!important}.lesson-list,.formula-list{gap:16px;margin-top:18px;display:grid}.lesson-card,.formula-card,.empty-content,.detail-section{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:all .22s var(--ease);padding:20px}.lesson-card{flex-direction:column;min-height:190px;display:flex}.lesson-card:hover,.formula-card:hover{border-color:var(--accent);box-shadow:var(--shadow-md), 0 0 0 3px var(--accent-glow);transform:translateY(-2px)}.lesson-card-top{justify-content:space-between;align-items:center;display:flex}.lesson-card-top .item-kicker{color:var(--accent-dark)}.lesson-card-top>span{color:#fff;background:linear-gradient(135deg, var(--accent), var(--violet));border-radius:12px;place-items:center;width:42px;height:42px;font-size:.95rem;font-weight:800;display:grid;box-shadow:0 4px 12px #06b6d44d}.lesson-card h2,.formula-card h2,.empty-content h2,.detail-section h2{letter-spacing:-.02em;margin:12px 0 8px;font-size:1.2rem;font-weight:700}.lesson-card .text-link{border-top:1px solid var(--line);width:100%}.lesson-card-actions{border-top:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:auto;padding-top:14px;display:grid}.lesson-card-action{min-height:40px;color:var(--accent-dark);background:var(--accent-pale);text-align:center;transition:background .15s var(--ease), border-color .15s var(--ease), transform .15s var(--ease);border:1px solid #a5f3fc;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:9px 12px;font-size:.82rem;font-weight:800;text-decoration:none;display:inline-flex}.lesson-card-action.primary{color:#fff;background:var(--accent-dark);border-color:var(--accent-dark)}.lesson-card-action:hover,.lesson-card-action:focus-visible{border-color:var(--accent);outline:none;transform:translateY(-1px)}.lesson-card-action:not(.primary):hover,.lesson-card-action:not(.primary):focus-visible{background:#cffafe}@media (max-width:430px){.lesson-card-actions{grid-template-columns:1fr}}.topic-list{color:var(--muted);font-size:.92rem;line-height:1.6}.text-link{color:var(--accent-dark);align-items:center;gap:6px;margin-top:auto;padding-top:12px;font-weight:700;text-decoration:none;transition:color .15s,gap .15s;display:inline-flex}.text-link:hover{color:var(--accent);gap:10px}.formula-expression{overflow-wrap:anywhere;color:#0e7490;border-radius:var(--radius-sm);text-align:left;direction:ltr;background:linear-gradient(135deg,#ecfeff,#f0f9ff);border:1px solid #a5f3fc;margin:12px 0;padding:16px;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:1.15rem}.formula-detail{max-width:460px}.detail-section{margin-top:18px}.detail-section .text-link{display:block}.variable-list{margin:0}.variable-list div{border-top:1px solid var(--line);grid-template-columns:minmax(56px,auto) 1fr;gap:12px;padding-block:10px;display:grid}.variable-list div:first-child{border-top:0}.variable-list dt{color:var(--accent-dark);font-weight:800}.variable-list dd{margin:0}.resource-list{gap:12px;margin-top:28px;display:grid}.resource-row{color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:all .2s var(--ease);gap:4px;padding:18px 20px;text-decoration:none;display:grid}.resource-row:hover{border-color:var(--accent);box-shadow:var(--shadow-md);transform:translate(-4px)}.resource-row span{color:var(--accent-dark);text-transform:uppercase;letter-spacing:.04em;font-size:.8rem;font-weight:700}.resource-row strong{font-size:1.05rem}.slide-anchor{border-top:1px solid var(--line);gap:10px;padding-block:10px;display:flex}.slide-anchor:first-of-type{border-top:0}.slide-anchor span{color:var(--muted)}.back-link{margin-top:32px}.back-link a{color:var(--accent-dark);font-weight:700;text-decoration:none}.back-link a:hover{color:var(--accent)}.empty-content{color:var(--muted);text-align:center;margin-top:30px;padding:48px 24px}.empty-content h2{color:var(--ink)}.concept-map{gap:16px;margin-top:30px;display:grid}.concept-node{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:all .22s var(--ease);padding:22px}.concept-node:hover{border-color:var(--violet);box-shadow:var(--shadow-md), 0 0 0 3px #8b5cf626;transform:translateY(-2px)}.concept-node>a{color:var(--ink);font-size:1.1rem;font-weight:800;text-decoration:none}.concept-node>a:hover{color:var(--violet)}.concept-node p{color:var(--muted);margin:8px 0 12px;line-height:1.5}.concept-node div{flex-wrap:wrap;gap:8px;display:flex}.concept-node div a{color:var(--accent-dark);background:var(--accent-pale);border-radius:999px;padding:5px 12px;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .15s}.concept-node div a:hover{background:var(--accent);color:#fff}@media (min-width:640px){.course-hero{grid-template-columns:minmax(0,1fr) 240px;align-items:end;padding:36px 32px}.course-shortcuts,.course-status{grid-template-columns:repeat(3,1fr)}.lesson-list,.formula-list{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace-course-card{grid-template-columns:minmax(0,1fr) minmax(280px,.8fr) auto;align-items:end}}@media (min-width:900px){.course-shell{min-height:100vh}.course-sidebar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-inline-end:1px solid var(--line);width:260px;min-height:100vh;max-height:100vh;transition:transform .24s var(--ease);z-index:50;background:#ffffffeb;flex-direction:column;padding:24px 16px;display:flex;position:fixed;inset-block:0;inset-inline-start:0;overflow-y:auto}.course-workspace{min-height:100vh;transition:margin-inline-start .24s var(--ease);margin-inline-start:260px}.course-sidebar-toggle{z-index:60;width:30px;height:42px;color:var(--accent-dark);background:var(--surface);border:1px solid var(--line-strong);box-shadow:var(--shadow-sm);cursor:pointer;transition:inset-inline-start .24s var(--ease), background .18s var(--ease);border-inline-start:0;border-radius:12px 0 0 12px;place-items:center;padding:0;font-size:1.35rem;line-height:1;display:grid;position:fixed;inset-block-start:24px;inset-inline-start:260px}.course-sidebar-toggle:hover,.course-sidebar-toggle:focus-visible{background:var(--accent-pale);outline:none}.course-shell.sidebar-collapsed .course-sidebar{width:68px;padding:16px 10px;overflow:hidden}.course-shell.sidebar-collapsed .course-workspace{margin-inline-start:68px}.course-shell.sidebar-collapsed .course-sidebar-toggle{inset-inline-start:68px}.course-shell.sidebar-collapsed .course-brand,.course-shell.sidebar-collapsed .course-nav-label,.course-shell.sidebar-collapsed .course-context,.course-shell.sidebar-collapsed .course-divider,.course-shell.sidebar-collapsed .nav-label{display:none}.course-shell.sidebar-collapsed .course-rail-brand{width:44px;height:44px;margin:0 auto 22px;text-decoration:none;display:grid}.course-shell.sidebar-collapsed .course-rail-brand span{background-color:#0000;background-image:url(/brand/syllo-logo.png);background-position:-24px -14px;background-repeat:no-repeat;background-size:168px 71px;width:44px;height:44px}.course-shell.sidebar-collapsed .product-nav,.course-shell.sidebar-collapsed .course-nav{gap:8px}.course-shell.sidebar-collapsed .product-nav a,.course-shell.sidebar-collapsed .course-nav a{justify-content:center;width:44px;min-height:44px;padding:10px 0}.course-shell.sidebar-collapsed .product-nav a>span:first-child,.course-shell.sidebar-collapsed .course-nav a>span:first-child{width:22px;color:var(--accent);place-items:center;font-family:Georgia,serif;font-size:1.15rem;display:grid}.workspace-shell{min-height:100vh}.workspace-sidebar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-inline-end:1px solid var(--line);z-index:50;background:#ffffffeb;flex-direction:column;width:260px;min-height:100vh;max-height:100vh;padding:24px 16px;display:flex;position:fixed;inset-block:0;inset-inline-start:0;overflow-y:auto}.workspace-content{min-height:100vh;margin-inline-start:260px}.workspace-sidebar .product-nav,.course-sidebar .product-nav{gap:4px;display:grid}.workspace-sidebar .product-nav a,.course-sidebar .product-nav a{min-height:40px;padding:10px 12px}.course-brand{color:var(--ink);justify-content:center;padding:4px 10px 28px;text-decoration:none;display:flex}.course-nav-label{color:var(--muted-light);letter-spacing:.08em;text-transform:uppercase;margin:18px 10px 8px;font-size:.72rem;font-weight:700}.course-nav{gap:4px;display:grid}.course-nav a{min-height:44px;color:var(--muted);transition:all .18s var(--ease);border-radius:12px;align-items:center;gap:12px;padding:10px 12px;font-size:.92rem;font-weight:600;text-decoration:none;display:flex}.course-nav a>span:first-child{width:22px;color:var(--accent);place-items:center;font-family:Georgia,serif;font-size:1.1rem;display:grid}.course-nav a:hover,.course-nav a:focus-visible{color:var(--ink);background:var(--accent-pale);outline:none}.course-sidebar-footer{color:var(--muted);background:linear-gradient(135deg,#f0f9ff,#ecfeff);border:1px solid #a5f3fc;border-radius:14px;gap:4px;margin-top:auto;padding:16px 14px;font-size:.78rem;display:grid}.course-sidebar-footer strong{color:var(--ink);font-weight:700}.course-sidebar-footer span{color:var(--muted)}.course-mobile-header,.workspace-mobile-header{display:none}.course-main{width:min(100% - 64px,1120px);padding-block:48px 80px}.course-main-concept-map,.course-main-wide{width:min(92%,1560px)}.course-main-wide .course-page-hero{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:28px;display:grid}.course-main-wide .course-page-hero-stats{justify-items:start;min-width:132px;margin:0;display:grid}.course-main-wide .lesson-list{grid-template-columns:repeat(3,minmax(0,1fr))}.workspace-main{width:min(100% - 64px,1120px)}.course-hero{padding:42px 40px}.course-hero h1{font-size:clamp(2.1rem,3.2vw,2.8rem)}.concept-map{grid-template-columns:repeat(3,minmax(0,1fr))}}.course-nav a.active{color:var(--accent-dark);background:var(--accent-pale);box-shadow:inset 3px 0 0 var(--accent)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important}}