.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}}