.lesson-viewer{--jx-reading-font-delta:0rem;align-items:start;gap:clamp(1.25rem,2.6vw,2.25rem)}.lesson-viewer>main{width:100%;max-width:1120px;margin-inline:auto;font-size:1rem}.lesson-viewer .lesson-hero{border-radius:1.35rem;min-height:18rem}.lesson-viewer .lesson-hero>.relative{padding-top:clamp(1.4rem,3vw,2.4rem)!important;padding-bottom:clamp(1.4rem,3vw,2.4rem)!important}.lesson-viewer .lesson-hero h2{letter-spacing:-.025em;font-size:clamp(2rem,4.2vw,3.65rem)!important;line-height:1.16!important}.lesson-viewer .lesson-hero p{line-height:1.7}.lesson-viewer .lesson-objectives{border-radius:1rem;margin-top:1.5rem!important}.lesson-viewer .lesson-objectives ul,.lesson-viewer .lesson-objectives>p:last-child{font-size:clamp(.96rem,1.2vw,1.05rem)!important;line-height:1.72!important}.lesson-viewer .lesson-overview__item{gap:.35rem;min-height:5.4rem;padding:1rem .9rem}.lesson-viewer .lesson-overview__item>span:first-of-type{font-size:1.3rem}.lesson-viewer .lesson-overview__item>span:last-child{font-size:.78rem!important}.lesson-viewer .lesson-path{border-radius:1rem;padding-block:.35rem}.lesson-viewer .lesson-path__label{font-size:.82rem}.lesson-viewer .lesson-path__link{gap:.42rem;min-height:2.8rem;padding:.62rem .78rem;font-size:.88rem;font-weight:600}.lesson-viewer .lesson-path__link .han{font-size:1.05rem}.lesson-viewer .lesson-reading-block,.lesson-viewer .lesson-vocab-block,.lesson-viewer .lesson-grammar-block,.lesson-viewer .lesson-dialogue,.lesson-viewer .lesson-audio-block,.lesson-viewer .lesson-listening-block,.lesson-viewer>main .surface-card{border-radius:1.15rem}.lesson-viewer .lesson-reading-block,.lesson-viewer .lesson-vocab-block,.lesson-viewer .lesson-grammar-block,.lesson-viewer .lesson-dialogue,.lesson-viewer .lesson-listening-block{padding:clamp(1.15rem,2.5vw,1.8rem)}.lesson-viewer .lesson-reading-block h4,.lesson-viewer .lesson-vocab-block h4,.lesson-viewer .lesson-grammar-block h4,.lesson-viewer .lesson-dialogue h4,.lesson-viewer .lesson-listening-block h4,.lesson-viewer>main .surface-card>h4,.lesson-viewer>main section>h4{color:var(--foreground);line-height:1.35;font-size:calc(clamp(1.2rem, 2vw, 1.48rem) + var(--jx-reading-font-delta,0rem))!important}.lesson-viewer .lesson-block-kicker{letter-spacing:.045em;gap:.45rem;font-size:.78rem}.lesson-viewer .lesson-block-kicker .han{font-size:1.05rem;font-weight:700}.lesson-viewer .lesson-reading-copy,.lesson-viewer .lesson-grammar-block__explain,.lesson-viewer>main .surface-card .text-sm,.lesson-viewer>main section .text-sm:not(.pinyin),.lesson-viewer>main article .text-sm:not(.pinyin){font-size:calc(clamp(1rem, 1.25vw, 1.1rem) + var(--jx-reading-font-delta,0rem))!important;line-height:1.82!important}.lesson-viewer .lesson-reading-copy{max-width:76ch;color:color-mix(in srgb, var(--foreground) 92%, var(--muted-foreground))}.lesson-viewer .lesson-reading-copy p+p,.lesson-viewer .lesson-reading-copy ul+p,.lesson-viewer .lesson-reading-copy ol+p{margin-top:.9em}.lesson-viewer .lesson-reading-copy li{margin-block:.28em}.lesson-viewer .lesson-dialogue__line .han,.lesson-viewer .lesson-grammar-block__examples .han,.lesson-viewer .lesson-listening-block .han,.lesson-viewer .lesson-vocab-table td .han{font-size:calc(clamp(1.16rem, 1.7vw, 1.34rem) + var(--jx-reading-font-delta,0rem))!important;line-height:1.72!important}.lesson-viewer .lesson-dialogue__line .pinyin,.lesson-viewer .lesson-grammar-block__examples .pinyin,.lesson-viewer .lesson-vocab-table .pinyin{line-height:1.6;font-size:calc(.95rem + var(--jx-reading-font-delta,0rem))!important}.lesson-viewer .lesson-dialogue__line .text-muted-foreground,.lesson-viewer .lesson-grammar-block__examples .text-muted-foreground,.lesson-viewer .lesson-vocab-table .text-muted-foreground{color:color-mix(in srgb, var(--muted-foreground) 88%, var(--foreground));line-height:1.65;font-size:calc(.96rem + var(--jx-reading-font-delta,0rem))!important}.lesson-viewer .lesson-dialogue__header{margin-bottom:.35rem;padding-bottom:.9rem}.lesson-viewer .lesson-dialogue__line{border-radius:.9rem;gap:.9rem;padding:.95rem 1rem}.lesson-viewer .lesson-dialogue__speaker{min-width:3.4rem;font-size:calc(1rem + var(--jx-reading-font-delta,0rem));font-weight:700}.lesson-viewer .lesson-grammar-block__explain{max-width:78ch;margin-top:.8rem}.lesson-viewer .lesson-grammar-block__examples{gap:.65rem;margin-top:1.15rem}.lesson-viewer .lesson-grammar-block__examples>li{border-radius:.85rem;padding:.85rem 1rem}.lesson-viewer .lesson-vocab-table table{min-width:760px;font-size:calc(1rem + var(--jx-reading-font-delta,0rem))!important}.lesson-viewer .lesson-vocab-table thead tr{font-size:.78rem!important}.lesson-viewer .lesson-vocab-table th{padding:.78rem .85rem .78rem 0!important}.lesson-viewer .lesson-vocab-table td{border-top:1px solid color-mix(in srgb, var(--border) 72%, transparent);line-height:1.65;padding:1rem .85rem 1rem 0!important}.lesson-viewer .lesson-vocab-table td:first-child .han{font-size:calc(clamp(1.55rem, 2.3vw, 1.95rem) + var(--jx-reading-font-delta,0rem))!important;line-height:1.35!important}.lesson-viewer>main .surface-card{padding:clamp(1rem,2.2vw,1.45rem)}.lesson-viewer>main .surface-card ul,.lesson-viewer>main .surface-card ol{line-height:1.78;font-size:calc(clamp(1rem, 1.25vw, 1.08rem) + var(--jx-reading-font-delta,0rem))!important}.lesson-viewer>main .surface-card li+li{margin-top:.35rem}.lesson-viewer>main table:not(.lesson-vocab-table table){border-collapse:separate;border-spacing:0;width:100%;font-size:calc(clamp(1.08rem, 1.35vw, 1.18rem) + var(--jx-reading-font-delta,0rem))!important;line-height:1.72!important}.lesson-viewer>main table:not(.lesson-vocab-table table) thead{letter-spacing:.035em;font-size:clamp(.82rem,1vw,.9rem)!important}.lesson-viewer>main table:not(.lesson-vocab-table table) th{vertical-align:middle;font-weight:700;padding:.9rem 1rem!important}.lesson-viewer>main table:not(.lesson-vocab-table table) td{vertical-align:top;word-break:keep-all;overflow-wrap:normal;line-break:strict;padding:1rem!important}.lesson-viewer>main table:not(.lesson-vocab-table table) tbody tr+tr td{border-top:1px solid color-mix(in srgb, var(--border) 70%, transparent)}.lesson-viewer>main table:not(.lesson-vocab-table table) th:first-child,.lesson-viewer>main table:not(.lesson-vocab-table table) td:first-child{width:clamp(9.5rem,18vw,13.5rem);min-width:clamp(9.5rem,18vw,13.5rem);font-weight:600;padding-left:1rem!important}.lesson-viewer>main table:not(.lesson-vocab-table table) td:nth-child(n+2){line-height:1.82!important}.lesson-viewer>main .surface-card:has(table){padding-inline:0;padding-bottom:0;overflow:hidden}:is(.lesson-viewer>main .surface-card:has(table)>h4,.lesson-viewer>main .surface-card:has(table)>h3,.lesson-viewer>main .surface-card:has(table)>header){padding-inline:clamp(1rem,2.2vw,1.45rem)}.lesson-viewer .lesson-audio-block{gap:1rem;padding:1rem 1.2rem}.lesson-viewer .lesson-audio-block p.font-semibold{font-size:calc(1.02rem + var(--jx-reading-font-delta,0rem))}.lesson-viewer>main figure figcaption,.lesson-viewer>main .text-xs{font-size:calc(.8rem + var(--jx-reading-font-delta,0rem));line-height:1.55}.lesson-viewer>aside{font-size:.92rem}.lesson-viewer>main>*+*{margin-top:clamp(1.15rem,2.2vw,1.8rem)}.lesson-viewer>main :is(section,article,.surface-card,.lesson-audio-block,.lesson-listening-block){scroll-margin-top:6.5rem}.lesson-viewer>main figure.surface-card{border-color:color-mix(in srgb, var(--accent) 26%, var(--border));box-shadow:0 18px 48px -38px color-mix(in srgb, var(--foreground) 44%, transparent);background:linear-gradient(145deg, color-mix(in srgb, var(--card) 96%, var(--accent) 4%), var(--card));overflow:hidden}.lesson-viewer>main .surface-card:has(img){border-color:color-mix(in srgb, var(--accent) 26%, var(--border));box-shadow:0 18px 48px -38px color-mix(in srgb, var(--foreground) 44%, transparent);background:linear-gradient(145deg, color-mix(in srgb, var(--card) 96%, var(--accent) 4%), var(--card));overflow:hidden}.lesson-viewer>main section:has(>.aspect-video){border-color:color-mix(in srgb, var(--accent) 26%, var(--border));box-shadow:0 18px 48px -38px color-mix(in srgb, var(--foreground) 44%, transparent);background:linear-gradient(145deg, color-mix(in srgb, var(--card) 96%, var(--accent) 4%), var(--card));overflow:hidden}.lesson-viewer>main .surface-card:has(.aspect-video){border-color:color-mix(in srgb, var(--accent) 26%, var(--border));box-shadow:0 18px 48px -38px color-mix(in srgb, var(--foreground) 44%, transparent);background:linear-gradient(145deg, color-mix(in srgb, var(--card) 96%, var(--accent) 4%), var(--card));overflow:hidden}.lesson-viewer>main figure.surface-card figcaption{text-align:center;padding:.8rem 1rem 1rem;line-height:1.55;font-size:calc(.84rem + var(--jx-reading-font-delta,0rem))!important}.lesson-viewer>main .surface-card:has(img) figcaption{text-align:center;padding:.8rem 1rem 1rem;line-height:1.55;font-size:calc(.84rem + var(--jx-reading-font-delta,0rem))!important}.lesson-viewer>main section:has(>.aspect-video)>h4{margin-bottom:.85rem!important}.lesson-viewer>main .surface-card:has(.aspect-video)>h4{margin-bottom:.85rem!important}.lesson-viewer>main .aspect-video{box-shadow:0 18px 46px -36px #0000009e;border-radius:1rem!important}.lesson-viewer>main .rounded-xl.border.border-accent\/40.bg-accent\/5{box-shadow:0 16px 40px -36px color-mix(in srgb, var(--accent) 78%, transparent);position:relative;overflow:hidden;border-radius:1.2rem!important;padding:clamp(1.1rem,2.4vw,1.55rem)!important}.lesson-viewer>main .rounded-xl.border.border-accent\/40.bg-accent\/5:before{content:"";background:color-mix(in srgb, var(--accent) 82%, var(--primary));width:4px;position:absolute;inset:0 auto 0 0}.lesson-viewer>main .rounded-xl.border.border-accent\/40.bg-accent\/5>div:first-child p{font-weight:700;font-size:calc(clamp(1.03rem, 1.5vw, 1.18rem) + var(--jx-reading-font-delta,0rem))!important}.lesson-viewer>main .rounded-xl.border.border-accent\/40.bg-accent\/5>p,.lesson-viewer>main .rounded-xl.border.border-accent\/40.bg-accent\/5 .whitespace-pre-line{font-size:calc(clamp(1rem, 1.28vw, 1.1rem) + var(--jx-reading-font-delta,0rem))!important;line-height:1.82!important}.lesson-viewer>main .surface-card:has(>.grid.md\:grid-cols-2)>.grid{align-items:center;gap:clamp(1.1rem,3vw,2rem)}.lesson-viewer>main .surface-card:has(>.grid.md\:grid-cols-2) .whitespace-pre-line{font-size:calc(clamp(1rem, 1.3vw, 1.1rem) + var(--jx-reading-font-delta,0rem))!important;line-height:1.8!important}@media (width>=1280px){.lesson-viewer{grid-template-columns:minmax(0,1fr) 280px!important}}@media (width<=720px){.lesson-viewer .lesson-hero{min-height:15.5rem}.lesson-viewer .lesson-objectives ul{grid-template-columns:1fr!important}.lesson-viewer .lesson-path{scrollbar-width:none;overflow-x:auto}.lesson-viewer .lesson-path::-webkit-scrollbar{display:none}.lesson-viewer .lesson-path__links{flex-wrap:nowrap;min-width:max-content}.lesson-viewer .lesson-path__link{min-height:2.65rem;font-size:.82rem}.lesson-viewer .lesson-reading-block,.lesson-viewer .lesson-vocab-block,.lesson-viewer .lesson-grammar-block,.lesson-viewer .lesson-dialogue,.lesson-viewer .lesson-listening-block{padding:1rem}.lesson-viewer .lesson-reading-copy,.lesson-viewer .lesson-grammar-block__explain,.lesson-viewer>main .surface-card .text-sm,.lesson-viewer>main section .text-sm:not(.pinyin),.lesson-viewer>main article .text-sm:not(.pinyin){font-size:calc(1rem + var(--jx-reading-font-delta,0rem))!important;line-height:1.76!important}.lesson-viewer .lesson-vocab-table td:first-child .han{font-size:calc(1.85rem + var(--jx-reading-font-delta,0rem))!important}.lesson-viewer>main table:not(.lesson-vocab-table table){min-width:680px;font-size:calc(1rem + var(--jx-reading-font-delta,0rem))!important}.lesson-viewer>main .surface-card:has(table){overflow-x:auto}.lesson-viewer>main>*+*{margin-top:1rem}.lesson-viewer>main .rounded-xl.border.border-accent\/40.bg-accent\/5{padding:1rem!important}}