@font-face{font-family:Manrope;src:url('/assets/fonts/manrope-variable.ttf') format('truetype');font-weight:200 800;font-display:swap}
:root{--canvas:#111111;--field:#202020;--ink:#F5F5F5;--muted:#B8B8B8;--accent:#D4D4D4;--line:#ffffff18;--soft:#7373731f;--hero-start:#202020;--hero-end:#151515;color-scheme:dark}
:root[data-theme=light]{--canvas:#F7F8F8;--field:#FFFFFF;--ink:#181717;--muted:#5E5F5F;--accent:#737373;--line:#17171720;--soft:#7373731f;--hero-start:#FFFFFF;--hero-end:#F1F2F2;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--canvas);color:var(--ink);font:15px/1.6 Manrope,system-ui,sans-serif}a{color:inherit;text-decoration:none}button,select{font:inherit;color:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button{cursor:pointer}p,h1,h2,h3{margin:0}p{color:var(--muted)}.site-header{max-width:1120px;margin:auto;min-height:96px;padding:22px 28px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;align-items:center;gap:12px;font-size:19px;letter-spacing:-.5px;font-weight:650}.brand img{border-radius:10px}.language select{max-width:150px;min-height:44px;border:1px solid var(--line);border-radius:14px;padding:8px 12px;background:var(--field);font-size:13px}main{max-width:1120px;margin:auto;padding:8px 28px 70px}.hero{border:1px solid var(--line);border-radius:30px;background:linear-gradient(120deg,var(--hero-start),var(--hero-end));padding:48px;display:flex;align-items:center;justify-content:space-between;gap:28px;overflow:hidden}.eyebrow,.level{color:var(--accent);font-size:12px;font-weight:650;letter-spacing:.35px}.hero h1{font-size:clamp(32px,4.2vw,49px);line-height:1.12;letter-spacing:-1.6px;max-width:530px;margin:22px 0 16px}.hero p{font-size:16px;max-width:460px}.art{flex-shrink:0;display:grid;place-items:center;color:var(--accent);background:var(--soft);border-radius:50%;width:68px;height:68px}.art svg{width:84%;height:84%}.hero .art{width:190px;height:190px}.paths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:34px}.section-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.section-top h2{font-size:15px;color:var(--ink);letter-spacing:0;font-weight:600}.level{display:flex;align-items:center;gap:9px}.bars{display:inline-flex;align-items:end;gap:3px}.bars i{display:block;width:3px;border-radius:2px;background:var(--accent)}.count{color:var(--muted);font-size:12px;font-variant-numeric:tabular-nums}.courses{display:grid;gap:12px}.course{display:flex;align-items:center;gap:18px;min-height:200px;padding:24px;border:1px solid var(--line);border-radius:24px;background:var(--field);transition:transform .18s,border-color .18s}.course:hover{transform:translateY(-3px);border-color:var(--accent)}.course-copy{flex:1;min-width:0}.course h3{font-size:20px;line-height:1.35;font-weight:600;letter-spacing:-.45px;margin:9px 0 8px}.course p{font-size:13px;line-height:1.5}.course .art{width:46px;height:46px}.course-edge{display:flex;flex-direction:column;align-items:center;gap:26px;color:var(--accent)}.arrow{font-size:21px;line-height:1}.availability{font-size:12px;margin:24px 4px 0}.detail{max-width:690px;margin:0 auto}.back{display:inline-flex;align-items:center;gap:10px;font-size:13px;color:var(--accent);min-height:44px;margin-bottom:24px}.detail-top{display:flex;justify-content:space-between;align-items:center;gap:15px}.badge{border-radius:30px;background:var(--soft);color:var(--accent);padding:6px 12px;font-size:11px}.detail>.art{width:110px;height:110px;margin:28px 0}.detail h1{font-size:clamp(30px,4.5vw,44px);line-height:1.18;letter-spacing:-1.3px;font-weight:600;margin-bottom:20px}.intro{font-size:16px;line-height:1.75}.outline{border-top:1px solid var(--line);margin-top:32px;padding-top:26px}.outline h2,.quiz h2{font-size:16px;font-weight:600}.outline ol{list-style:none;display:grid;gap:16px;margin:24px 0 30px;padding:0}.outline li{display:flex;align-items:center;gap:16px;font-size:15px}.topic-number{display:grid;place-items:center;background:var(--soft);color:var(--accent);font-size:12px;width:34px;height:34px;border-radius:11px;flex-shrink:0}.quiz{background:var(--field);border:1px solid var(--line);padding:23px;border-radius:23px;display:flex;align-items:flex-start;gap:15px}.quiz .quiz-icon{color:var(--accent);border:1.5px solid var(--accent);border-radius:50%;width:23px;height:23px;display:grid;place-items:center;line-height:1;font-weight:600;flex-shrink:0}.quiz p{font-size:13px;margin-top:6px}.status{padding:50px 0;color:var(--muted)}.retry{display:block;background:var(--field);border:1px solid var(--line);min-height:48px;border-radius:15px;padding:10px 24px;margin-top:18px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[dir=rtl] .arrow{transform:scaleX(-1)}main{animation:arrive .3s ease-out both}@keyframes arrive{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:900px){.paths{grid-template-columns:1fr}.course{min-height:140px}.course .art{width:54px;height:54px}.course-edge{flex-direction:row;gap:22px}}
@media(max-width:560px){.site-header{padding:20px;min-height:86px}.brand{font-size:17px;gap:8px}.brand img{width:29px;height:29px}.language select{max-width:105px}main{padding:4px 20px 44px}.hero{padding:26px;display:block;position:relative}.hero>.art{width:74px;height:74px;position:absolute;inset-inline-end:20px;top:22px}.hero .eyebrow{max-width:150px;min-height:52px;display:flex;align-items:center}.hero h1{font-size:34px;max-width:290px;letter-spacing:-1.1px;margin-top:24px}.hero p{font-size:14px}.paths{gap:28px;margin-top:28px}.course{padding:21px;gap:12px}.course-edge{flex-direction:column;gap:17px}.course h3{font-size:20px}.intro{font-size:15px}.detail>.art{margin-top:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}main{animation:none}.course{transition:none}.course:hover{transform:none}}
.lesson-player{max-width:760px;margin:auto}.lesson-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.lesson-header .back{margin:0}.lesson-progress{width:100%;height:3px;border:0;appearance:none;margin:20px 0 36px;background:var(--line)}.lesson-progress::-webkit-progress-bar{background:var(--line);border-radius:5px}.lesson-progress::-webkit-progress-value{background:var(--accent);border-radius:5px;transition:width .4s}.lesson-player h1{font-size:clamp(29px,4vw,43px);font-weight:600;line-height:1.18;letter-spacing:-1.2px;margin:14px 0 18px;outline:none}.lesson-lead{font-size:17px;line-height:1.75;max-width:680px}.lesson-enter{animation:arrive .35s both}.power-scene{margin:26px 0;border:1px solid var(--line);border-radius:26px;padding:18px 22px;background:radial-gradient(ellipse at 65% 40%,var(--hero-start),var(--canvas) 80%)}.power-scene svg{width:100%;display:block}.device{fill:var(--field);stroke:var(--accent);stroke-width:1.4}.terminal,.circuit{fill:none;stroke:var(--accent);stroke-width:2}.device-symbol{fill:var(--canvas);text-anchor:middle;font-size:19px;font-weight:600}.dc-track path{fill:none;stroke:var(--accent);stroke-width:2;opacity:.3}.dc-track .flow{opacity:1;stroke-dasharray:3 15;animation:flow var(--motion-speed) linear infinite}.phase-track path{fill:none;stroke-width:2;stroke-dasharray:6 9;animation:flow var(--motion-speed) linear infinite}.phase-yellow{stroke:#c8bd68}.phase-green{stroke:#88aa7d;animation-delay:-.3s!important}.phase-blue{stroke:#7e9faf;animation-delay:-.6s!important}.motor-outer{fill:var(--field);stroke:var(--accent);stroke-width:2}.rotor{transform-origin:526px 136px;animation:spin var(--motion-speed) linear infinite;fill:none;stroke:var(--accent);stroke-width:2}.rotor .hub{fill:var(--field)}.diagram-label,.diagram-note{fill:var(--muted);text-anchor:middle;font:14px Manrope,sans-serif}.diagram-note{font-size:12px}.scene-caption{text-align:center;font-size:13px;color:var(--accent)}.scene-controls{border-top:1px solid var(--line);margin-top:20px;padding-top:16px}.scene-controls label{display:flex;justify-content:space-between;font-size:13px}.scene-controls output{color:var(--accent);font-variant-numeric:tabular-nums}.scene-controls input{width:100%;height:38px;accent-color:var(--accent);cursor:pointer}.scene-note{font-size:11px;margin-top:4px}.paused .rotor,.paused .flow,.paused .phase-track path{animation-play-state:paused}.lesson-takeaways{padding-left:20px;color:var(--muted);display:grid;gap:12px;font-size:15px}.lesson-takeaways li::marker{color:var(--accent)}.lesson-nav{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:32px;padding:22px 0;border-top:1px solid var(--line)}.lesson-primary,.lesson-secondary,.lesson-option{border-radius:15px;min-height:52px;padding:13px 22px;font-weight:600;border:1px solid var(--line);background:var(--field)}.lesson-primary{background:var(--accent);color:var(--canvas);border-color:transparent}.lesson-secondary{background:transparent;color:var(--muted)}button:disabled{opacity:.4;cursor:default}.lesson-options{display:grid;gap:12px;margin-top:32px}.lesson-option{text-align:left;font-weight:500;padding:20px 24px}.lesson-option:hover,.lesson-option.selected{border-color:var(--accent);background:var(--soft)}.lesson-option.selected{box-shadow:inset 3px 0 var(--accent)}.lesson-feedback:not(:empty){padding:20px 0;margin-top:14px}.lesson-feedback strong{color:var(--accent)}.lesson-feedback p{margin-top:8px}.completion-mark{width:76px;height:76px;background:var(--soft);border:1px solid var(--accent);color:var(--accent);border-radius:50%;display:grid;place-items:center;font-size:35px;margin:26px 0;animation:arrive .5s both}.completion-mark~.lesson-primary{margin-top:30px}@keyframes flow{to{stroke-dashoffset:-108}}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:560px){.power-scene{padding:12px}.lesson-nav{gap:8px}.lesson-primary,.lesson-secondary{padding:12px 15px;font-size:13px}.lesson-lead{font-size:15px}.diagram-label{font-size:16px}}@media(prefers-reduced-motion:reduce){.rotor,.flow,.phase-track path,.lesson-enter,.completion-mark{animation:none!important}.lesson-progress::-webkit-progress-value{transition:none}}
.phase-current-panel{border-top:1px solid var(--line);padding:16px 0;margin-bottom:12px}.phase-current-title{font-size:12px;color:var(--muted);margin-bottom:12px}.phase-current-readings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:12px}.phase-current{display:flex;flex-direction:column;gap:3px}.phase-current-label{font-size:11px;color:var(--muted)}.phase-current-value{font-size:clamp(19px,3vw,28px);font-weight:600;font-variant-numeric:tabular-nums;line-height:1.3}.phase-current-0 .phase-current-value{color:#c8bd68}.phase-current-1 .phase-current-value{color:#88aa7d}.phase-current-2 .phase-current-value{color:#7e9faf}:root[data-theme=light] .phase-current-0 .phase-current-value{color:#786514}:root[data-theme=light] .phase-current-1 .phase-current-value{color:#3f7040}:root[data-theme=light] .phase-current-2 .phase-current-value{color:#326980}

/* Match the app neutral palette; phase colors communicate wire identity. */
.parts-overview .phase-track path{stroke-dasharray:none;opacity:.6}.throttle-scene .scene-controls{margin:0 0 22px;border:0;padding:0}.request-track{height:16px;background:var(--line);border-radius:8px;overflow:hidden}.request-fill{height:100%;background:var(--accent);border-radius:8px;transition:width .22s ease-out}.request-explanation{font-size:15px;min-height:76px;padding:18px 0}.throttle-scene .scene-note{margin-top:16px}.throttle-scene .lesson-secondary{font-size:13px}.request-limited .request-fill{background:var(--muted)}@media(prefers-reduced-motion:reduce){.request-fill{transition:none}}
.lesson-paragraph{font-size:16px;line-height:1.85;margin:18px 0;max-width:700px}.lesson-subheading{font-size:21px;font-weight:600;line-height:1.4;margin:32px 0 12px}.lesson-paragraph strong,.lesson-takeaways strong{color:var(--ink);font-weight:600}.lesson-paragraph+.lesson-paragraph{margin-top:20px}@media(max-width:560px){.lesson-paragraph{font-size:15px}.lesson-subheading{font-size:19px}}
.related-settings-heading{border-top:1px solid var(--line);padding-top:24px;font-size:14px;color:var(--muted);margin-top:32px}.related-settings{list-style:none;padding:0;gap:14px;font-size:14px;line-height:1.7}.related-settings li{padding-inline-start:14px;border-inline-start:2px solid var(--line)}
.line-current-value{fill:var(--ink);text-anchor:middle;font:600 20px Manrope,sans-serif;font-variant-numeric:tabular-nums}.line-current-explanation{margin-top:12px;max-width:650px}
.course-entry{border:1px solid var(--line);border-radius:24px;background:var(--field);overflow:hidden}.course-entry .course{border:0;border-radius:0;min-height:170px}.course-entry .course:hover{transform:none;background:var(--soft)}.course-lessons{margin:0 24px;border-top:1px solid var(--line)}.course-lessons summary{min-height:48px;padding:13px 0;cursor:pointer;color:var(--muted);font-size:12px}.course-lessons summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.course-lessons ol{margin:0 0 22px;padding-inline-start:19px;color:var(--muted);font-size:13px;line-height:1.6}.course-lessons li{padding:5px 0 5px 4px}.course-lessons li::marker{color:var(--accent);font-variant-numeric:tabular-nums}

/* Motor course: neutral teaching diagrams and a compact lesson index. */
.lesson-menu{margin-top:24px;border:1px solid var(--line);border-radius:16px;background:var(--field)}
.lesson-menu summary{padding:16px 18px;cursor:pointer;font-size:14px;line-height:1.5}
.lesson-menu-items{display:grid;padding:0 8px 8px;gap:4px}
.lesson-menu-choice{text-align:start;background:transparent;border:0;padding:14px 12px;border-radius:10px;color:var(--muted);min-height:48px}
.lesson-menu-choice:hover,.lesson-menu-choice[aria-current]{background:var(--soft);color:var(--ink)}
.lesson-menu summary:focus-visible,.motor-scene button:focus-visible,.motor-control input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.motor-scene{margin:28px 0;padding:24px;border:1px solid var(--line);border-radius:24px;background:radial-gradient(ellipse at 50% 30%,var(--hero-start),var(--canvas) 90%)}
.scene-title{font-size:15px;font-weight:600;line-height:1.5;color:var(--ink)}
.motor-scene svg{display:block;width:100%;max-height:270px;margin:12px auto}
.pole-n{fill:var(--accent);stroke:var(--accent)}.pole-s{fill:var(--field);stroke:var(--accent)}
.pole-letter{fill:var(--ink);font:500 13px Manrope,sans-serif}.pole-n+.pole-letter{fill:var(--canvas)}
.shaft-ring{fill:none;stroke:var(--line);stroke-width:2}.shaft-mark{fill:none;stroke:var(--accent);stroke-width:3;stroke-linecap:round}.shaft-hub{fill:var(--accent)}
.motor-readout{display:grid;grid-template-columns:1fr 1fr;text-align:center;padding:6px 0 20px}
.motor-readout div{display:flex;flex-direction:column;gap:3px}.motor-readout strong{font-size:32px;font-weight:600;font-variant-numeric:tabular-nums;line-height:1.2}.motor-readout span{font-size:12px;color:var(--muted)}
.motor-control{display:block;border-top:1px solid var(--line);padding-top:18px;margin:12px 0}
.motor-control-label{display:flex;justify-content:space-between;gap:14px;font-size:13px;color:var(--muted)}
.motor-control output{font-variant-numeric:tabular-nums;color:var(--ink);white-space:nowrap}
.motor-control input{display:block;width:100%;min-height:44px;accent-color:var(--accent);cursor:pointer}
.motor-scene .scene-note{margin:18px 0 0;font-size:12px;line-height:1.65;color:var(--muted)}
.motor-scene .lesson-secondary{font-size:13px;min-height:44px;padding:10px 16px}
.hall-signals{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:24px}
.hall-signal{border:1px solid var(--line);background:var(--field);border-radius:14px;text-align:center;padding:12px;display:grid;gap:6px}
.hall-signal span{font-size:12px;color:var(--muted)}.hall-signal strong{font-size:24px;font-weight:600}.hall-signal.on{border-color:var(--accent);background:var(--soft)}
.temperature-examples{display:grid;gap:22px;margin:28px 0}
.temperature-example{position:relative;display:flex;justify-content:space-between;align-items:center;gap:10px;padding-bottom:18px;font-size:13px;color:var(--muted)}
.temperature-example strong{font-size:26px;font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums}
.temperature-example::after,.temperature-bar{content:'';position:absolute;bottom:0;left:0;width:100%;height:4px;background:var(--line);border-radius:4px}
.temperature-bar{background:var(--accent);z-index:1}
.temperature-example:last-child .temperature-bar{background:var(--muted)}
.timing-reference{stroke:var(--muted);stroke-width:2;stroke-dasharray:5 6}
.timing-marker{transform:rotate(-50deg);transform-origin:200px 120px;transition:transform 1.5s cubic-bezier(.22,.8,.2,1)}
.timing-aligned .timing-marker{transform:rotate(0deg)}
.learning-scene-status{font-size:14px;min-height:46px;margin:16px 0}
.lesson-nav a.lesson-primary{text-decoration:none;text-align:center;display:flex;align-items:center;justify-content:center}
@media(max-width:560px){.motor-scene{padding:18px 16px;border-radius:20px}.motor-control-label{font-size:12px}.lesson-menu summary{font-size:13px}.motor-readout strong{font-size:28px}.scene-title{font-size:14px}.temperature-example strong{font-size:23px}}
@media(prefers-reduced-motion:reduce){.timing-marker{transition:none}}

/* Catalog: one continuous reading direction, with courses grouped by level. */
.course-catalog{max-width:900px;margin-inline:auto}
.course-catalog .paths{grid-template-columns:minmax(0,1fr);gap:42px;margin-top:38px}
.course-catalog .section-top{padding:0 4px;margin-bottom:14px}
.course-catalog .section-top h2{font-size:18px}
.course-catalog .courses{gap:0;border-top:1px solid var(--line)}
.course-catalog .course{min-height:116px;padding:24px 12px;gap:20px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;transition:background .18s}
.course-catalog .course:hover{transform:none;background:var(--soft)}
.course-catalog .course>.art{width:52px;height:52px;border-radius:17px}
.course-catalog .course h3{font-size:21px;margin:5px 0 5px}
.course-catalog .course .eyebrow{font-size:10px;letter-spacing:.5px}
.course-catalog .course p{font-size:14px}
.course-catalog .course-edge{flex-direction:row;flex-shrink:0;padding-inline:8px;gap:0}
.course-catalog .course-entry{border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;overflow:visible}
.course-catalog .course-entry .course{border-bottom:0;min-height:116px;padding-bottom:12px}
.course-catalog .course-lessons{margin:0 20px 10px 84px;border-top:0}
.course-catalog .course-lessons summary{min-height:36px;padding:5px 0;font-size:12px}
.course-catalog .course-lessons ol{margin-bottom:16px}
.course-catalog .availability{margin-top:32px}
[dir=rtl] .course-catalog .course-lessons{margin:0 84px 10px 20px}
@media(max-width:560px){
  .course-catalog .paths{gap:32px;margin-top:28px}
  .course-catalog .course{padding:20px 0;gap:14px;min-height:108px}
  .course-catalog .course>.art{width:42px;height:42px;border-radius:14px}
  .course-catalog .course h3{font-size:18px}
  .course-catalog .course p{font-size:13px}
  .course-catalog .course-edge{padding-inline:2px}
  .course-catalog .course-entry .course{min-height:108px}
  .course-catalog .course-lessons{margin-inline-start:56px;margin-inline-end:0}
  [dir=rtl] .course-catalog .course-lessons{margin-inline-start:56px;margin-inline-end:0}
}
@media(prefers-reduced-motion:reduce){.course-catalog .course{transition:none}}
.course-catalog .catalog-lessons{list-style:none;margin:0 12px 20px 84px;padding:0}
.course-catalog .catalog-lesson{display:flex;align-items:center;gap:14px;min-height:52px;padding:13px 12px;border-top:1px solid var(--line);font-size:14px;line-height:1.5}
.course-catalog a.catalog-lesson:hover{background:var(--soft);border-radius:8px}
.catalog-lesson-number{color:var(--muted);font-size:11px;font-variant-numeric:tabular-nums;flex-shrink:0}
.catalog-lesson-title{flex:1;min-width:0}
.catalog-lesson .arrow{font-size:16px;color:var(--muted)}
.catalog-lesson.planned{color:var(--muted)}
[dir=rtl] .course-catalog .catalog-lessons{margin:0 84px 20px 12px}
@media(max-width:560px){.course-catalog .catalog-lessons{margin-inline-start:56px;margin-inline-end:0}.course-catalog .catalog-lesson{padding:12px 2px;font-size:13px;gap:10px}[dir=rtl] .course-catalog .catalog-lessons{margin-inline-start:56px;margin-inline-end:0}}

/* Auto Learn walkthrough: motion follows the selected teaching stage. */
.lesson-detail{margin:24px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 0}
.lesson-detail summary{cursor:pointer;color:var(--ink);font-weight:600;min-height:28px}
.lesson-detail summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
.learn-hand{fill:var(--field);stroke:var(--accent);stroke-width:2;transform-origin:100px 110px;transition:transform .35s}
.learn-throttle-open .learn-hand{transform:rotate(-28deg)}
.learn-sequence-wheel{transform-origin:325px 103px}
[data-direction="1"] .learn-sequence-wheel{animation:spin 3s linear infinite}
[data-direction="-1"] .learn-sequence-wheel{animation:spin 3s linear infinite reverse}
.learn-sequence-readout{display:grid;grid-template-columns:1fr 1fr;text-align:center;gap:12px;font-size:13px;color:var(--accent)}
.learn-sequence-status{min-height:100px;margin-top:24px;border-top:1px solid var(--line);padding-top:20px}
.learn-sequence-status strong{font-size:17px;color:var(--ink)}
.learn-sequence-status p{margin:8px 0;font-size:14px}
.learn-sequence-nav{display:flex;justify-content:space-between;gap:12px;margin-top:10px}
@media(prefers-reduced-motion:reduce){.learn-sequence-wheel{animation:none!important}.learn-hand{transition:none}}

/* The catalog opens with one clear starting point, not every lesson expanded. */
.calm-catalog{max-width:760px}.catalog-intro{padding:20px 0 28px}.catalog-intro h1{font-size:clamp(27px,4vw,37px);line-height:1.2;letter-spacing:-1px;margin-bottom:10px}.catalog-intro p{max-width:560px;font-size:14px}.next-lesson{display:block;padding:26px;border-radius:22px;background:var(--soft);border:1px solid var(--line);margin-bottom:28px}.next-lesson:hover{border-color:var(--accent)}.next-lesson h2{font-size:23px;font-weight:600;line-height:1.35;margin:9px 0 5px;letter-spacing:-.5px}.next-lesson p{font-size:13px}.level-tabs{display:flex;gap:4px;border:1px solid var(--line);padding:4px;border-radius:16px;margin-bottom:22px}.level-tab{flex:1;min-height:46px;background:transparent;border:0;border-radius:12px;color:var(--muted);font-size:13px;padding:8px}.level-tab[aria-selected=true]{background:var(--field);color:var(--ink);font-weight:650}.course-panel{display:grid;gap:12px}.course-disclosure{border:1px solid var(--line);border-radius:18px;overflow:hidden}.course-disclosure[open]{background:var(--field)}.course-summary{display:flex;align-items:center;gap:16px;list-style:none;cursor:pointer;padding:20px;min-height:92px}.course-summary::-webkit-details-marker{display:none}.course-summary .art{width:42px;height:42px;border-radius:12px}.course-summary h3{font-size:17px;line-height:1.4;font-weight:600;letter-spacing:-.25px}.course-summary p{font-size:12px;margin-top:4px}.course-chevron{font-size:21px;color:var(--muted)}.course-disclosure[open] .course-chevron{transform:rotate(180deg)}.course-content{padding:0 20px 10px}.course-content .course-caption{font-size:13px;margin:0 0 14px}.calm-catalog .catalog-lessons{margin:0;padding:0}.calm-catalog .catalog-lesson{padding:15px 0;min-height:54px}.course-summary:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}@media(max-width:560px){.catalog-intro{padding-top:10px}.next-lesson{padding:22px}.next-lesson h2{font-size:21px}.course-summary{padding:17px;gap:12px}.course-summary h3{font-size:16px}.level-tab{font-size:12px}.course-content{padding-inline:17px}[dir=rtl] .calm-catalog .catalog-lessons{margin:0}}
.course-summary .art svg{width:23px;height:23px}.detail>.art svg{width:54%;height:54%}