@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=IBM+Plex+Sans+Hebrew:wght@400;500;600;700&display=swap";
.syllo-student-app{--accent:#137a86;--navy:#13233a;--acc-soft:color-mix(in oklch, var(--accent) 10%, white);--acc-mid:color-mix(in oklch, var(--accent) 22%, white);--ink:#141a26;--ink2:#4a5263;--ink3:#8a90a0;--bg:#f6f7f9;--surface:#fff;--rail:#141a26;--white:#fff;--paper-note:#fffdf6;--slide-stage:#eceef2;--rail-divider:#ffffff24;--rail-muted:#ffffffc2;--rail-hover:#ffffff1f;--on-navy:#ffffffb8;--on-navy-muted:#ffffffa8;--panel-glass:color-mix(in srgb, var(--bg) 90%, transparent);--ink-shadow:color-mix(in srgb, var(--ink) 10%, transparent);--panel-shadow:color-mix(in srgb, var(--ink) 15%, transparent);--white-muted:#ffffffc2;--shadow-low:0 1px 2px var(--ink-shadow);--shadow-panel:0 8px 30px var(--panel-shadow);--line:#e6e8ee;--line2:#eff1f5;--course-switcher:#fbfcfd;--status-ring:#cdd3dc;--topic-bg:#efeafd;--topic-fg:#6247c9;--font:"IBM Plex Sans Hebrew", sans-serif;--mono:"IBM Plex Mono", monospace;--fs-label:11px;--fs-meta:12px;--fs-sm:13px;--fs-nav:13.5px;--fs-formula:15px;--fs-body:14px;--fs-h3:16px;--fs-h2:var(--fs-h3);--fs-h1:26px;--fw-regular:400;--fw-strong:600;--fw-title:700;--fs-display:34px;--r:10px;--r-sm:8px;--r-xs:6px;--pad:28px;--pad-compact:20px;--pad-mobile:18px;--pad-mobile-inline:14px;--pad-mobile-bottom:32px;--row:32px;--u-1:1px;--u-2:2px;--u-3:3px;--u-4:4px;--u-5:5px;--u-6:6px;--u-7:7px;--u-8:8px;--u-9:9px;--u-10:10px;--u-11:11px;--u-12:12px;--u-13:13px;--u-14:14px;--u-15:15px;--u-16:16px;--u-17:17px;--u-18:18px;--u-19:19px;--u-20:20px;--u-22:22px;--u-24:24px;--u-26:26px;--u-28:28px;--u-29:29px;--u-30:30px;--u-32:32px;--u-34:34px;--u-36:36px;--u-38:38px;--u-40:40px;--u-42:42px;--u-44:44px;--u-46:46px;--u-48:48px;--u-50:50px;--u-52:52px;--u-56:56px;--u-58:58px;--u-68:68px;--u-72:72px;--u-76:76px;--u-99:99px;--u-110:110px;--u-160:160px;--u-170:170px;--u-200:200px;--u-210:210px;--u-220:220px;--u-230:230px;--u-240:240px;--u-260:260px;--u-280:280px;--u-300:300px;--u-320:320px;--u-420:420px;--u-600:600px;--u-720:720px;--u-760:760px;--u-999:999px;--u-neg-6:-6px;--u-neg-8:-8px;--w-rail:60px;--w-tree:272px;--w-ctx:300px;--w-page-max:1080px;--muted:var(--ink2);--muted-light:var(--ink3);--line-strong:var(--ink3);--canvas:var(--bg);--canvas-deep:var(--line2);--accent-dark:var(--accent);--accent-hover:var(--navy);--accent-pale:var(--acc-soft);--violet:var(--topic-fg);--violet-pale:var(--topic-bg);--success:var(--accent);--radius-sm:var(--r-sm);--radius-md:var(--r);--radius-lg:var(--r);--radius-xl:14px;--ease:cubic-bezier(.2,.7,.2,1);color:var(--ink);background:var(--bg);font-family:var(--font)}.syllo-student-app *,.syllo-student-app :before,.syllo-student-app :after{box-sizing:border-box}.syllo-student-app :is(button,input,textarea,select){font:inherit}.syllo-student-app :is(a,button,input,textarea,select):focus-visible{outline:2px solid var(--accent);outline-offset:2px}
: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}.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-product-actions{align-items:center;gap:4px;display:flex}.mobile-product-actions .product-nav{gap:0;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-list-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:16px;margin-bottom:16px;display:flex}.workspace-course-list-toolbar h2{margin:0;font-size:1.2rem}.workspace-course-filter{color:var(--muted);gap:6px;font-size:.82rem;font-weight:650;display:grid}.workspace-course-filter select{min-width:180px;min-height:42px;color:var(--ink);background:var(--surface);border:1px solid var(--line-strong);font:inherit;border-radius:10px;padding:8px 12px}.workspace-course-filter select:focus-visible{outline:3px solid var(--accent-glow);outline-offset:2px}.workspace-course-grid{gap:16px;display:grid}.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-title-line{flex-wrap:wrap;align-items:center;gap:10px;margin-top:8px;display:flex}.workspace-course-title-line h3{margin:0;font-size:1.55rem}.workspace-course-number{min-height:28px;color:var(--accent-dark);background:var(--accent-pale);border-radius:999px;align-items:center;padding:4px 10px;font-size:.8rem;font-weight:750;display:inline-flex}.workspace-course-lecturer{color:var(--muted);margin:0}.workspace-course-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;display:grid}.workspace-course-stats div{background:var(--canvas);border-radius:12px;align-content:center;min-height:100px;padding:14px;display:grid}.workspace-course-stats dt{color:var(--accent-dark);font-size:1.35rem;font-weight:800}.workspace-course-stats dd{color:var(--muted);margin:3px 0 0;font-size:.78rem}.workspace-course-open{color:#fff;background:var(--accent-dark);border-radius:10px;justify-content:space-between;align-items:center;gap:12px;min-width:160px;min-height:100px;padding:18px 20px;font-size:1rem;font-weight:800;text-decoration:none;transition:background .16s,transform .16s;display:flex}.workspace-course-open>span:last-child{font-size:1.35rem}.workspace-course-open:hover{background:var(--accent-hover);transform:translateY(-2px)}.workspace-course-open:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.workspace-course-empty{color:var(--muted);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);padding:28px}.workspace-registered-course{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);max-width:760px;box-shadow:var(--shadow-md);justify-items:start;gap:14px;padding:clamp(24px,4vw,40px);display:grid}.workspace-registered-course h1{margin:0;font-size:clamp(1.8rem,4vw,2.5rem)}.workspace-registered-course>p{color:var(--muted);margin:0}.workspace-registered-course>.workspace-course-number{color:var(--accent-dark)}.workspace-registered-course .workspace-course-empty{line-height:1.6}.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}.supporting-material-list{gap:16px;margin-top:18px;display:grid}.supporting-material-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;padding:16px 22px;display:grid}.supporting-material-icon{color:#fff;background:linear-gradient(135deg, var(--accent), var(--violet));border-radius:14px;place-items:center;width:52px;height:52px;font-size:1.35rem;font-weight:800;display:grid}.supporting-material-body h2{margin:2px 0 4px}.supporting-material-body>p:not(.item-kicker){color:var(--muted);margin:0;line-height:1.5}.supporting-material-action{width:max-content;min-width:130px;display:inline-flex}@media (max-width:520px){.supporting-material-card{grid-template-columns:auto minmax(0,1fr);gap:14px;padding:16px}.supporting-material-action{grid-column:1/-1;justify-self:start}}@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))}}@media (min-width:1100px){.workspace-course-card{grid-template-columns:minmax(0,1fr) minmax(300px,1.05fr) minmax(160px,.55fr);align-items:stretch}}@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{width:44px;height:44px;color:var(--accent-dark);border:1px solid var(--line-strong);box-shadow:var(--shadow-sm);cursor:pointer;transition:background .18s var(--ease), border-color .18s var(--ease), transform .18s var(--ease);background:0 0;border-radius:10px;flex:none;place-items:center;padding:0;line-height:1;display:grid}.course-sidebar-toggle svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:22px;height:22px}.course-sidebar-toggle:hover,.course-sidebar-toggle:focus-visible{background:var(--accent-pale);outline:none}.course-sidebar-actions{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;width:100%;margin-top:auto;padding-top:16px;display:flex}.course-sidebar-actions>form{flex:auto}.course-shell.sidebar-collapsed .course-sidebar{width:68px;padding:16px 10px;overflow:visible}.course-shell.sidebar-collapsed .course-sidebar-actions{flex-direction:column;gap:8px;padding-top:12px}.course-shell.sidebar-collapsed .course-sidebar-actions>form{flex:none}.course-shell.sidebar-collapsed .course-workspace{margin-inline-start:68px}.course-shell.sidebar-collapsed .course-brand,.course-shell.sidebar-collapsed .course-nav-label,.course-shell.sidebar-collapsed .course-tree-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 .course-tree-children,.course-shell.sidebar-collapsed .course-tree-course-number{display:none}.course-shell.sidebar-collapsed .course-tree{margin-top:12px}.course-shell.sidebar-collapsed .course-tree-list{margin:0}.course-shell.sidebar-collapsed .course-tree-course{justify-content:center;display:flex}.course-shell.sidebar-collapsed .course-tree-course>a{justify-content:center;width:44px;min-height:44px;padding:10px 0}.course-shell.sidebar-collapsed .course-tree-toggle,.course-shell.sidebar-collapsed .course-tree-course-name{display:none}.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}.workspace-sidebar-actions{border-top:1px solid var(--line);width:100%;margin-top:auto;padding-top:16px}.workspace-sidebar-actions>form{width:100%}.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-tree{margin-top:18px}.course-tree-label{color:var(--muted-light);letter-spacing:.08em;margin:0 10px 8px;font-size:.72rem;font-weight:700}.course-tree-list{gap:4px;margin:0;padding:0;list-style:none;display:grid}.course-tree-item{min-width:0}.course-tree-course{border-radius:10px;align-items:center;min-height:44px;display:flex}.course-tree-course.current{background:#f8fafc}.course-tree-course>a{min-width:0;color:var(--ink);flex:1;align-items:center;gap:9px;padding:9px 8px 9px 0;text-decoration:none;display:flex}.course-tree-course>a:hover,.course-tree-course>a:focus-visible{color:var(--accent-dark);outline:none}.course-tree-toggle{width:28px;height:30px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;flex:0 0 28px;place-items:center;padding:0;font-size:1.1rem;display:grid}.course-tree-toggle:hover,.course-tree-toggle:focus-visible{color:var(--accent-dark);background:var(--accent-pale);outline:none}.course-tree-folder{color:var(--accent-dark);font-size:.9rem}.course-tree-course-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.9rem;font-weight:700;overflow:hidden}.course-tree-course-number{color:var(--muted);white-space:nowrap;margin-inline-start:auto;font-size:.68rem}.course-tree-children{border-inline-start:1px solid var(--line-strong);gap:4px;margin-inline-start:14px;padding-inline-start:16px;list-style:none;display:grid}.course-tree-children[hidden]{display:none}.course-tree-children a{border-radius:8px;min-height:38px;padding-block:8px;font-size:.86rem}.course-tree-children a.active{box-shadow:inset 2px 0 0 var(--accent)}.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}}
.l4-player .lp{background:var(--bg);height:100vh;display:flex;overflow:hidden}.l4-player .rail.slim .rail-course{cursor:default}.l4-player .lp-main{flex-direction:column;flex:1;min-width:0;display:flex}.l4-player .lp-top{border-bottom:1px solid var(--line);background:var(--surface);flex:none;justify-content:space-between;align-items:center;height:56px;padding:0 20px;display:flex}.l4-player .lp-phases{gap:4px;display:flex}.l4-player .lp-ph{height:32px;color:var(--ink3);border:1px solid #0000;border-radius:16px;align-items:center;gap:6px;padding:0 12px;font-size:13px;text-decoration:none;display:flex}.l4-player .lp-ph span{font-family:var(--mono);font-size:11px}.l4-player .lp-ph:hover{color:var(--ink);border-color:var(--line)}.l4-player .lp-ph.on{background:var(--navy);color:var(--white);font-weight:600}.l4-player .lp-actions{align-items:center;gap:6px;display:flex}.l4-player .lp-stage-wrap{flex:1;min-height:0;padding:20px 24px 12px;display:flex}.l4-player .stage{flex:1;place-items:center;min-width:0;min-height:0;display:grid}.l4-player .stage-box{box-shadow:0 1px 2px var(--ink-shadow),0 8px 30px var(--ink-shadow);border-radius:10px;position:relative;overflow:hidden}.l4-player .slide-canvas{transform-origin:100% 0;width:1600px;height:900px;position:absolute;top:0;right:0}.l4-player .lp-bottom{flex:none;padding:0 24px 14px}.l4-player .lp-nav{align-items:center;gap:8px;margin-top:10px;display:flex}.l4-player .lp-count{font-family:var(--mono);color:var(--ink2);text-align:center;min-width:60px;font-size:12.5px}.l4-player .lp-where{white-space:nowrap;text-overflow:ellipsis;min-width:0;margin-inline-start:8px;font-size:13px;font-weight:600;overflow:hidden}.l4-player .lp-time{white-space:nowrap;color:var(--ink3);margin-inline-start:auto;font-size:12px}.l4-player a.btn{align-items:center;text-decoration:none;display:inline-flex}.l4-player .chbar{align-items:center;gap:4px;height:14px;display:flex}.l4-player .chb{background:var(--line);border-radius:3px;height:6px;padding:0;position:relative;overflow:visible}.l4-player .chb i{background:var(--acc-mid);border-radius:3px;position:absolute;inset-block:0;inset-inline-start:0}.l4-player .chb.on i{background:var(--accent)}.l4-player .chb:hover{background:var(--line)}.l4-player .chb em{background:var(--accent);border-radius:50%;width:6px;height:6px;position:absolute;top:-4px;transform:translate(50%)}.l4-player .outline{background:var(--surface);border-left:1px solid var(--line);flex-direction:column;flex:none;width:280px;min-height:0;display:flex}.l4-player .ol-head{border-bottom:1px solid var(--line);padding:14px 18px}.l4-player .ol-back{color:var(--ink3);align-items:center;gap:4px;margin-bottom:12px;font-size:12px;display:flex}.l4-player .ol-back:hover{color:var(--accent)}.l4-player .ol-back .ico{transform:scaleX(-1)}.l4-player .ol-head h3{font-size:16px;font-weight:700;line-height:1.3}.l4-player .ol-scroll{flex:1;padding:8px;overflow:auto}.l4-player .ol-ch{margin-bottom:2px}.l4-player .ol-ch-h{width:100%;color:var(--ink);border-radius:8px;align-items:center;gap:10px;padding:9px 8px;font-size:13.5px;font-weight:600;display:flex}.l4-player .ol-ch-h:hover{background:var(--line2)}.l4-player .ol-ch.on>.ol-ch-h{color:var(--accent)}.l4-player .ol-n{font-family:var(--mono);color:var(--ink3);width:18px;font-size:11px;font-weight:500}.l4-player .ol-t{flex:1}.l4-player .ol-flag{font-size:10.5px;font-family:var(--mono);background:var(--acc-soft);color:var(--accent);border-radius:8px;padding:0 6px;line-height:16px}.l4-player .ol-ring{background:conic-gradient(var(--accent) calc(var(--p)*360deg),var(--line) 0);width:14px;height:14px;-webkit-mask:radial-gradient(circle,transparent 3.5px,var(--ink) 4px);-webkit-mask:radial-gradient(circle,transparent 3.5px,var(--ink) 4px);mask:radial-gradient(circle,transparent 3.5px,var(--ink) 4px);border-radius:50%}.l4-player .ol-slides{border-right:1px solid var(--line);margin:0 18px 6px 0;padding-right:6px}.l4-player .ol-s{width:100%;color:var(--ink2);text-align:right;border-radius:6px;align-items:center;gap:8px;padding:6px 8px;font-size:12.5px;display:flex}.l4-player .ol-s:hover{background:var(--line2)}.l4-player .ol-s.on{background:var(--acc-soft);color:var(--accent);font-weight:600}.l4-player .ol-sn{font-family:var(--mono);color:var(--ink3);width:18px;font-size:10.5px}.l4-player .ol-s.seen .ol-sn{color:var(--accent)}.l4-player .ol-st{flex:1;line-height:1.35}.l4-player .ol-dot{background:var(--accent);border-radius:50%;width:6px;height:6px}.l4-player .ol-int{color:var(--topic-fg,var(--topic-fg));font-size:9px}.l4-player .sctx{background:var(--surface);border-right:1px solid var(--line);flex-direction:column;flex:none;width:290px;min-height:0;display:flex}.l4-player .sctx-h{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:56px;padding:0 16px;display:flex}.l4-player .sctx-h .eyebrow{margin:0}.l4-player .sctx-h b{font-family:var(--mono);color:var(--ink3);font-weight:500}.l4-player .sctx-body{flex:1;padding:14px;overflow:auto}.l4-player .flag-btn{border:1px dashed var(--line);text-align:right;border-radius:10px;align-items:center;gap:12px;width:100%;padding:12px;display:flex}.l4-player .flag-btn:hover{border-color:var(--accent)}.l4-player .flag-btn b{font-size:13.5px;display:block}.l4-player .flag-btn small{color:var(--ink3);font-size:11.5px;display:block}.l4-player .fb-ico{background:var(--line2);width:30px;height:30px;color:var(--ink2);border-radius:50%;flex:none;place-items:center;font-weight:700;display:grid}.l4-player .flag-btn.on{border-style:solid;border-color:var(--acc-mid);background:var(--acc-soft)}.l4-player .flag-btn.on .fb-ico{background:var(--accent);color:var(--white)}.l4-player .sctx-tk{background:var(--acc-soft);color:var(--ink);border-radius:8px;margin-top:14px;padding:12px;font-size:13px;line-height:1.55}.l4-player .sctx-tk small{color:var(--accent);margin-bottom:2px;font-size:11px;font-weight:600;display:block}.l4-player .sctx-sec{color:var(--ink3);gap:6px;margin:18px 0 8px;font-size:11.5px;font-weight:600;display:flex}.l4-player .sctx-sec span{font-family:var(--mono);font-weight:500}.l4-player .sctx-cs{flex-wrap:wrap;gap:6px;display:flex}.l4-player .sc-chip{border:1px solid var(--line);border-radius:8px;flex-direction:column;padding:6px 10px;font-size:13px;font-weight:500;display:flex}.l4-player .sc-chip small{font-family:var(--mono);color:var(--ink3);font-size:10px;font-weight:400}.l4-player .ctx-note.sm{height:auto;min-height:90px}.l4-player .present{background:var(--navy);flex-direction:column;padding:16px 16px 10px;display:flex;position:fixed;inset:0}.l4-player .present .stage-box{border-radius:4px}.l4-player .p-bar{background:color-mix(in srgb,var(--navy) 92%,transparent);color:var(--white);opacity:.25;border-radius:10px;align-items:center;gap:4px;padding:5px;font-size:13px;transition:opacity .2s;display:flex;position:absolute;bottom:26px;left:50%;transform:translate(-50%)}.l4-player .p-bar:hover{opacity:1}.l4-player .p-bar button{color:var(--ink2);border-radius:7px;padding:6px 12px}.l4-player .p-bar button:hover,.l4-player .p-bar button.on{background:color-mix(in srgb,var(--white) 10%,transparent);color:var(--white)}.l4-player .p-bar span{font-family:var(--mono);color:var(--ink2);padding:0 10px}.l4-player .present .chbar{margin-top:8px}.l4-player .present .chb{background:color-mix(in srgb,var(--white) 10%,transparent)}.l4-player .p-notes{background:var(--white)bea;max-width:460px;color:var(--ink);box-shadow:0 8px 30px var(--panel-shadow);border-radius:10px;padding:14px 16px;font-size:15px;line-height:1.6;position:absolute;bottom:80px;right:24px}.l4-player .p-notes b{color:var(--accent);margin-bottom:4px;font-size:12px;display:block}.l4-player .sl{--s-bg:var(--bg);--s-ink:var(--navy);--s-ink2:var(--ink2);--s-card:var(--white);--s-line:var(--line);background:var(--s-bg);width:1600px;height:900px;color:var(--s-ink);font-family:var(--font);direction:rtl;grid-template-rows:auto 1fr auto auto;gap:24px;padding:56px 80px 36px;display:grid;position:relative;overflow:hidden}.l4-player .theme-dark .sl{--s-bg:var(--navy);--s-ink:var(--white);--s-ink2:var(--ink2);--s-card:var(--navy);--s-line:var(--line)}.l4-player .sl p{color:var(--s-ink2);text-wrap:pretty;font-size:28px;line-height:1.5}.l4-player .sl .lead{color:var(--s-ink);font-size:32px;line-height:1.45}.l4-player .sl-h{border-bottom:2px solid var(--s-line);padding-bottom:18px}.l4-player .sl-eb{color:var(--accent);margin-bottom:8px;font-size:22px;font-weight:600}.l4-player .sl-h h2{letter-spacing:-.015em;font-size:58px;font-weight:700;line-height:1.1}.l4-player .sl-body{flex-direction:column;justify-content:center;gap:24px;min-height:0;display:flex}.l4-player .sl-tk{color:var(--s-ink);background:var(--s-card);border:1px solid var(--s-line);border-radius:14px;align-items:center;gap:20px;padding:18px 24px;font-size:28px;font-weight:600;display:flex}.l4-player .sl-tk span{color:var(--white);background:var(--accent);border-radius:20px;flex:none;padding:4px 14px;font-size:18px;font-weight:600}.l4-player .sl-f{color:var(--s-ink2);justify-content:space-between;font-size:18px;display:flex}.l4-player .sl-f span:last-child{font-family:var(--mono)}.l4-player .sl-card{background:var(--s-card);border:1px solid var(--s-line);border-radius:18px;flex-direction:column;gap:14px;min-width:0;padding:30px 34px;display:flex}.l4-player .sl-lab{color:var(--s-ink2);font-size:20px;font-weight:600}.l4-player .sl-card.hl{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.l4-player .sl-card.dark{background:var(--navy);color:var(--white);border:0}.l4-player .sl-card.dark p,.l4-player .sl-card.dark .lead{color:var(--white)}.l4-player .sl-card.center{text-align:center;justify-content:center;align-items:center}.l4-player .sl-card.ask{background:var(--acc-soft);border-color:var(--acc-mid)}.l4-player .sl-card.ask .sl-lab{color:var(--accent)}.l4-player .exercise-layout{flex:1;grid-template-rows:auto minmax(0,1fr);grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"given given""standard questions";align-content:stretch;gap:14px;min-height:0;display:grid}.l4-player .exercise-given{grid-area:given;align-items:stretch;padding:18px 28px}.l4-player .exercise-given .sl-fx.big{white-space:nowrap;padding:8px 12px;font-size:clamp(30px,2.4vw,40px)}.l4-player .exercise-standard{grid-area:standard;justify-content:center;padding:18px 22px}.l4-player .exercise-standard .sl-fx{padding:10px 8px;font-size:clamp(18px,1.4vw,24px)}.l4-player .exercise-standard p{margin:0;font-size:20px}.l4-player .exercise-questions{grid-area:questions;padding:16px 24px}.l4-player .exercise-asks{gap:4px;margin:0;padding-inline-start:1.5em;font-size:18px;line-height:1.16;display:grid}.l4-player .exercise-asks li{padding-inline-start:4px}.l4-player .sl-card.warn{border-color:var(--acc-mid)}.l4-player .sl-card.warn .sl-lab{color:var(--accent)}.l4-player .sl-card small{color:var(--s-ink2);font-size:22px}.l4-player .sl-fx{background:color-mix(in oklch,var(--accent) 8%,var(--s-card));color:var(--s-ink);border-radius:14px;padding:18px 24px;font-size:36px}.l4-player .sl-fx.big{padding:26px;font-size:52px}.l4-player .sl-fx .katex-display{margin:0}.l4-player .big-sym{color:var(--s-ink);font-size:44px;font-weight:700}.l4-player .big-q{font-size:40px;font-weight:700;line-height:1.3}.l4-player .huge{font-size:140px;font-weight:700;line-height:1;font-family:var(--mono)}.l4-player .two,.l4-player .two-a,.l4-player .two-b,.l4-player .three{align-items:stretch;gap:28px;display:grid}.l4-player .two{grid-template-columns:1fr 1fr}.l4-player .two-a{grid-template-columns:1.1fr .9fr;align-items:center}.l4-player .two-b{grid-template-columns:1.35fr .65fr;align-items:center}.l4-player .three{grid-template-columns:repeat(3,1fr)}.l4-player .stack{flex-direction:column;justify-content:center;gap:22px;min-width:0;display:flex}.l4-player .plot{width:100%;height:auto;display:block}.l4-player .plot-card{background:var(--s-card,var(--white));border:1px solid var(--s-line,var(--line));border-radius:18px;padding:18px;position:relative}.l4-player .plot-card.wide{padding:24px 40px}.l4-player .pc-lab{color:var(--s-ink2);font-size:18px;font-weight:600;position:absolute;top:12px;right:18px}.l4-player .pl-lab{font-family:var(--mono);fill:var(--ink2);font-size:20px}.l4-player .pl-lab.b{fill:var(--navy);font-weight:600}.l4-player .pl-ax{font-family:var(--mono);fill:var(--ink3);font-size:20px}.l4-player .theme-dark .pl-lab{fill:var(--ink2)}.l4-player .sl.cover{background:var(--s-bg);grid-template-rows:1fr auto;grid-template-columns:1fr 1fr;align-items:center;gap:40px 60px}.l4-player .cv-text h1{letter-spacing:-.02em;color:var(--navy);margin:10px 0 24px;font-size:120px;font-weight:700;line-height:1}.l4-player .theme-dark .cv-text h1{color:var(--white)}.l4-player .cv-en{font-family:var(--mono);letter-spacing:.12em;color:var(--accent);border:1.5px solid var(--accent);border-radius:6px;padding:6px 16px;font-size:24px;display:inline-block}.l4-player .cv-meta{color:var(--s-ink2);flex-direction:column;gap:6px;margin-top:40px;font-size:26px;display:flex}.l4-player .cv-meta b{color:var(--s-ink)}.l4-player .cv-fig{background:var(--s-card);border:1px solid var(--s-line);border-radius:20px;place-items:center;height:100%;padding:24px;display:grid}.l4-player .sl.cover .sl-f{grid-column:1/-1}.l4-player .sl.section{background:var(--navy);color:var(--white);grid-template-rows:1fr auto auto;grid-template-columns:auto 1fr;align-items:center;gap:40px 60px}.l4-player .sec-n{font-family:var(--mono);color:color-mix(in oklch,var(--accent) 70%,white);font-size:260px;font-weight:500;line-height:1}.l4-player .sec-t h1{font-size:100px;font-weight:700;line-height:1.05}.l4-player .sec-t p{color:var(--ink2);margin-top:16px;font-size:32px}.l4-player .sec-map{grid-column:1/-1;gap:10px;display:flex}.l4-player .sec-map span{border-top:4px solid color-mix(in srgb,var(--white) 13%,transparent);color:var(--ink3);flex:1;gap:8px;padding-top:12px;font-size:20px;display:flex}.l4-player .sec-map span b{font-family:var(--mono);font-weight:500}.l4-player .sec-map span.past{border-color:color-mix(in oklch,var(--accent) 60%,var(--navy));color:var(--ink2)}.l4-player .sec-map span.on{border-color:var(--white);color:var(--white);font-weight:600}.l4-player .sl.section .sl-f{color:var(--ink3);grid-column:1/-1}.l4-player .sl-table{border-collapse:separate;border-spacing:0;background:var(--s-card);border:1px solid var(--s-line);border-radius:16px;width:100%;font-size:28px;overflow:hidden}.l4-player .sl-table th{background:color-mix(in oklch,var(--accent) 6%,var(--s-card));text-align:right;color:var(--s-ink2);padding:14px 26px;font-size:20px;font-weight:600}.l4-player .sl-table td{border-top:1px solid var(--s-line);color:var(--s-ink2);padding:14px 26px}.l4-player .sl-table .sym{font-family:var(--mono);color:var(--accent);width:130px;font-weight:600}.l4-player .sl-table .term{color:var(--s-ink);width:280px;font-weight:600}.l4-player .sl-flow{justify-content:center;align-items:stretch;gap:16px;display:flex}.l4-player .sl-node{background:var(--s-card);border:1.5px solid var(--s-line);text-align:center;border-radius:16px;flex-direction:column;flex:1;justify-content:center;gap:6px;max-width:280px;padding:26px 18px;font-size:28px;font-weight:600;display:flex}.l4-player .sl-node b{font-size:28px}.l4-player .sl-node small{font-family:var(--mono);color:var(--accent);font-size:22px;font-weight:500}.l4-player .sl-arr{color:var(--s-ink2);align-self:center;font-size:36px}.l4-player .sl-flow.dark .sl-node{background:var(--navy);color:var(--white);border-color:var(--navy)}.l4-player .mini-plots{grid-template-columns:280px 1fr 280px;align-items:center;gap:16px;padding:0 40px;display:grid}.l4-player .mini-plots>svg:first-child{grid-column:1}.l4-player .mini-plots>svg:last-child{grid-column:3}.l4-player .qmap{grid-template-columns:repeat(4,1fr);gap:22px;display:grid}.l4-player .qm-item{background:var(--s-card);border:1px solid var(--s-line);border-radius:18px;flex-direction:column;gap:14px;padding:30px;display:flex}.l4-player .qm-n{font-family:var(--mono);color:var(--accent);font-size:56px;line-height:1}.l4-player .qm-item b{font-size:34px;line-height:1.2}.l4-player .qm-item small{color:var(--s-ink2);font-size:20px}.l4-player .rows3{flex-direction:column;gap:16px;display:flex}.l4-player .r3{background:var(--s-card);border:1px solid var(--s-line);border-radius:16px;grid-template-columns:140px 520px 1fr;align-items:center;gap:24px;padding:12px 24px;font-size:28px;display:grid}.l4-player .r3 b{font-size:28px}.l4-player .defs{flex-direction:column;gap:14px;display:flex}.l4-player .defs div{color:var(--s-ink2);background:var(--s-card);border:1px solid var(--s-line);border-radius:14px;align-items:baseline;gap:20px;padding:18px 24px;font-size:30px;display:flex}.l4-player .defs b{font-family:var(--mono);color:var(--accent);width:70px}.l4-player .three .sl-card .tex{text-align:center;font-size:30px}.l4-player .legend3{color:var(--s-ink2);justify-content:center;gap:40px;font-size:22px;display:flex}.l4-player .legend3 i{vertical-align:middle;border-radius:50%;width:14px;height:14px;margin-inline-end:10px;display:inline-block}.l4-player .legend3 i.c{background:var(--accent)}.l4-player .legend3 i.s{background:var(--topic-fg)}.l4-player .steps{flex-direction:column;gap:16px;display:flex}.l4-player .stp{background:var(--s-card);border:1px solid var(--s-line);border-radius:16px;grid-template-columns:56px 1fr 40px 1fr;align-items:center;gap:20px;padding:20px 30px;font-size:40px;display:grid}.l4-player .stp-n{background:var(--accent);width:48px;height:48px;color:var(--white);font-family:var(--mono);border-radius:50%;place-items:center;font-size:22px;display:grid}.l4-player .stp-eq{color:var(--s-ink2);text-align:center}.l4-player .stp b{color:var(--accent)}.l4-player .stp .tex{text-align:left;direction:ltr}.l4-player .stp>b .tex{color:var(--accent)}.l4-player .formula-reference .sl-card{gap:10px;padding:18px 22px}.l4-player .formula-reference .stack{gap:7px}.l4-player .formula-reference .sl-fx{padding:5px 10px;font-size:25px}.l4-player .pair-practice .sl-body{justify-content:flex-start;gap:12px}.l4-player .pair-practice .sl-h h2{font-size:50px}.l4-player .pair-practice .three{gap:16px}.l4-player .pair-practice .sl-card{gap:8px;padding:16px 20px}.l4-player .pair-practice .sl-card p{font-size:22px;line-height:1.35}.l4-player .pair-practice .givens span{padding:8px 12px;font-size:22px}.l4-player .pair-practice .sl-tk{padding:12px 18px;font-size:23px}.l4-player .givens{flex-wrap:wrap;gap:12px;display:flex}.l4-player .givens span{font-family:var(--mono);background:color-mix(in oklch,var(--accent) 8%,var(--s-card));border-radius:10px;padding:10px 18px;font-size:28px}.l4-player .traps{grid-template-columns:1fr 1fr;gap:22px;display:grid}.l4-player .traps .sl-card{align-items:flex-start;font-size:38px}.l4-player .traps small{font-size:26px}.l4-player .exit{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.l4-player .pbar{margin-top:10px}.l4-player .pb-track{border-radius:14px;gap:4px;height:80px;display:flex;overflow:hidden}.l4-player .pb-track i{color:var(--white);justify-content:center;align-items:center;font-size:26px;font-style:normal;font-weight:600;display:flex}.l4-player .pb-track i.pc{background:var(--accent)}.l4-player .pb-track i.sb{background:var(--topic-fg)}.l4-player .pb-lab{color:var(--s-ink2);justify-content:space-between;margin-top:14px;font-size:24px;display:flex}.l4-player .pb-lab b{color:var(--topic-fg)}.l4-player .two-osc{grid-template-columns:.75fr 1.25fr;align-items:center;gap:28px;display:grid}.l4-player .osc{grid-template-columns:250px 1fr;align-items:center;gap:20px;display:grid}.l4-player .osc .plot-card{padding:14px}.l4-player .osc-ctl,.l4-player .sim-ctl{background:var(--s-card);border:1px solid var(--s-line);border-radius:18px;flex-direction:column;gap:14px;padding:24px;display:flex}.l4-player .ctl-row{color:var(--s-ink2);justify-content:space-between;align-items:baseline;font-size:22px;display:flex}.l4-player .ctl-row output{font-family:var(--mono);color:var(--s-ink);font-size:26px;font-weight:600}.l4-player .sl input[type=range]{width:100%;accent-color:var(--accent);height:28px}.l4-player .toggle{border:1.5px solid var(--s-line);color:var(--s-ink2);border-radius:10px;padding:12px;font-size:22px;font-weight:600}.l4-player .toggle.on{border-color:var(--accent);color:var(--accent);background:color-mix(in oklch,var(--accent) 8%,var(--s-card))}.l4-player .status{text-align:center;border-radius:10px;padding:12px 16px;font-size:22px;font-weight:600}.l4-player .status.ok{background:color-mix(in oklch,var(--accent) 12%,white);color:var(--accent)}.l4-player .status.warn{background:var(--white)6;color:var(--accent)}.l4-player .status.bad{background:var(--acc-soft);color:var(--accent)}.l4-player .sim-slide .sl-body{justify-content:stretch;overflow:hidden}.l4-player .sim{grid-template-columns:340px 1fr;gap:24px;height:100%;min-height:0;display:grid}.l4-player .sim-ctl{gap:6px;padding:16px 22px}.l4-player .sim-ctl .ctl-row{font-size:19px}.l4-player .sim-ctl .ctl-row output{font-size:22px}.l4-player .sim-ctl input[type=range]{height:22px}.l4-player .sim-ctl .status{padding:8px 12px;font-size:19px}.l4-player .sim-sl{flex-direction:column;display:flex}.l4-player .sim-out{grid-template-columns:1fr 1fr;gap:6px;margin-top:2px;display:grid}.l4-player .sim-out div{background:color-mix(in oklch,var(--accent) 6%,var(--s-card));border-radius:10px;padding:5px 12px}.l4-player .sim-out small{font-family:var(--mono);color:var(--s-ink2);font-size:16px;display:block}.l4-player .sim-out b{font-family:var(--mono);font-size:24px}.l4-player .sim-plots{grid-template-rows:auto auto;align-content:center;gap:14px;min-height:0;display:grid}.l4-player .sim-plots .plot-card{min-height:0;padding:34px 18px 8px}.l4-player .quiz{flex-direction:column;gap:24px;display:flex}.l4-player .quiz-opts{grid-template-columns:1fr 1fr;gap:18px;display:grid}.l4-player .q-opt{border:2px solid var(--s-line);background:var(--s-card);font-family:var(--mono);color:var(--s-ink);border-radius:16px;align-items:center;gap:20px;padding:26px 30px;font-size:34px;font-weight:500;display:flex}.l4-player .q-opt:hover{border-color:var(--accent)}.l4-player .q-k{font-family:var(--font);background:var(--line2);width:48px;height:48px;color:var(--ink2);border-radius:50%;place-items:center;font-size:24px;display:grid}.l4-player .q-opt.ok{border-color:var(--accent);background:color-mix(in oklch,var(--accent) 10%,white)}.l4-player .q-opt.ok .q-k{background:var(--accent);color:var(--white)}.l4-player .q-opt.bad{border-color:var(--acc-mid);background:var(--acc-soft)}.l4-player .quiz-fb{color:var(--s-ink2);padding:14px 4px;font-size:28px}.l4-player .quiz-fb.ok,.l4-player .quiz-fb.bad{color:var(--accent);font-weight:600}.l4-player .reveal-btn{border:2px dashed var(--s-line);color:var(--s-ink2);border-radius:14px;width:100%;padding:18px 30px;font-size:26px;font-weight:600}.l4-player .reveal-btn:hover{border-color:var(--accent);color:var(--accent)}.l4-player .reveal-in{animation:.25s rv}@keyframes rv{0%{opacity:0;transform:translateY(6px)}}.l4-player .playerMain{container:main/inline-size}.l4-player .measurement-slide .sl-body{gap:12px}.l4-player .measurement-slide .sl-card{gap:9px;padding:16px 20px}.l4-player .measurement-slide .stack{gap:9px}.l4-player .measurement-slide .sl-fx{padding:10px 14px;font-size:30px}.l4-player .measurement-slide .sl-fx.big{padding:12px;font-size:40px}.l4-player .measurement-slide p{margin:0;font-size:22px;line-height:1.3}.l4-player .measurement-slide .reveal-btn{padding:12px 18px;font-size:22px}.l4-player .measurement-slide .reveal{padding:12px 16px;font-size:20px}.l4-player .measurement-slide .reveal button{min-height:40px;padding:8px 14px;font-size:20px}.l4-player .measurement-slide .reveal ol{margin:8px 0 0;padding-inline-start:26px;font-size:20px;line-height:1.25}.l4-player .measurement-slide .reveal li{padding:3px 0}.l4-player .sideband-derivation .sl-body{gap:12px}.l4-player .sideband-derivation .two-a{grid-template-columns:1.2fr .8fr}.l4-player .sideband-derivation .sl-card{gap:9px;padding:16px 18px}.l4-player .sideband-derivation .stack{gap:8px}.l4-player .sideband-derivation .sl-fx{white-space:nowrap;padding:9px 10px;font-size:clamp(18px,1.35vw,23px)}.l4-player .sideband-derivation p{margin:0;font-size:21px;line-height:1.3}.l4-player .sideband-derivation .lead{font-size:24px;line-height:1.35}.l4-player .power-intro .sl-card{gap:10px;padding:18px 22px}.l4-player .power-intro .defs{gap:8px}.l4-player .power-intro .defs div{padding:10px 14px;font-size:23px}.l4-player .power-intro .defs b{width:32px}.l4-player .power-intro .sl-card p{margin:0;font-size:23px;line-height:1.35}.l4-player .carrier-power-slide .sl-body{gap:12px}.l4-player .carrier-power-slide .sl-card{gap:10px;padding:18px 22px}.l4-player .carrier-power-slide .defs{gap:8px}.l4-player .carrier-power-slide .defs div{padding:10px 14px;font-size:22px}.l4-player .carrier-power-slide .defs b{width:90px}.l4-player .carrier-power-slide .stack{gap:10px}.l4-player .oscillator-review .sl-body{gap:16px}.l4-player .oscillator-review .sl-body>.lead{margin:0;font-size:28px}.l4-player .oscillator-review .sl-card{justify-content:center;min-height:210px}.l4-player .oscillator-review .sl-card p{margin:0}.l4-player .sideband-power .sl-card{justify-content:center;padding:20px 24px}.l4-player .sideband-power .sl-card p{margin:0;font-size:22px;line-height:1.35}.l4-player .sideband-power .stack{gap:10px}.l4-player .sideband-power .sl-fx{padding:14px 16px;font-size:clamp(24px,2vw,34px)}.l4-player .am-equation-derivation .sl-card{gap:10px;padding:16px 22px}.l4-player .am-equation-derivation .derivation-givens{grid-template-columns:1fr 1fr;gap:12px;display:grid}.l4-player .am-equation-derivation .sl-card p{margin:0;font-size:22px;line-height:1.35}.l4-player .am-equation-derivation .stack{gap:8px}.l4-player .am-equation-derivation .sl-fx{padding:10px 14px;font-size:clamp(23px,1.8vw,30px)}.l4-player .antenna-calc-card{gap:8px;padding:14px 18px}.l4-player .antenna-calc-card .stack{gap:8px}.l4-player .antenna-calc-card .sl-fx{padding:8px 10px;font-size:clamp(19px,1.55vw,26px)}.l4-player .efficiency-slide .sl-card{justify-content:center;gap:12px}.l4-player .efficiency-slide .sl-card p{margin:0;font-size:23px;line-height:1.35}.l4-player .efficiency-slide .sl-fx.big{white-space:nowrap;padding:14px;font-size:clamp(28px,2.4vw,40px)}.l4-player .efficiency-slide .sl-fx{padding:12px;font-size:clamp(24px,1.8vw,30px)}.l4-player .carrier-power-slide .sl-fx{padding:10px 12px;font-size:28px}.l4-player .carrier-power-slide .sl-fx.big{padding:12px;font-size:42px}.l4-player .carrier-power-slide p{margin:0;font-size:22px;line-height:1.35}