@font-face{font-family:Montserrat;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8298327da6d5bcce-s.3q4n78m6muld7.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Montserrat;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/44fac91e6f2d2b1b-s.p.1d_6dtvtn9g3_.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Montserrat;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2b402d8aebffd579-s.16nfeub7ja6ze.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Montserrat;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/a88409fdd7dc121c-s.1mvr14jy3vxq7.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Montserrat;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/e8f2fbee2754df70-s.p.1dqa_6e_ad4sj.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Montserrat Fallback;src:local(Arial);ascent-override:85.79%;descent-override:22.25%;line-gap-override:0.0%;size-adjust:112.83%}.montserrat_ce54e56-module__SZ3vDW__className{font-family:Montserrat,Montserrat Fallback;font-style:normal}.montserrat_ce54e56-module__SZ3vDW__variable{--font-montserrat:"Montserrat", "Montserrat Fallback"}
@font-face{font-family:Noto Serif Thai;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(../media/9abe3d53283d35f1-s.p.1gbn-6w9rll2_.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Noto Serif Thai;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(../media/30afb5697bad2800-s.1vj1l374usesj.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Serif Thai;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(../media/890d5c8c3271b311-s.p.33bu0xzn0g3ya.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Noto Serif Thai;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/9abe3d53283d35f1-s.p.1gbn-6w9rll2_.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Noto Serif Thai;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/30afb5697bad2800-s.1vj1l374usesj.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Serif Thai;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/890d5c8c3271b311-s.p.33bu0xzn0g3ya.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Noto Serif Thai Fallback;src:local(Times New Roman);ascent-override:89.86%;descent-override:45.1%;line-gap-override:0.0%;size-adjust:118.4%}.noto_serif_thai_f43c26a-module__arB3ma__className{font-family:Noto Serif Thai,Noto Serif Thai Fallback;font-style:normal}.noto_serif_thai_f43c26a-module__arB3ma__variable{--font-noto-serif-thai:"Noto Serif Thai", "Noto Serif Thai Fallback"}
@font-face{font-family:Sarabun;font-style:normal;font-weight:400;font-display:swap;src:url(../media/e9ed0bc71a38d6c1-s.p.2m2jj329378-j.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Sarabun;font-style:normal;font-weight:400;font-display:swap;src:url(../media/7062a58b1da0e8a4-s.1hwnmpdlfbr5r.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Sarabun;font-style:normal;font-weight:400;font-display:swap;src:url(../media/3d0c37763e1ee3aa-s.436q8r5--eamd.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Sarabun;font-style:normal;font-weight:400;font-display:swap;src:url(../media/a19976a16d351e92-s.p.41_1bbhnqcn3l.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Sarabun;font-style:normal;font-weight:500;font-display:swap;src:url(../media/3836391c10060ce4-s.p.2ub5ob4yff_mt.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Sarabun;font-style:normal;font-weight:500;font-display:swap;src:url(../media/f35096588af3ac65-s.1mcy67zyrjken.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Sarabun;font-style:normal;font-weight:500;font-display:swap;src:url(../media/4ef4c2244410ddd5-s.1q60sed-n-nyg.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Sarabun;font-style:normal;font-weight:500;font-display:swap;src:url(../media/6281857f0573b169-s.p.2ggoighzpvw-e.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Sarabun;font-style:normal;font-weight:600;font-display:swap;src:url(../media/a0529e96a7862c0d-s.p.3w1e23hf7mhof.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Sarabun;font-style:normal;font-weight:600;font-display:swap;src:url(../media/e1a185165aeb6b39-s.3_tzb9xzdxfhl.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Sarabun;font-style:normal;font-weight:600;font-display:swap;src:url(../media/aa5e8dae0d902b15-s.3sa03-u70a6zc.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Sarabun;font-style:normal;font-weight:600;font-display:swap;src:url(../media/22d7e241aeb09639-s.p.33ndw2snxq3le.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Sarabun Fallback;src:local(Arial);ascent-override:109.45%;descent-override:23.78%;line-gap-override:0.0%;size-adjust:97.58%}.sarabun_d512cce3-module__MvH8qa__className{font-family:Sarabun,Sarabun Fallback;font-style:normal}.sarabun_d512cce3-module__MvH8qa__variable{--font-sarabun:"Sarabun", "Sarabun Fallback"}
:root{--page-gutter:clamp(20px, 3vw, 48px);--bg:#eef6f6;--surface:#f8fdfd;--surface-2:#dfeeee;--ink:#0f1e20;--ink-2:#4a6467;--line:#c9e0e0;--line-strong:#9ac6c6;--accent:#0e8a7c;--accent-ink:#2b8fc4;--accent-soft:#dff0ee;--warn:#a3630f;--danger:#c0264a;--radius:16px;--surface-glass:#f8fdfdb3;--shadow:0 12px 40px #0f1e201a;--font-sans:var(--font-montserrat), system-ui, -apple-system, "Segoe UI", sans-serif;--font-thai-display:var(--font-noto-serif-thai), "Noto Serif Thai", serif;--font-thai-read:var(--font-sarabun), "Sarabun", "Noto Sans Thai", sans-serif}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#08151a;--surface:#0e2128;--surface-2:#142c34;--ink:#eef7f7;--ink-2:#9dbcc0;--line:#ffffff1f;--line-strong:#ffffff38;--accent:#3fc9b2;--accent-ink:#63b8e8;--accent-soft:#3fc9b22e;--warn:#d2a25e;--danger:#f76b8a;--surface-glass:#ffffff0f;--shadow:0 10px 30px #00000080}}:root[data-theme=dark]{--bg:#08151a;--surface:#0e2128;--surface-2:#142c34;--ink:#eef7f7;--ink-2:#9dbcc0;--line:#ffffff1f;--line-strong:#ffffff38;--accent:#3fc9b2;--accent-ink:#63b8e8;--accent-soft:#3fc9b22e;--warn:#d2a25e;--danger:#f76b8a;--surface-glass:#ffffff0f;--shadow:0 10px 30px #00000080}*{box-sizing:border-box}button,input,select,textarea,optgroup{font:inherit}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){html{--lightningcss-light: ;--lightningcss-dark:initial}}html[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background:var(--bg);min-height:100vh;color:var(--ink);font-family:var(--font-sans);margin:0;font-size:16px;line-height:1.55}a{color:var(--accent-ink)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.card{background:var(--surface-glass);-webkit-backdrop-filter:blur(20px);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.bg-shape{transform-box:fill-box;transform-origin:50%}@keyframes drift-a{0%,to{transform:translate(0)rotate(0)scale(1)}50%{transform:translate(-2%,1.5%)rotate(2deg)scale(1.06)}}@keyframes drift-b{0%,to{transform:translate(0)rotate(0)scale(1)}50%{transform:translate(2%,-1.5%)rotate(-2deg)scale(1.08)}}@keyframes drift-c{0%,to{transform:translate(0)rotate(0)scale(1)}50%{transform:translate(-1.5%,-2%)rotate(1.5deg)scale(1.05)}}.bg-shape-a{animation:30s ease-in-out infinite drift-a}.bg-shape-b{animation:37s ease-in-out infinite drift-b}.bg-shape-c{animation:43s ease-in-out infinite drift-c}@media (prefers-reduced-motion:reduce){.bg-shape{animation:none}}@keyframes glow-pulse{0%,to{filter:blur(45px);opacity:.4}50%{filter:blur(65px);opacity:.6}}.login-glow{animation:11s ease-in-out infinite glow-pulse}@media (prefers-reduced-motion:reduce){.login-glow{filter:blur(40px);animation:none}}@keyframes spin-1{0%{transform:rotateY(0)rotateX(0)translateZ(0)}25%{transform:rotateY(90deg)rotateX(8deg)translateZ(120px)}50%{transform:rotateY(180deg)rotateX(0)translateZ(-80px)}75%{transform:rotateY(270deg)rotateX(-8deg)translateZ(120px)}to{transform:rotateY(360deg)rotateX(0)translateZ(0)}}@keyframes spin-2{0%{transform:rotateY(0)rotateX(0)translateZ(0)}30%{transform:rotateY(-140deg)rotateX(-14deg)translateZ(-100px)}60%{transform:rotateY(-250deg)rotateX(10deg)translateZ(90px)}to{transform:rotateY(-360deg)rotateX(0)translateZ(0)}}@keyframes spin-3{0%{transform:rotateX(0)rotateY(0)translateZ(0)}25%{transform:rotateX(100deg)rotateY(10deg)translateZ(70px)}50%{transform:rotateX(200deg)rotateY(0)translateZ(-60px)}75%{transform:rotateX(300deg)rotateY(-10deg)translateZ(70px)}to{transform:rotateX(360deg)rotateY(0)translateZ(0)}}@keyframes spin-4{0%{transform:rotateX(0)rotateY(0)translateZ(0)}33%{transform:rotateX(120deg)rotateY(-160deg)translateZ(80px)}66%{transform:rotateX(240deg)rotateY(-280deg)translateZ(-70px)}to{transform:rotateX(360deg)rotateY(-360deg)translateZ(0)}}@keyframes spin-5{0%{transform:rotateY(0)rotateX(0)translateZ(0)}20%{transform:rotateY(-90deg)rotateX(15deg)translateZ(150px)}50%{transform:rotateY(-180deg)rotateX(-15deg)translateZ(-120px)}80%{transform:rotateY(-270deg)rotateX(15deg)translateZ(150px)}to{transform:rotateY(-360deg)rotateX(0)translateZ(0)}}.spin-1{animation:110s linear infinite spin-1}.spin-2{animation:85s linear infinite spin-2}.spin-3{animation:130s linear infinite spin-3}.spin-4{animation:95s linear infinite spin-4}.spin-5{animation:70s linear infinite spin-5}@media (prefers-reduced-motion:reduce){.spin-1,.spin-2,.spin-3,.spin-4,.spin-5{animation:none}}@keyframes ambient-pulse{0%,to{opacity:.1}50%{opacity:.3}}.ambient-1{animation:14s ease-in-out infinite ambient-pulse}.ambient-2{animation:19s ease-in-out -6s infinite ambient-pulse}.ambient-3{animation:23s ease-in-out -11s infinite ambient-pulse}.ambient-4{animation:17s ease-in-out -3s infinite ambient-pulse}@media (prefers-reduced-motion:reduce){.ambient-1,.ambient-2,.ambient-3,.ambient-4{opacity:.15;animation:none}}.page-wide{width:100%;padding:32px var(--page-gutter) 72px}.app-header{padding:20px var(--page-gutter) 0;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;display:grid}.module-head{border-bottom:1px solid var(--line);grid-template-columns:130px 1fr auto;align-items:start;gap:22px;padding-bottom:20px;display:grid}.module-grid{grid-template-columns:1.25fr 1fr;align-items:start;gap:24px;display:grid}.module-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}@media (max-width:1100px){.module-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:700px){.module-cards{grid-template-columns:1fr}}@media (max-width:900px){.module-head{grid-template-columns:1fr;gap:10px}.module-grid{grid-template-columns:1fr}}.chip{border:1px solid var(--accent);color:var(--accent);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;border-radius:999px;padding:3px 10px;font-size:10.5px;display:inline-block}.pane-title{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3,var(--ink-2));margin:0 0 12px;font-size:11px;font-weight:700}.lesson-body{counter-reset:lesson-section;font-size:15.5px;line-height:1.7}.lesson-body>p{margin:0 0 16px}.lesson-body>h2{counter-increment:lesson-section;border-top:1px solid var(--line);align-items:baseline;gap:12px;margin:40px 0 16px;padding-top:22px;font-size:20px;line-height:1.25;display:flex}.lesson-body>h2:before{content:counter(lesson-section, decimal-leading-zero);color:var(--accent);flex:none;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;font-weight:700}.lesson-body>h2:first-child{border-top:none;margin-top:0;padding-top:0}.lesson-body>h3{margin:26px 0 10px;font-size:16.5px}.lesson-body ul,.lesson-body ol{margin:0 0 16px;padding-left:22px}.lesson-body li{margin-bottom:7px}.lesson-body code{background:var(--surface-2);border-radius:4px;padding:.1em .36em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.88em}.lesson-body strong{color:var(--ink);font-weight:600}.lesson-layout{grid-template-columns:260px minmax(0,1fr);align-items:start;gap:26px;display:grid}.lesson-outline{max-height:calc(100vh - 40px);position:sticky;top:20px;overflow-y:auto}.lesson-section{padding:22px 26px}.lesson-section-title{align-items:baseline;gap:12px;margin:0 0 14px;font-size:20px;line-height:1.25;display:flex}.lesson-section-num{color:var(--accent);flex:none;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;font-weight:700}.lesson-section .lesson-body>h2{border-top:none;margin-top:24px;padding-top:0}.lesson-section .lesson-body>h2:before{content:none}@media (max-width:1000px){.lesson-layout{grid-template-columns:1fr}.lesson-outline{max-height:none;position:static}}.module-cards{align-items:stretch}.module-card{flex-direction:column;height:100%;padding:18px 20px;display:flex}.module-card-lessons{gap:6px;margin:0;padding:0;list-style:none;display:grid}.module-card-lessons li{grid-template-columns:20px 1fr;align-items:baseline;gap:8px;margin:0;font-size:12.5px;line-height:1.4;display:grid}.glossary-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:14px;display:grid}.glossary-card{height:100%;padding:16px 18px}@media (max-width:1280px){.glossary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:900px){.glossary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:620px){.glossary-grid{grid-template-columns:1fr}}.pipeline{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:14px;display:grid}.pipeline-stage{border-left:2px solid var(--line-strong);flex-direction:column;height:100%;padding:16px 18px;display:flex}.pipeline-stage-done{border-left-color:var(--accent)}@media (max-width:1280px){.pipeline{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:900px){.pipeline{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:620px){.pipeline{grid-template-columns:1fr}}.header-brand{align-items:center;gap:12px;min-width:0;display:flex}.header-wordmark{letter-spacing:.06em;white-space:nowrap;font-size:18px;font-weight:300}.header-user{justify-content:flex-end;align-items:center;gap:12px;display:flex}.header-username{color:var(--ink-2);white-space:nowrap;font-size:14px}@media (max-width:1000px){.header-username,.header-wordmark{display:none}}@media (max-width:760px){.app-header{grid-template-columns:auto 1fr;grid-template-areas:"brand user""nav nav""search search";gap:10px;padding-top:14px}.header-brand{display:contents}.header-brand>svg{grid-area:brand;width:34px;height:34px}.header-brand>div{grid-area:search;width:100%;max-width:none}.header-user{grid-area:user}.app-header nav{scrollbar-width:none;grid-area:nav;justify-content:center;overflow-x:auto}.app-header nav::-webkit-scrollbar{display:none}.page-wide h1{font-size:clamp(22px,6vw,30px)}.page-wide{padding-top:20px}.lesson-outline{z-index:20;max-height:none;margin:0 calc(-1 * var(--page-gutter));padding:10px var(--page-gutter);background:var(--bg);border-bottom:1px solid var(--line);position:sticky;top:0}.lesson-outline>p{display:none}.lesson-outline nav{scrollbar-width:none;gap:6px;margin-bottom:0;display:flex;overflow-x:auto}.lesson-outline nav::-webkit-scrollbar{display:none}.lesson-outline nav a{white-space:nowrap;flex:none}.lesson-outline>div{display:none}.lesson-section{padding:18px}.lesson-section-title{font-size:18px}.lesson-body{font-size:16px}.lesson-body pre{font-size:13px}}@media (max-width:620px){.module-card-lessons li{font-size:13px}.glossary-card p:last-child{font-size:14px}}.page-wide>h1{font-size:clamp(22px,5vw,30px);line-height:1.2}html,body{max-width:100%;overflow-x:clip}@media (pointer:coarse){.app-header nav a{align-items:center;min-height:44px;display:flex}.app-header button,.app-header form button{min-height:44px}.lesson-outline nav a{min-height:40px}.module-card-lessons li{padding:2px 0}}@media (max-width:760px){.app-header{gap:6px;padding-top:10px;padding-bottom:2px}.app-header input[type=search]{padding-top:9px;padding-bottom:9px}}.lesson-body table{border-collapse:collapse;scrollbar-width:thin;width:100%;margin:18px 0;font-size:14px;display:block;overflow-x:auto}.lesson-body thead th{text-align:left;letter-spacing:.02em;color:var(--ink-2);border-bottom:1px solid var(--line-strong);white-space:nowrap;padding:10px 14px;font-size:12.5px;font-weight:600}.lesson-body tbody td{border-bottom:1px solid var(--line);vertical-align:top;padding:11px 14px;line-height:1.5}.lesson-body tbody tr:last-child td{border-bottom:none}.lesson-body tbody td:first-child{color:var(--ink);font-weight:500}@media (max-width:760px){.lesson-body table{font-size:13.5px}.lesson-body thead th,.lesson-body tbody td{padding:9px 11px}}@media (min-width:1001px){.lesson-side{scrollbar-width:thin;align-content:start;gap:22px;max-height:calc(100vh - 40px);display:grid;position:sticky;top:20px;overflow-y:auto}.lesson-outline{max-height:none;position:static;overflow:visible}}@media (max-width:1000px){.lesson-side{display:contents}.lesson-questions{order:1;margin-top:8px}}.th{font-family:var(--font-thai-read);font-feature-settings:"liga" 1;font-size:2.1em;line-height:1.95}.th-display{font-family:var(--font-thai-display);line-height:1.9}.glyph-outline{color:var(--accent);font-family:var(--font-thai-display)}@supports (-webkit-text-stroke:1px currentColor){.glyph-outline{color:#0000;-webkit-text-stroke:var(--stroke,1px) var(--accent)}}.th-inline{font-family:var(--font-thai-read);vertical-align:-.22em;unicode-bidi:isolate;font-size:2.6em;line-height:1}.has-th{line-height:2.6}.ar .ar-inline,.ar-display .th-inline{font-size:1em;line-height:inherit;vertical-align:baseline}.th .has-th,.th-display .has-th{line-height:inherit;margin:0}.theme-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.theme-cards>.card{padding:18px 20px}@media (max-width:1100px){.theme-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:700px){.theme-cards{grid-template-columns:1fr}}.word-list{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);width:100%;padding:0;list-style:none;overflow:hidden}.word-main,.word-fem{align-items:center;gap:12px;min-width:0;display:flex}.word-tr{color:var(--ink-2);font-size:14.5px;font-style:italic}@media (max-width:900px){.word-row{grid-template-columns:1fr 1fr}.word-ru{grid-column:1/-1}}:root{--class-high:#b3541e;--class-mid:#0e8a7c;--class-low:#2b6fb0}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--class-high:#e59a63;--class-mid:#4fd3bc;--class-low:#77b6ea}}:root[data-theme=dark]{--class-high:#e59a63;--class-mid:#4fd3bc;--class-low:#77b6ea}.letter-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);margin:28px 0;overflow:hidden}.letter-card-head{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:22px;padding:18px 22px;display:flex}.letter-card-glyph{color:var(--accent);font-size:88px;line-height:1.25}.letter-card-title{flex-direction:column;flex:1;gap:4px;min-width:180px;display:flex}.letter-card-name{align-items:center;gap:10px;font-size:30px;display:flex}.letter-card-read{font-size:19px}.letter-card-meaning{color:var(--ink-2);font-size:14.5px}.letter-card-class{white-space:nowrap;border:1px solid;border-radius:999px;padding:5px 14px;font-size:13px;font-weight:600}.letter-card-sounds{border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;display:grid}.letter-card-sounds>div{text-align:center;border-inline-end:1px solid var(--line);padding:16px 10px}.letter-card-sound{font-size:30px;font-weight:500}.letter-card-label{color:var(--ink-2);margin-top:6px;font-size:12.5px}.letter-card-confuse{color:var(--ink-2);border-bottom:1px solid var(--line);margin:0;padding:12px 22px;font-size:14.5px}.letter-card-examples{margin:0;padding:0;list-style:none}.word-list{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);width:100%;margin:22px 0;padding:0;list-style:none;overflow:hidden}.word-row{border-top:1px solid var(--line);grid-template-columns:minmax(180px,1.1fr) minmax(140px,.9fr) minmax(120px,.9fr) auto;align-items:center;gap:8px 18px;padding:12px 20px;display:grid}.word-row:first-child{border-top:none}.word-main{align-items:center;gap:12px;min-width:0;display:flex}.word-main .th{font-size:44px}.word-read{color:var(--ink-2);font-size:15px;font-style:italic}.word-ru{font-size:16px}.word-tag{color:var(--ink-2);border:1px solid var(--line);white-space:nowrap;border-radius:999px;padding:3px 10px;font-size:12px}.word-inline{align-items:center;gap:8px;margin:0 4px;display:inline-flex}.word-inline .th{font-size:34px}.word-inline-read,.word-inline-ru{color:var(--ink-2);font-size:14px}.th-line{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);margin:18px 0;padding:18px 22px}.th-line-body{align-items:center;gap:14px;display:flex}.th-line-body .th{flex:1;font-size:52px}.th-line-note{color:var(--ink-2);margin-top:10px;font-size:14.5px}.compare{background:var(--line);border:1px solid var(--line);border-radius:var(--radius);grid-template-columns:1fr 1fr;gap:1px;margin:22px 0;display:grid;overflow:hidden}.compare-cell{background:var(--surface-2);text-align:center;flex-direction:column;align-items:center;gap:10px;padding:20px 18px;display:flex}.compare-glyph{font-size:56px}.compare-note{color:var(--ink-2);font-size:13.5px}@media (max-width:900px){.word-row{grid-template-columns:1fr 1fr}.word-ru{grid-column:1/-1}}