.lesson-v2{--lesson-accent: var(--prism-ai);color:var(--ink)}.lesson-v2 .lesson-breadcrumbs,.lesson-v2 .lesson-kicker,.lesson-v2 .lesson-facts,.lesson-v2 .lesson-footer-kicker,.lesson-v2 .lesson-sequence-link span,.lesson-v2 #scroll-nav,.lesson-v2 .mono-accent{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase}.lesson-v2 .lesson-breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding-top:22px;color:var(--ink-3);font-size:10.5px}.lesson-v2 .lesson-breadcrumbs a{color:var(--ink-2);text-decoration:none}.lesson-v2 .lesson-breadcrumbs a:hover,.lesson-v2 .lesson-breadcrumbs a:focus-visible{color:var(--ink)}.lesson-v2 .lesson-hero{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(220px,.55fr);gap:48px;align-items:end;padding:46px 0 34px;border-bottom:1px solid var(--ink)}.lesson-v2 .lesson-kicker{margin:0 0 12px;color:var(--lesson-accent);font-size:10.5px}.lesson-v2 .lesson-hero h1{max-width:760px;margin:0;color:var(--ink);font-family:var(--serif);font-size:clamp(42px,6vw,72px);font-weight:500;letter-spacing:-.025em;line-height:1;text-wrap:balance}.lesson-v2[data-lang=th] .lesson-hero h1{font-family:var(--thai);font-size:clamp(38px,5vw,62px);line-height:1.15}.lesson-v2 .lesson-deck{max-width:680px;margin:20px 0 0;color:var(--ink-2);font-family:var(--serif);font-size:19px;line-height:1.5}.lesson-v2[data-lang=th] .lesson-deck{font-family:var(--thai);font-size:18px;line-height:1.7}.lesson-v2 .lesson-facts{margin:0;border-top:1px solid var(--ink)}.lesson-v2 .lesson-facts div{display:grid;grid-template-columns:1fr auto;gap:16px;padding:10px 0;border-bottom:1px solid var(--rule)}.lesson-v2 .lesson-facts dt{color:var(--ink-3);font-size:9.5px}.lesson-v2 .lesson-facts dd{margin:0;color:var(--ink);font-family:var(--sans);font-size:12px;letter-spacing:0;text-align:right;text-transform:none}.lesson-v2 #scroll-nav{top:62px;margin:0 0 36px;padding:0;border-bottom:1px solid var(--ink);background:color-mix(in oklch,var(--paper) 94%,transparent)!important;backdrop-filter:blur(10px)}.lesson-v2 #scroll-nav>div{gap:0;padding:0}.lesson-v2 #scroll-nav>div>div{display:none}.lesson-v2 .nav-dot{min-height:46px;gap:8px;padding:0 13px;border:0;border-left:1px solid var(--rule);border-radius:0!important;background:var(--paper);color:var(--ink-3)!important;font-size:9.5px;letter-spacing:.05em}.lesson-v2 .nav-dot:last-of-type{border-right:1px solid var(--rule)}.lesson-v2 .nav-dot:hover,.lesson-v2 .nav-dot:focus-visible{background:var(--paper-2);color:var(--ink)!important}.lesson-v2 .nav-dot>span:first-child{width:20px;height:20px;border:1px solid var(--rule);border-radius:0!important;background:transparent!important;color:var(--ink-3)!important}.lesson-v2 .nav-dot.active{box-shadow:inset 0 -3px 0 var(--lesson-accent);color:var(--ink)!important}.lesson-v2 .nav-dot.active>span:first-child{border-color:var(--ink);background:var(--ink)!important;color:var(--paper)!important}.lesson-v2 .scroll-section{margin-bottom:38px}.lesson-v2 .scroll-section>div{border:1px solid var(--rule)!important;border-radius:0!important;background:var(--paper)!important;box-shadow:none}.lesson-v2 .scroll-section>div>div:first-child{gap:18px;padding:20px 24px;border-bottom:1px solid var(--ink)!important;background:var(--paper-2)!important}.lesson-v2 .scroll-section>div>div:first-child>span:first-child{width:38px;height:38px;border:1px solid var(--ink);border-radius:0!important;background:var(--ink)!important;color:var(--paper)!important;font-family:var(--mono);font-size:14px}.lesson-v2 .scroll-section h2{color:var(--ink);font-family:var(--serif);font-size:25px;font-weight:500;line-height:1.2}.lesson-v2[data-lang=th] .scroll-section h2{font-family:var(--thai);line-height:1.4}.lesson-v2 .scroll-section>div>div:last-child{padding:24px}.lesson-v2 :is(.rounded-2xl,.rounded-xl,.rounded-lg,.rounded-full,.rounded-t-lg){border-radius:0!important}.lesson-v2 .scroll-section :is(.bg-blue-50,.bg-purple-50,.bg-emerald-50,.bg-orange-50,.bg-pink-50,.bg-cyan-50),.lesson-v2 .scroll-section :is(.dark\:bg-blue-950,.dark\:bg-purple-950,.dark\:bg-emerald-950,.dark\:bg-orange-950,.dark\:bg-pink-950,.dark\:bg-cyan-950){border-color:var(--rule)!important;border-left:3px solid var(--lesson-accent)!important;background:var(--paper-2)!important}.lesson-v2 .scroll-section :is(.text-blue-800,.text-purple-800,.text-emerald-800,.text-orange-800,.text-pink-800,.text-cyan-800),.lesson-v2 .scroll-section :is(.dark\:text-blue-200,.dark\:text-purple-200,.dark\:text-emerald-200,.dark\:text-orange-200,.dark\:text-pink-200,.dark\:text-cyan-200),.lesson-v2 .mono-accent,.lesson-v2 #timeline-progress{color:var(--lesson-accent)!important}.lesson-v2 .myth-card,.lesson-v2 .path-card,.lesson-v2 #timeline-items>div>div:last-child,.lesson-v2 #learn-content,.lesson-v2 #level-content,.lesson-v2 #ring-info,.lesson-v2 #family-svg+*{border-color:var(--rule)!important;border-radius:0!important;background:var(--paper-2)!important;box-shadow:none!important}.lesson-v2 .myth-front,.lesson-v2 .myth-back{border:1px solid var(--rule)!important;border-radius:0!important;background:var(--paper-2)!important}.lesson-v2 .myth-card:hover,.lesson-v2 .path-card:hover,.lesson-v2 #timeline-items>div>div:last-child:hover{border-color:var(--ink)!important;transform:none}.lesson-v2 .path-card:has(.expand-content:not(.hidden)){border-color:var(--lesson-accent)!important;box-shadow:inset 0 -3px 0 var(--lesson-accent)!important}.lesson-v2 .myth-card:focus-within,.lesson-v2 button:focus-visible,.lesson-v2 a:focus-visible{outline:2px solid var(--lesson-accent);outline-offset:3px}.lesson-v2 #family-svg circle{fill:var(--paper-2)!important;stroke:var(--lesson-accent)!important}.lesson-v2 #family-svg text,.lesson-v2 #ring-title,.lesson-v2 #level-content h3,.lesson-v2 [id^=path-hint-],.lesson-v2 .path-card a{color:var(--ink)!important;fill:var(--ink)!important}.lesson-v2 :is(#learn-tabs,#level-btns){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;border:1px solid var(--rule);background:var(--rule)}.lesson-v2 :is(.tab-btn,#level-btns button){min-width:0;border:0!important;border-radius:0!important;background:var(--paper)!important;color:var(--ink-2)!important;font-family:var(--mono);font-size:10px;letter-spacing:.02em}.lesson-v2 :is(.tab-btn,#level-btns button)[style*=background]{box-shadow:inset 0 -3px 0 var(--lesson-accent);color:var(--ink)!important}.lesson-v2 #level-content span[style*=background]{border:1px solid var(--ink);background:var(--ink)!important;color:var(--paper)!important}.lesson-v2 #timeline-items>div:before{background:var(--rule)!important}.lesson-v2 [id^=tdot-]{border-color:var(--paper)!important;background:var(--rule)!important}.lesson-v2 [id^=tdot-].done{background:var(--lesson-accent)!important}.lesson-v2 .path-card[style*=border-color]{color:var(--ink)}.lesson-v2 .lesson-course-footer{margin-top:52px;border-top:1px solid var(--ink)}.lesson-v2 .lesson-completion{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:34px;align-items:center;padding:28px;border:1px solid var(--ink);border-top:0;background:var(--paper-2)}.lesson-v2 .lesson-footer-kicker{margin:0 0 8px;color:var(--lesson-accent);font-size:10px}.lesson-v2 .lesson-completion h2{margin:0;color:var(--ink);font-family:var(--serif);font-size:27px;font-weight:500}.lesson-v2[data-lang=th] .lesson-completion h2{font-family:var(--thai)}.lesson-v2 .lesson-completion p:last-child{max-width:650px;margin:8px 0 0;color:var(--ink-2);font-size:13px;line-height:1.6}.lesson-v2 .lesson-complete-button{min-height:46px;padding:11px 17px;border:1px solid var(--ink);border-radius:0;background:var(--ink);color:var(--paper);font-family:var(--mono);font-size:10px;letter-spacing:.05em;text-transform:uppercase}.lesson-v2 .lesson-complete-button[aria-pressed=true]{border-color:var(--lesson-accent);box-shadow:inset 4px 0 0 var(--lesson-accent);background:var(--paper);color:var(--ink)}.lesson-v2 .lesson-sequence{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;border:1px solid var(--rule);border-top:0;background:var(--rule)}.lesson-v2 .lesson-sequence-link{display:block;min-width:0;padding:18px 20px;background:var(--paper);color:var(--ink);text-decoration:none}.lesson-v2 .lesson-sequence-link:hover{background:var(--paper-2)}.lesson-v2 .lesson-sequence-link span{display:block;color:var(--ink-3);font-size:9.5px}.lesson-v2 .lesson-sequence-link strong{display:block;margin-top:6px;font-family:var(--serif);font-size:17px;font-weight:500}.lesson-v2[data-lang=th] .lesson-sequence-link strong{font-family:var(--thai)}.lesson-v2 .lesson-sequence-next{text-align:right}@media(max-width:720px){.lesson-v2 .lesson-hero{grid-template-columns:1fr;gap:30px;padding:36px 0 28px}.lesson-v2 .lesson-facts{max-width:none}.lesson-v2 #scroll-nav{margin-inline:-16px;padding-inline:16px}.lesson-v2 #scroll-nav>div{overflow-x:auto;scroll-snap-type:x proximity}.lesson-v2 .nav-dot{flex:0 0 auto;scroll-snap-align:start}.lesson-v2 .nav-dot>span:last-child{display:inline}.lesson-v2 .scroll-section>div>div:first-child,.lesson-v2 .scroll-section>div>div:last-child{padding:18px}.lesson-v2 :is(#learn-tabs,#level-btns){grid-template-columns:1fr}.lesson-v2 .lesson-completion{grid-template-columns:1fr;gap:20px;padding:22px 18px}.lesson-v2 .lesson-complete-button{width:100%}.lesson-v2 .lesson-sequence{grid-template-columns:1fr}.lesson-v2 .lesson-sequence-next{text-align:left}}@media(max-width:390px){.lesson-v2 .lesson-hero h1{overflow-wrap:anywhere}.lesson-v2 #timeline-items{padding-left:30px}.lesson-v2 .scroll-section>div>div:first-child{align-items:flex-start}}.course-zero-lesson-v2{--lesson-accent: var(--prism-ai);min-width:0}.course-zero-lesson-v2 .lesson-section-nav{position:sticky;top:62px;z-index:20;margin:0 0 38px;border-bottom:1px solid var(--ink);background:color-mix(in oklch,var(--paper) 94%,transparent);backdrop-filter:blur(10px)}.course-zero-lesson-v2 .lesson-section-nav ol{display:flex;margin:0;padding:0;overflow-x:auto;list-style:none;scrollbar-width:thin;scroll-snap-type:x proximity}.course-zero-lesson-v2 .lesson-section-nav li{flex:1 0 auto;min-width:0;scroll-snap-align:start}.course-zero-lesson-v2 .lesson-section-nav a{display:flex;min-height:48px;align-items:center;gap:8px;padding:8px 13px;border-left:1px solid var(--rule);background:var(--paper);color:var(--ink-3);text-decoration:none;white-space:nowrap}.course-zero-lesson-v2 .lesson-section-nav li:last-child a{border-right:1px solid var(--rule)}.course-zero-lesson-v2 .lesson-section-nav a:hover,.course-zero-lesson-v2 .lesson-section-nav a:focus-visible{background:var(--paper-2);color:var(--ink)}.course-zero-lesson-v2 .lesson-section-nav a.active,.course-zero-lesson-v2 .lesson-section-nav a[aria-current=location]{box-shadow:inset 0 -3px 0 var(--lesson-accent);color:var(--ink)}.course-zero-lesson-v2 .lesson-section-nav a>span{display:inline-grid;width:22px;height:22px;place-items:center;border:1px solid var(--rule);color:var(--ink-3);font-family:var(--mono);font-size:9px;font-weight:500}.course-zero-lesson-v2 .lesson-section-nav a.active>span,.course-zero-lesson-v2 .lesson-section-nav a[aria-current=location]>span{border-color:var(--ink);background:var(--ink);color:var(--paper)}.course-zero-lesson-v2 .lesson-section-nav strong{font-family:var(--mono);font-size:9.5px;font-weight:500;letter-spacing:.04em;text-transform:uppercase}.course-zero-lesson-v2 .course-zero-lesson-content{min-width:0}.course-zero-lesson-v2 .course-zero-lesson-content>section[id]{margin:0 0 38px;scroll-margin-top:126px}.course-zero-lesson-v2 .lesson-section,.course-zero-lesson-v2 .lesson-panel,.course-zero-lesson-v2 .lesson-interaction,.course-zero-lesson-v2 .lesson-quiz,.course-zero-lesson-v2 .lesson-summary{border:1px solid var(--rule);border-radius:0;background:var(--paper)}.course-zero-lesson-v2 .lesson-section-head{display:flex;align-items:flex-start;gap:18px;padding:20px 24px;border-bottom:1px solid var(--ink);background:var(--paper-2)}.course-zero-lesson-v2 .lesson-section-number{display:inline-grid;width:38px;height:38px;flex:0 0 38px;place-items:center;border:1px solid var(--ink);background:var(--ink);color:var(--paper);font-family:var(--mono);font-size:12px}.course-zero-lesson-v2 .lesson-section-head h2,.course-zero-lesson-v2 .lesson-panel h2,.course-zero-lesson-v2 .lesson-interaction h2,.course-zero-lesson-v2 .lesson-quiz h2,.course-zero-lesson-v2 .lesson-summary h2{margin:0;color:var(--ink);font-family:var(--serif);font-size:clamp(24px,3vw,31px);font-weight:500;line-height:1.15;text-wrap:balance}.course-zero-lesson-v2[data-lang=th] :is(.lesson-section-head h2,.lesson-panel h2,.lesson-interaction h2,.lesson-quiz h2,.lesson-summary h2){font-family:var(--thai);line-height:1.4}.course-zero-lesson-v2 .lesson-section-head p{margin:5px 0 0;color:var(--ink-2);font-size:13px;line-height:1.55}.course-zero-lesson-v2 .lesson-section-body,.course-zero-lesson-v2 .lesson-panel,.course-zero-lesson-v2 .lesson-interaction,.course-zero-lesson-v2 .lesson-quiz,.course-zero-lesson-v2 .lesson-summary{padding:24px}.course-zero-lesson-v2 .lesson-section-body>:first-child,.course-zero-lesson-v2 .lesson-panel>:first-child,.course-zero-lesson-v2 .lesson-interaction>:first-child,.course-zero-lesson-v2 .lesson-quiz>:first-child,.course-zero-lesson-v2 .lesson-summary>:first-child{margin-top:0}.course-zero-lesson-v2 .lesson-section-body>:last-child,.course-zero-lesson-v2 .lesson-panel>:last-child,.course-zero-lesson-v2 .lesson-interaction>:last-child,.course-zero-lesson-v2 .lesson-quiz>:last-child,.course-zero-lesson-v2 .lesson-summary>:last-child{margin-bottom:0}.course-zero-lesson-v2 .course-zero-lesson-content p,.course-zero-lesson-v2 .course-zero-lesson-content li{color:var(--ink-2);line-height:1.65}.course-zero-lesson-v2 .course-zero-lesson-content strong{color:var(--ink)}.course-zero-lesson-v2 .lesson-eyebrow,.course-zero-lesson-v2 .lesson-meta-label,.course-zero-lesson-v2 .lesson-state-label{color:var(--lesson-accent);font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase}.course-zero-lesson-v2 .lesson-example-grid,.course-zero-lesson-v2 .lesson-option-grid,.course-zero-lesson-v2 .lesson-summary-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:18px 0;padding:1px;background:var(--rule)}.course-zero-lesson-v2 :is(.lesson-card,.lesson-option,.lesson-summary-item){min-width:0;padding:16px;border:0;border-radius:0;background:var(--paper);color:var(--ink)}.course-zero-lesson-v2 button.lesson-option{min-height:48px;cursor:pointer;font:inherit;text-align:left}.course-zero-lesson-v2 button.lesson-option:hover,.course-zero-lesson-v2 button.lesson-option[aria-pressed=true],.course-zero-lesson-v2 button.lesson-option[aria-selected=true]{box-shadow:inset 0 -3px 0 var(--lesson-accent);background:var(--paper-2)}.course-zero-lesson-v2 :is(.lesson-analogy,.lesson-callout,.lesson-deeper,.lesson-feedback){margin:18px 0;padding:16px 18px;border:1px solid var(--rule);border-left:3px solid var(--lesson-accent);border-radius:0;background:var(--paper-2)}.course-zero-lesson-v2 .lesson-feedback[aria-live]{min-height:54px}.course-zero-lesson-v2 .lesson-quiz fieldset{min-width:0;margin:18px 0;padding:18px;border:1px solid var(--rule)}.course-zero-lesson-v2 .lesson-quiz legend{max-width:100%;padding:0 8px;color:var(--ink);font-weight:600}.course-zero-lesson-v2 .lesson-quiz label{display:flex;gap:10px;align-items:flex-start;margin:10px 0;color:var(--ink-2);cursor:pointer}.course-zero-lesson-v2 :is(button,[role=button],input,select,a):focus-visible{outline:2px solid var(--lesson-accent);outline-offset:3px}.course-zero-lesson-v2 .lesson-sequence.has-three{grid-template-columns:repeat(3,minmax(0,1fr))}.course-zero-lesson-v2 .lesson-sequence-previous{text-align:left}.course-zero-lesson-v2 .lesson-sequence-back{text-align:center}@media(max-width:720px){.course-zero-lesson-v2 .lesson-section-nav{margin-inline:-16px;padding-inline:16px}.course-zero-lesson-v2 .lesson-section-nav li{flex:0 0 auto}.course-zero-lesson-v2 .lesson-example-grid,.course-zero-lesson-v2 .lesson-option-grid,.course-zero-lesson-v2 .lesson-summary-list{grid-template-columns:1fr}.course-zero-lesson-v2 .lesson-section-head,.course-zero-lesson-v2 .lesson-section-body,.course-zero-lesson-v2 .lesson-panel,.course-zero-lesson-v2 .lesson-interaction,.course-zero-lesson-v2 .lesson-quiz,.course-zero-lesson-v2 .lesson-summary{padding:18px}.course-zero-lesson-v2 .lesson-sequence.has-three{grid-template-columns:1fr}.course-zero-lesson-v2 .lesson-sequence-back,.course-zero-lesson-v2 .lesson-sequence-next{text-align:left}}@media(max-width:390px){.course-zero-lesson-v2 .lesson-section-head{gap:12px}.course-zero-lesson-v2 .lesson-section-number{width:34px;height:34px;flex-basis:34px}.course-zero-lesson-v2 .lesson-section-nav strong{max-width:180px;overflow:hidden;text-overflow:ellipsis}}@media(prefers-reduced-motion:reduce){.course-zero-lesson-v2{scroll-behavior:auto}}
