:root{--bg:#f4f6f3;--paper:#fffefa;--ink:#213035;--muted:#657276;--line:#d9e0dc;--accent:#266e76;--deep:#16464e;--soft:#e7f1ef;--gold:#b77d34;--shadow:0 18px 45px rgba(28,55,58,.08)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.75 "Microsoft YaHei","PingFang SC",system-ui,sans-serif}a{color:inherit}.wrap{width:min(1100px,calc(100% - 40px));margin:auto}.site-header{min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line)}.header-brand,.back{display:inline-flex;align-items:center;gap:9px;font-weight:800;color:var(--muted);font-size:.86rem;text-decoration:none}.header-brand:hover,.back:hover{color:var(--accent)}.site-mark{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--deep);color:#fff;font:800 1rem/1 Georgia,serif}.header-side{display:flex;align-items:center;gap:18px}.hero{padding:78px 0 56px;border-bottom:1px solid var(--line)}.eyebrow{margin:0 0 13px;color:var(--accent);font-weight:800;font-size:.75rem;letter-spacing:.16em}.hero h1{margin:0;font:500 clamp(2.9rem,6vw,5.7rem)/1.03 Georgia,"Microsoft YaHei",serif;letter-spacing:-.065em}.intro{max-width:680px;margin:22px 0 0;color:var(--muted);font-size:1.04rem}.action{display:inline-flex;align-items:center;min-height:42px;margin-top:25px;padding:8px 15px;border:1px solid var(--deep);background:var(--deep);color:#fff;font-weight:800;font-size:.88rem;text-decoration:none}.action:hover{background:var(--accent)}.directory{padding:52px 0 82px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:18px;padding-bottom:13px;border-bottom:1px solid var(--line)}.section-head span{color:var(--accent);font-size:.74rem;font-weight:800;letter-spacing:.13em}.section-head h2{margin:3px 0 0;font:500 clamp(1.7rem,3vw,2.35rem)/1.2 Georgia,"Microsoft YaHei",serif}.section-head p{max-width:430px;margin:0;color:var(--muted);font-size:.88rem}.language-grid,.track-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.language-card,.track-card{position:relative;min-height:210px;padding:25px;border:1px solid var(--line);background:var(--paper);box-shadow:var(--shadow);text-decoration:none;transition:transform .18s,border-color .18s,box-shadow .18s}.language-card:hover,.track-card:hover{transform:translateY(-3px);border-color:#8ab0ad;box-shadow:0 22px 48px rgba(28,55,58,.12)}.card-code{display:block;color:var(--accent);font:800 .75rem/1 system-ui,sans-serif;letter-spacing:.14em}.language-card h3,.track-card h3{margin:27px 0 8px;font:500 clamp(1.65rem,3vw,2.25rem)/1.16 Georgia,"Microsoft YaHei",serif}.language-card p,.track-card p{max-width:430px;margin:0;color:var(--muted);font-size:.9rem}.arrow{position:absolute;right:22px;top:21px;color:var(--accent);font-size:1.25rem}.empty-card{min-height:174px;padding:24px;border:1px dashed #b9c8c5;background:transparent}.empty-card h3{margin:0 0 8px;font:500 1.25rem/1.3 Georgia,"Microsoft YaHei",serif}.empty-card p{margin:0;color:var(--muted);font-size:.88rem}.label-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.label{padding:4px 9px;border:1px solid var(--line);background:var(--paper);color:var(--muted);font-size:.76rem}.track-card{min-height:178px}.track-number{color:var(--gold);font:1.15rem Georgia,serif}.track-card h3{margin:16px 0 7px;font-size:1.42rem}.template-shell{padding:46px 0 82px}.template-meta{display:flex;justify-content:space-between;gap:12px;margin-bottom:13px;color:var(--muted);font-size:.82rem}.lesson{padding:34px;border:1px solid var(--line);background:var(--paper);box-shadow:var(--shadow)}.lesson h1{margin:0;font:500 clamp(2.15rem,4vw,3.55rem)/1.1 Georgia,"Microsoft YaHei",serif;letter-spacing:-.05em}.lesson-sub{margin:15px 0 29px;color:var(--muted)}.template-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.slot{min-height:132px;padding:19px;border:1px dashed #afbfbc;background:#fbfcfa}.slot span{display:block;color:var(--accent);font-size:.74rem;font-weight:800;letter-spacing:.12em}.slot h2{margin:10px 0 0;font:500 1.24rem/1.25 Georgia,"Microsoft YaHei",serif}.pager{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:17px}.pager a{min-height:64px;padding:12px 15px;border:1px solid var(--line);background:var(--paper);text-decoration:none}.pager a:last-child{text-align:right}.pager small{display:block;color:var(--muted)}.site-footer{padding:28px 0 38px;border-top:1px solid var(--line);color:var(--muted);font-size:.82rem}@media(max-width:720px){.wrap{width:min(100% - 30px,1100px)}.hero{padding:56px 0 42px}.language-grid,.track-grid,.template-grid,.pager{grid-template-columns:1fr}.section-head{align-items:start;flex-direction:column;gap:5px}.lesson{padding:24px}.header-side{gap:10px}.header-side .back{font-size:0}.header-side .back::before{content:"←";font-size:1.1rem}.pager a:last-child{text-align:left}}.track-list{display:grid;gap:31px}.track-section{padding-top:2px}.track-head{display:flex;align-items:baseline;gap:12px;margin-bottom:12px;padding-bottom:11px;border-bottom:1px solid var(--line)}.track-head span{color:var(--gold);font:1.13rem Georgia,serif}.track-head h3{margin:0;font:500 clamp(1.42rem,2.5vw,1.85rem)/1.25 Georgia,"Microsoft YaHei",serif}.submodule-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.submodule-grid .track-card{min-height:132px;padding:19px}.submodule-grid .track-card h4{margin:17px 28px 0 0;font:500 1.15rem/1.32 Georgia,"Microsoft YaHei",serif}.submodule-grid .track-number{font-size:.9rem}@media(max-width:720px){.submodule-grid{grid-template-columns:1fr}.submodule-grid .track-card{min-height:112px}}.lesson-content{font-size:1rem}.lesson-content .lead-copy{margin:24px 0 14px;color:#415155;font-size:1.06rem}.lesson-content h2{margin:42px 0 15px;padding-top:4px;font:500 clamp(1.65rem,3vw,2.28rem)/1.22 Georgia,"Microsoft YaHei",serif;letter-spacing:-.035em}.lesson-content h3{margin:26px 0 8px;color:var(--deep);font:600 1.08rem/1.4 "Microsoft YaHei",sans-serif}.lesson-content p{margin:12px 0;color:#3d4c50}.lesson-content em{font-family:Georgia,serif;color:var(--deep)}.goal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:24px 0 31px}.goal-grid div{padding:15px;border:1px solid var(--line);background:var(--soft)}.goal-grid span{display:block;margin-bottom:5px;color:var(--accent);font-size:.75rem;font-weight:800;letter-spacing:.08em}.goal-grid strong{font-size:.9rem;line-height:1.55}.callout,.exercise{margin:21px 0;padding:16px 18px;border-left:3px solid var(--accent);background:var(--soft);color:#36565b}.exercise{border-color:var(--gold);background:#faf4e9;color:#604c2e}.exercise strong{display:block;margin-bottom:7px}.exercise ol{margin:0;padding-left:21px}.exercise li+li{margin-top:4px}.table-wrap{margin:18px 0;overflow:auto;border:1px solid var(--line)}.table-wrap table{width:100%;min-width:650px;border-collapse:collapse;font-size:.9rem}.table-wrap th,.table-wrap td{padding:11px 12px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.table-wrap tr:last-child td{border-bottom:0}.table-wrap th{background:#edf4f2;color:var(--deep);font-weight:800}.steps-list{display:grid;gap:9px;margin:18px 0;padding:0;list-style:none;counter-reset:steps}.steps-list li{position:relative;padding:12px 14px 12px 48px;border:1px solid var(--line);background:#fbfcfa;counter-increment:steps}.steps-list li::before{content:counter(steps);position:absolute;left:13px;top:13px;display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:var(--deep);color:#fff;font-size:.74rem}.check-list{display:grid;gap:8px;margin:16px 0;padding:0;list-style:none}.check-list li{position:relative;padding:10px 13px 10px 38px;border:1px solid var(--line);background:#fbfcfa}.check-list li::before{content:"✓";position:absolute;left:14px;color:var(--accent);font-weight:800}.reference-copy{font-size:.9rem;color:var(--muted)!important}@media(max-width:720px){.goal-grid{grid-template-columns:1fr}.lesson-content h2{margin-top:34px}.table-wrap{margin-left:-1px;margin-right:-1px}}.visual-summary{margin:30px 0 42px;padding:26px;border:1px solid var(--line);background:linear-gradient(145deg,#f1f7f5,#fffefa)}.visual-heading{margin-bottom:22px}.visual-heading>span{color:var(--accent);font-size:.73rem;font-weight:800;letter-spacing:.14em}.visual-heading h2{margin:5px 0 5px!important;padding:0!important;font-size:1.75rem!important}.visual-heading p{margin:0!important;color:var(--muted)!important;font-size:.9rem}.learning-figure{margin:14px 0;padding:19px;border:1px solid #ceded9;background:#fffefa}.learning-figure figcaption{display:grid;gap:3px;margin-bottom:15px}.learning-figure figcaption strong{color:var(--deep);font-size:1rem}.learning-figure figcaption span{color:var(--muted);font-size:.84rem}.sound-flow,.practice-loop{display:flex;align-items:stretch;gap:9px}.sound-flow>div,.practice-loop>div{display:grid;flex:1;min-height:102px;place-content:center;padding:12px;border:1px solid var(--line);background:#f5faf8;text-align:center}.sound-flow b{display:inline-grid;place-items:center;width:22px;height:22px;margin:0 auto 6px;border-radius:50%;background:var(--deep);color:#fff;font:700 .68rem/1 system-ui}.sound-flow strong,.practice-loop>div{color:var(--deep);font-weight:800}.sound-flow small,.practice-loop small{display:block;margin-top:4px;color:var(--muted);font-size:.76rem;font-weight:400}.sound-flow>i,.practice-loop>i{display:grid;place-items:center;color:var(--accent);font-style:normal;font-size:1.15rem}.vowel-chart{display:grid;grid-template-columns:60px repeat(3,1fr);border:1px solid var(--line);font-size:.88rem}.vowel-chart>div{min-height:49px;padding:8px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.vowel-chart>div:nth-child(4n){border-right:0}.vowel-chart>div:nth-last-child(-n+4){border-bottom:0}.vowel-axis,.vowel-col-head,.vowel-row-label{display:grid;place-items:center;background:#e6f1ef;color:var(--deep);font-weight:800;text-align:center}.vowel-axis{grid-row:span 1;font-size:.73rem}.vowel-cell{display:flex;align-items:center;justify-content:center;gap:5px;flex-wrap:wrap;background:#fff}.vowel-cell span{padding:3px 6px;border-radius:999px;background:#d8ece7;color:#16464e;font-family:Georgia,serif}.vowel-cell small{width:100%;text-align:center;color:var(--muted);font-size:.68rem}.figure-note{margin:11px 0 0!important;color:var(--muted)!important;font-size:.82rem}.practice-loop>div{min-height:82px;font-size:.9rem;line-height:1.35}.practice-loop>i:last-child{font-size:1.5rem}@media(max-width:720px){.visual-summary{margin-left:-1px;margin-right:-1px;padding:18px}.sound-flow,.practice-loop{display:grid;grid-template-columns:1fr auto}.sound-flow>i,.practice-loop>i{align-self:center}.sound-flow>i:nth-of-type(4),.practice-loop>i:nth-of-type(5){display:none}.sound-flow>div,.practice-loop>div{min-height:72px}.vowel-chart{grid-template-columns:42px repeat(3,1fr);font-size:.76rem}.vowel-chart>div{padding:6px 3px}.vowel-cell{gap:2px}.vowel-cell span{padding:2px 4px}.practice-loop>i:last-child{display:grid!important}.learning-figure{padding:14px}}.stress-bars{display:flex;align-items:end;justify-content:center;gap:12px;min-height:145px;padding:12px;border:1px solid var(--line);background:#f7fbfa}.stress-bars>div{display:grid;place-items:center;gap:7px;min-width:28%;padding:11px;border:1px solid #cfe0dc;text-align:center}.stress-bars b{font-family:Georgia,serif}.stress-bars small{color:var(--muted);font-size:.73rem}.stress-soft{min-height:68px;background:#eef5f3;color:#466b6a}.stress-strong{min-height:112px;background:#cfe7e1;color:#16464e;box-shadow:0 -5px 0 #266e76}.sentence-map{display:flex;align-items:center;flex-wrap:wrap;gap:7px;padding:16px;border:1px solid var(--line);background:#f7fbfa;font-family:Georgia,"Microsoft YaHei",serif}.sentence-map span{padding:5px 7px}.sentence-map .focus{border-bottom:3px solid var(--gold);background:#fff4dc;color:#754b16;font-weight:700;letter-spacing:.04em}.sentence-map .light{color:#70807f;font-size:.9rem}.sentence-key{display:flex;flex-wrap:wrap;gap:13px;margin-top:10px;color:var(--muted);font-size:.78rem}.sentence-key i{display:inline-block;width:9px;height:9px;margin-right:4px;border-radius:50%}.focus-dot{background:var(--gold)}.light-dot{background:#9bbab3}.link-map{display:flex;align-items:center;justify-content:center;gap:13px;margin:20px 0 7px;padding:18px;border:1px solid var(--line);background:#f7fbfa}.link-map>div{display:grid;gap:4px;padding:12px 16px;border:1px solid #cfe0dc;background:#fff;text-align:center}.link-map strong{color:var(--muted);font-size:.75rem}.link-map span{color:var(--deep);font:600 1.1rem Georgia,serif}.link-map i{color:var(--accent);font-size:1.3rem;font-style:normal}.link-result{border-color:#82aaa4!important;background:#e3f0ed!important}@media(max-width:720px){.stress-bars{gap:6px}.stress-bars>div{min-width:30%;padding:8px 3px}.stress-bars small{font-size:.66rem}.link-map{gap:5px;padding:10px}.link-map>div{padding:9px 6px;font-size:.78rem}.link-map i{font-size:1rem}.sentence-map{gap:3px;padding:11px}}.pattern-flow{display:flex;align-items:center;justify-content:center;gap:10px;padding:15px;border:1px solid var(--line);background:#f7fbfa}.pattern-main{display:flex;align-items:center;gap:8px;padding:11px;border:1px solid #b8d4cd;background:#e5f2ef}.pattern-main b{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--deep);color:#fff;font:700 .8rem/1 Georgia}.pattern-main span{font-weight:800;line-height:1.15}.pattern-main small{color:var(--muted);font-size:.7rem;font-weight:400}.pattern-options{display:grid;gap:4px}.pattern-options span{padding:5px 8px;border:1px solid var(--line);background:#fff;color:var(--accent);font-size:.78rem}.pattern-flow>i,.transform-map>i,.sentence-ladder>i{color:var(--accent);font-style:normal;font-size:1.2rem}.pattern-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.pattern-grid>div{display:grid;gap:6px;min-height:87px;padding:12px;border:1px solid var(--line);background:#f7fbfa}.pattern-grid b{color:var(--deep);font-family:Georgia,serif}.pattern-grid span{color:#5c6d70;font-size:.84rem}.sentence-ladder{display:flex;align-items:center;gap:8px;padding:15px;border:1px solid var(--line);background:#f7fbfa}.sentence-ladder>div{display:flex;flex:1;align-items:center;gap:7px;min-height:54px;padding:8px;border:1px solid #c8ddd8;background:#fff;font-family:Georgia,serif;font-size:.86rem}.sentence-ladder b{display:grid;place-items:center;flex:0 0 21px;width:21px;height:21px;border-radius:50%;background:var(--accent);color:#fff;font:700 .68rem/1 system-ui}.transform-map{display:flex;align-items:stretch;gap:7px;margin:19px 0;padding:15px;border:1px solid var(--line);background:#f7fbfa}.transform-map>div{display:grid;flex:1;gap:6px;padding:10px;border:1px solid #c8ddd8;background:#fff}.transform-map b{color:var(--accent);font-size:.78rem}.transform-map span{font-family:Georgia,serif;font-size:.83rem}@media(max-width:720px){.pattern-flow,.sentence-ladder,.transform-map{display:grid;grid-template-columns:1fr auto}.pattern-flow>i,.sentence-ladder>i,.transform-map>i{align-self:center}.pattern-flow>i:nth-of-type(2),.sentence-ladder>i:nth-of-type(3),.transform-map>i:nth-of-type(3){display:none}.pattern-grid{grid-template-columns:1fr 1fr}.pattern-grid>div{min-height:74px}.sentence-ladder>div,.transform-map>div{min-height:48px}.pattern-options{grid-column:1}}.vocabulary-center{margin-top:58px;padding-top:4px}.vocab-preview{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:23px;border:1px solid var(--line);background:linear-gradient(135deg,#e5f0ed,#fffefa)}.vocab-preview strong,.vocab-preview span{display:block}.vocab-preview strong{color:var(--deep);font:500 1.55rem Georgia,"Microsoft YaHei",serif}.vocab-preview span{margin-top:4px;color:var(--muted);font-size:.88rem}.vocab-preview .action{margin:0;white-space:nowrap}.vocab-system-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.vocab-system{min-height:220px;padding:23px;border:1px solid var(--line);background:var(--paper);box-shadow:var(--shadow)}.vocab-system:hover{border-color:#8ab0ad}.vocab-system h3{margin:22px 0 8px;font:500 1.65rem/1.2 Georgia,"Microsoft YaHei",serif}.vocab-system p{margin:0;color:var(--muted);font-size:.89rem}.review-method{margin-top:50px}.review-flow{display:flex;align-items:stretch;gap:9px;padding:18px;border:1px solid var(--line);background:#f7fbfa}.review-flow>div{display:grid;flex:1;place-content:center;min-height:86px;padding:12px;border:1px solid #c8ddd8;background:#fff;text-align:center}.review-flow b{display:block;margin-bottom:7px;color:var(--accent);font:700 .75rem Georgia,serif}.review-flow strong{color:var(--deep);font-size:.92rem}.review-flow i{display:grid;place-items:center;color:var(--accent);font-style:normal;font-size:1.15rem}@media(max-width:720px){.vocab-preview{align-items:start;flex-direction:column}.vocab-system-grid{grid-template-columns:1fr}.review-flow{display:grid;grid-template-columns:1fr auto}.review-flow i{align-self:center}.review-flow i:nth-of-type(4){display:none}}
.vocab-system{cursor:pointer}.vocab-system:focus-visible{outline:3px solid #8ab0ad;outline-offset:3px}.vocab-system .action{margin-top:18px}

.chapter-nav{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:27px 0 16px}.chapter-nav a{padding:14px;border:1px solid var(--line);background:#fbfdfc;text-decoration:none}.chapter-nav b{display:block;margin-bottom:3px;color:var(--accent);font:.78rem Georgia,serif}.chapter-nav a:hover{border-color:#8ab0ad}.vocab-cycle,.grammar-route{display:flex;align-items:stretch;gap:8px}.vocab-cycle>div,.grammar-route>div{display:grid;flex:1;gap:4px;min-height:112px;place-content:center;padding:10px;border:1px solid #c8ddd8;background:#fff;text-align:center}.vocab-cycle b,.grammar-route b{display:grid;place-items:center;width:22px;height:22px;margin:auto;border-radius:50%;background:var(--deep);color:#fff;font:.7rem Georgia,serif}.vocab-cycle strong,.grammar-route strong{color:var(--deep);font-size:.86rem}.vocab-cycle small,.grammar-route small{color:var(--muted);font-size:.71rem}.vocab-cycle i,.grammar-route i{display:grid;place-items:center;color:var(--accent);font-style:normal}.word-network{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:8px;align-items:center;min-height:205px;padding:20px;border:1px solid var(--line);background:#f7fbfa}.network-core{grid-column:3;grid-row:2;z-index:1;display:grid;place-items:center;min-height:75px;border-radius:50%;background:var(--deep);color:#fff;font:1.05rem Georgia,serif}.network-node{z-index:1;padding:9px;border:1px solid #bdd8d3;background:#fff;text-align:center;color:var(--deep);font-weight:800}.network-node small{color:var(--muted);font-weight:400;font-size:.72rem}.n1{grid-column:1;grid-row:1}.n2{grid-column:5;grid-row:1}.n3{grid-column:1;grid-row:3}.n4{grid-column:5;grid-row:3}.n5{grid-column:3;grid-row:4}.morphology-lab{display:flex;align-items:stretch;gap:8px;margin:20px 0;padding:16px;border:1px solid var(--line);background:#f7fbfa}.morphology-lab>div{display:grid;flex:1;gap:4px;padding:11px;border:1px solid #c8ddd8;background:#fff;text-align:center}.morphology-lab span{color:var(--accent);font-size:.71rem;font-weight:800}.morphology-lab b{font:1rem Georgia,serif}.morphology-lab small{color:var(--muted);font-size:.73rem}.morphology-lab i{display:grid;place-items:center;color:var(--accent);font-style:normal}.seven-day{display:grid;grid-template-columns:repeat(7,1fr);gap:7px;margin:19px 0}.seven-day>div{min-height:108px;padding:11px;border:1px solid var(--line);background:#f7fbfa}.seven-day b{display:block;margin-bottom:6px;color:var(--accent);font-size:.76rem}.seven-day span{font-size:.8rem;line-height:1.5}@media(max-width:720px){.chapter-nav,.seven-day{grid-template-columns:1fr}.vocab-cycle,.grammar-route{display:grid;grid-template-columns:1fr auto}.vocab-cycle i,.grammar-route i{align-self:center}.vocab-cycle i:nth-of-type(4),.grammar-route i:nth-of-type(3){display:none}.word-network{grid-template-columns:1fr 1fr;min-height:0}.network-core,.n1,.n2,.n3,.n4,.n5{grid-column:auto;grid-row:auto}.network-core{border-radius:10px}.morphology-lab{display:grid;grid-template-columns:1fr auto}.morphology-lab i{align-self:center}.morphology-lab i:nth-of-type(3){display:none}}
.learning-tool-note{display:flex;gap:12px;margin-top:32px;padding:16px;border:1px solid var(--line);background:#f7fbfa;color:var(--muted);font-size:.82rem}.learning-tool-note b{flex:0 0 auto;color:var(--deep)}@media(max-width:720px){.learning-tool-note{align-items:flex-start;flex-direction:column;gap:4px}}
.vocab-title-row{display:flex;align-items:center;gap:14px}.vocab-title-row h1{margin:0}.vocab-sync-entry{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 12px;border:1px solid #89b4ad;background:#fff;color:var(--deep);font-weight:800;text-decoration:none;white-space:nowrap}.vocab-sync-entry:hover{border-color:var(--deep);background:#f2f8f7}@media(max-width:520px){.vocab-title-row{align-items:flex-start;flex-direction:column;gap:10px}}.chapter-tools{display:flex;flex-wrap:wrap;gap:9px;margin-top:19px;padding-top:17px;border-top:1px solid var(--line)}.chapter-tools a{display:inline-flex;align-items:center;min-height:38px;padding:7px 12px;border:1px solid #bfd2ce;background:#f7fbfa;color:var(--deep);font-size:.82rem;font-weight:700;text-decoration:none;transition:background .18s,border-color .18s,transform .18s}.chapter-tools a:hover{transform:translateY(-1px);border-color:#78a39d;background:#e5f1ee}.chapter-tools a:focus-visible{outline:3px solid #8ab0ad;outline-offset:2px}@media(max-width:720px){.chapter-tools{display:grid;grid-template-columns:1fr}.chapter-tools a{width:100%}}
/* lesson reading rhythm v2 */
.lesson-content section[id]>h2{margin:58px -10px 20px;padding:27px 10px 0;border-top:1px solid #ccd9d5;scroll-margin-top:24px}.lesson-content section[id]>h2:first-child{margin-top:34px}.lesson-content section[id]>h2+p{margin-top:0;color:#304448;font-size:1.02rem}.lesson-content section[id]>p{max-width:78ch;line-height:1.9}.lesson-content section[id]>p+p{margin-top:17px}.lesson-content section[id]>h3{max-width:78ch;margin:34px 0 15px;padding:13px 16px;border-left:4px solid var(--accent);background:linear-gradient(90deg,#eaf3f1,rgba(234,243,241,.2));font-size:1.12rem}.lesson-content section[id]>.table-wrap,.lesson-content section[id]>.exercise,.lesson-content section[id]>.callout,.lesson-content section[id]>.steps-list{margin-top:25px;margin-bottom:35px}.table-wrap{border-radius:3px;box-shadow:0 9px 24px rgba(28,55,58,.055)}.table-wrap tbody tr:nth-child(even){background:#fafcfb}.table-wrap tbody tr:hover{background:#f1f7f5}.callout{position:relative;padding:18px 20px 18px 52px;border:1px solid #c9dcd7;border-left:4px solid var(--accent);box-shadow:0 8px 20px rgba(28,55,58,.04)}.callout::before{content:'!';position:absolute;left:17px;top:18px;display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:var(--accent);color:#fff;font:800 .75rem/1 system-ui}.callout strong{display:block;margin-bottom:5px;color:var(--deep)}.steps-list{grid-template-columns:repeat(2,minmax(0,1fr));counter-reset:steps}.steps-list li{min-height:88px;padding:15px 16px 15px 54px;box-shadow:0 7px 18px rgba(28,55,58,.035)}.steps-list li::before{top:15px;left:15px}.steps-list li strong{display:block;margin-bottom:4px;color:var(--deep)}.steps-list li span{display:block;color:var(--muted);font-size:.86rem;line-height:1.6}@media(max-width:720px){.lesson-content section[id]>h2{margin:47px 0 17px;padding-top:22px}.lesson-content section[id]>h3{margin-top:28px}.lesson-content section[id]>p{max-width:none}.steps-list{grid-template-columns:1fr}.steps-list li{min-height:0}.callout{padding:16px 15px 16px 48px}.table-wrap table{min-width:580px}}
.thai-orbit{display:grid;grid-template-columns:1fr 108px 1fr;grid-template-rows:58px 108px 58px;place-items:center;gap:7px;max-width:610px;margin:auto;padding:16px;border:1px solid var(--line);background:#f7fbfa}.thai-orbit span{padding:7px 10px;border:1px solid #c8ddd8;background:#fff;color:var(--accent);font:600 1.05rem/1.4 "Noto Sans Thai","Tahoma","Microsoft YaHei",sans-serif;text-align:center}.thai-core{display:grid;grid-column:2;grid-row:2;place-items:center;width:92px;height:92px;border-radius:50%;background:var(--deep);color:#fff;font:500 3.5rem/1 "Noto Sans Thai","Tahoma",sans-serif}.thai-top{grid-column:2;grid-row:1}.thai-bottom{grid-column:2;grid-row:3}.thai-left{grid-column:1;grid-row:2}.thai-right{grid-column:3;grid-row:2}.thai-index td[lang="th"],.lesson-content [lang="th"]{font-family:"Noto Sans Thai","Leelawadee UI","Tahoma",sans-serif;font-size:1.08em}.reference-toolbar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:25px 0}.reference-toolbar a{display:grid;gap:5px;padding:15px;border:1px solid var(--line);background:#fbfcfa;text-decoration:none}.reference-toolbar a:hover{border-color:#82aaa4;background:#f1f7f5}.reference-toolbar strong{color:var(--deep)}.reference-toolbar span{color:var(--muted);font-size:.82rem}@media(max-width:720px){.template-meta{flex-wrap:wrap}.thai-layer-flow,.thai-writing-cycle{grid-template-columns:1fr!important}.thai-layer-flow>i,.thai-writing-cycle>i{display:none!important}.thai-orbit{grid-template-columns:1fr 76px 1fr;grid-template-rows:48px 76px 48px;padding:9px}.thai-core{width:68px;height:68px;font-size:2.65rem}.thai-orbit span{padding:5px;font-size:.85rem}.reference-toolbar{grid-template-columns:1fr}}
.thai-class-triad{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.thai-class-triad>div{display:grid;gap:8px;min-height:150px;align-content:center;padding:17px;border:1px solid var(--line);text-align:center}.thai-class-triad b{display:grid;place-items:center;width:35px;height:35px;margin:auto;border-radius:50%;background:var(--deep);color:#fff;font:700 1rem Georgia,serif}.thai-class-triad strong{font-size:1.05rem}.thai-class-triad span{min-height:44px;color:#31565b;line-height:1.65}.thai-class-triad small{color:var(--muted)}.class-mid{background:#fff7e8}.class-high{background:#eef6fa}.class-low{background:#eef7f1}.vowel-position-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.vowel-position-grid>div{display:grid;gap:6px;min-height:112px;align-content:center;padding:11px;border:1px solid var(--line);background:#f7fbfa;text-align:center}.vowel-position-grid b{color:var(--accent);font-size:.78rem}.vowel-position-grid span{color:var(--deep);font-size:1.1rem}.vowel-position-grid small{color:var(--muted);font-size:.72rem}.syllable-scan{display:flex;align-items:stretch;gap:6px}.syllable-scan>div{display:grid;flex:1;gap:5px;min-height:105px;place-content:center;padding:9px;border:1px solid #c8ddd8;background:#fff;text-align:center}.syllable-scan b{display:grid;place-items:center;width:22px;height:22px;margin:auto;border-radius:50%;background:var(--deep);color:#fff;font:.7rem Georgia,serif}.syllable-scan strong{color:var(--deep);font-size:.82rem}.syllable-scan small{color:var(--muted);font-size:.69rem}.syllable-scan i{display:grid;place-items:center;color:var(--accent);font-style:normal}@media(max-width:720px){.thai-class-triad,.vowel-position-grid{grid-template-columns:1fr}.thai-class-triad>div,.vowel-position-grid>div{min-height:0}.syllable-scan{display:grid;grid-template-columns:1fr}.syllable-scan>div{min-height:76px}.syllable-scan>i{display:none}}
.tone-contours{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.tone-contours>div{display:grid;gap:5px;min-height:132px;align-content:center;padding:10px;border:1px solid var(--line);background:#f7fbfa;text-align:center}.tone-contours b{color:var(--accent);font:.7rem Georgia,serif;letter-spacing:.06em}.tone-contours strong{color:var(--deep)}.tone-contours small{color:var(--muted);font-size:.7rem}.tone-line{font:600 2.6rem/1 Georgia,serif}.tone-mid{color:#27717a}.tone-low{color:#667d8d}.tone-falling{color:#9c6332}.tone-high{color:#b27b16}.tone-rising{color:#37866e}.tone-route{display:flex;align-items:stretch;gap:5px}.tone-route>div{display:grid;flex:1;gap:5px;min-height:108px;place-content:center;padding:8px;border:1px solid #c8ddd8;background:#fff;text-align:center}.tone-route b{display:grid;place-items:center;width:22px;height:22px;margin:auto;border-radius:50%;background:var(--deep);color:#fff;font:.7rem Georgia,serif}.tone-route strong{color:var(--deep);font-size:.78rem}.tone-route small{color:var(--muted);font-size:.65rem}.tone-route i{display:grid;place-items:center;color:var(--accent);font-style:normal}.tone-matrix table{min-width:760px}.tone-matrix td:not(:first-child){text-align:center;font-weight:700}@media(max-width:720px){.tone-contours{grid-template-columns:1fr 1fr}.tone-contours>div{min-height:104px}.tone-contours>div:last-child{grid-column:1/-1}.tone-route{display:grid;grid-template-columns:1fr}.tone-route>div{min-height:72px}.tone-route>i{display:none}}
.thai-vocab-loop{display:flex;align-items:stretch;gap:6px}.thai-vocab-loop>div{display:grid;flex:1;gap:5px;min-height:105px;place-content:center;padding:9px;border:1px solid #c8ddd8;background:#fff;text-align:center}.thai-vocab-loop b{display:grid;place-items:center;width:22px;height:22px;margin:auto;border-radius:50%;background:var(--deep);color:#fff;font:.7rem Georgia,serif}.thai-vocab-loop strong{color:var(--deep);font-size:.82rem}.thai-vocab-loop small{color:var(--muted);font-size:.68rem}.thai-vocab-loop i{display:grid;place-items:center;color:var(--accent);font-style:normal}.thai-topic-network{grid-template-columns:repeat(5,1fr)}@media(max-width:720px){.thai-vocab-layers{grid-template-columns:1fr!important}.thai-vocab-layers>i{display:none!important}.thai-topic-network{grid-template-columns:1fr 1fr}.thai-vocab-loop{display:grid;grid-template-columns:1fr}.thai-vocab-loop>div{min-height:72px}.thai-vocab-loop>i{display:none}}
.thai-sentence-lane{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px}.thai-sentence-lane>div{display:grid;gap:5px;min-height:118px;align-content:center;padding:10px;border:1px solid #c8ddd8;background:#f7fbfa;text-align:center}.thai-sentence-lane b{display:grid;place-items:center;width:23px;height:23px;margin:auto;border-radius:50%;background:var(--deep);color:#fff;font:.7rem Georgia,serif}.thai-sentence-lane strong{color:var(--deep);font-size:.8rem}.thai-sentence-lane small{color:var(--muted);font-size:.66rem}.thai-pronoun-map{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;align-items:stretch}.thai-pronoun-map>div{display:grid;gap:5px;min-height:106px;place-content:center;padding:12px;border:1px solid #c8ddd8;background:#fff;text-align:center}.thai-pronoun-map .pronoun-core{background:var(--deep);color:#fff}.thai-pronoun-map strong{color:var(--deep)}.thai-pronoun-map .pronoun-core strong{color:#fff}.thai-pronoun-map small{color:var(--muted);font-size:.72rem}.thai-pronoun-map .pronoun-core small{color:#d8e9e6}.thai-build-route{display:flex;align-items:stretch;gap:6px}.thai-build-route>div{display:grid;flex:1;gap:5px;min-height:105px;place-content:center;padding:9px;border:1px solid #c8ddd8;background:#fff;text-align:center}.thai-build-route b{display:grid;place-items:center;width:22px;height:22px;margin:auto;border-radius:50%;background:var(--deep);color:#fff;font:.7rem Georgia,serif}.thai-build-route strong{color:var(--deep);font-size:.8rem}.thai-build-route small{color:var(--muted);font-size:.66rem}.thai-build-route i{display:grid;place-items:center;color:var(--accent);font-style:normal}@media(max-width:720px){.thai-sentence-lane{grid-template-columns:1fr 1fr}.thai-sentence-lane>div{min-height:92px}.thai-pronoun-map{grid-template-columns:1fr 1fr}.thai-build-route{display:grid;grid-template-columns:1fr}.thai-build-route>div{min-height:72px}.thai-build-route>i{display:none}}
.thai-negation-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.thai-negation-grid>div{display:grid;gap:5px;min-height:118px;align-content:center;padding:12px;border:1px solid #c8ddd8;background:#f7fbfa;text-align:center}.thai-negation-grid b{color:var(--accent);font:.72rem Georgia,serif}.thai-negation-grid strong{color:var(--deep);font-size:.92rem}.thai-negation-grid small{color:var(--muted);font-size:.7rem}.thai-question-map{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.thai-question-map>div{display:grid;gap:5px;min-height:125px;align-content:center;padding:10px;border:1px solid #c8ddd8;background:#fff;text-align:center}.thai-question-map b{display:grid;place-items:center;width:23px;height:23px;margin:auto;border-radius:50%;background:var(--deep);color:#fff;font:.68rem Georgia,serif}.thai-question-map strong{color:var(--deep);font-size:.8rem}.thai-question-map small{color:var(--muted);font-size:.66rem}.thai-aspect-line{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;align-items:stretch}.thai-aspect-line>div{position:relative;display:grid;gap:5px;min-height:122px;align-content:center;padding:11px 8px;border:1px solid var(--line);background:#f7fbfa;text-align:center}.thai-aspect-line>div::before{content:"";position:absolute;left:-8px;right:-8px;top:22px;height:2px;background:#b8d3ce;z-index:0}.thai-aspect-line>div:first-child::before{left:50%}.thai-aspect-line>div:last-child::before{right:50%}.thai-aspect-line b,.thai-aspect-line strong,.thai-aspect-line small{position:relative;z-index:1}.thai-aspect-line b{display:grid;place-items:center;width:24px;height:24px;margin:auto;border-radius:50%;background:var(--deep);color:#fff;font:.68rem Georgia,serif}.thai-aspect-line strong{color:var(--deep);font-size:.8rem}.thai-aspect-line small{color:var(--muted);font-size:.66rem}@media(max-width:720px){.thai-negation-grid{grid-template-columns:1fr 1fr}.thai-question-map{grid-template-columns:1fr 1fr}.thai-question-map>div:last-child{grid-column:1/-1}.thai-aspect-line{grid-template-columns:1fr 1fr}.thai-aspect-line>div::before{display:none}.thai-negation-grid>div,.thai-question-map>div,.thai-aspect-line>div{min-height:94px}}
.thai-listening-stack{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.thai-listening-stack>div{display:grid;gap:6px;min-height:124px;align-content:center;padding:10px;border:1px solid #c8ddd8;background:#f7fbfa;text-align:center}.thai-listening-stack b{display:grid;place-items:center;width:23px;height:23px;margin:auto;border-radius:50%;background:var(--deep);color:#fff;font:.68rem Georgia,serif}.thai-listening-stack strong{color:var(--deep);font-size:.82rem}.thai-listening-stack small{color:var(--muted);font-size:.68rem}.thai-listening-passes{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.thai-listening-passes>div{display:grid;gap:7px;min-height:145px;align-content:center;padding:13px;border:1px solid #c8ddd8;background:#fff;text-align:center}.thai-listening-passes b{color:var(--gold);font:.82rem Georgia,serif;letter-spacing:.06em}.thai-listening-passes strong{color:var(--deep);font-size:.9rem}.thai-listening-passes small{color:var(--muted);font-size:.7rem}.thai-listening-diagnosis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.thai-listening-diagnosis>div{display:grid;gap:5px;min-height:105px;align-content:center;padding:11px;border:1px solid var(--line);background:#f7fbfa;text-align:center}.thai-listening-diagnosis .diagnosis-core{grid-column:1/-1;min-height:72px;background:var(--deep);color:#fff}.thai-listening-diagnosis strong{color:var(--deep)}.thai-listening-diagnosis .diagnosis-core strong{color:#fff;font-size:1rem}.thai-listening-diagnosis small{color:var(--muted);font-size:.7rem}.thai-listening-diagnosis .diagnosis-core small{color:#d8e9e6}@media(max-width:720px){.thai-listening-stack{grid-template-columns:1fr 1fr}.thai-listening-stack>div:last-child{grid-column:1/-1}.thai-listening-passes{grid-template-columns:1fr 1fr}.thai-listening-diagnosis{grid-template-columns:1fr 1fr}.thai-listening-diagnosis .diagnosis-core{grid-column:1/-1}.thai-listening-stack>div,.thai-listening-passes>div,.thai-listening-diagnosis>div{min-height:96px}}
.thai-dialogue-cycle{display:grid;grid-template-columns:repeat(6,1fr);gap:7px}.thai-dialogue-cycle>div{display:grid;gap:5px;min-height:118px;align-content:center;padding:10px;border:1px solid #c8ddd8;background:#f7fbfa;text-align:center}.thai-dialogue-cycle b{display:grid;place-items:center;width:23px;height:23px;margin:auto;border-radius:50%;background:var(--deep);color:#fff;font:.68rem Georgia,serif}.thai-dialogue-cycle strong{color:var(--deep);font-size:.79rem}.thai-dialogue-cycle small{color:var(--muted);font-size:.66rem}.thai-scene-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.thai-scene-grid>div{display:grid;gap:5px;min-height:116px;align-content:center;padding:11px;border:1px solid var(--line);background:#fff;text-align:center}.thai-scene-grid b{color:var(--gold);font:.72rem Georgia,serif}.thai-scene-grid strong{color:var(--deep);font-size:.84rem}.thai-scene-grid small{color:var(--muted);font-size:.68rem}.thai-repair-ladder{display:flex;align-items:stretch;gap:7px}.thai-repair-ladder>div{display:grid;flex:1;gap:5px;min-height:118px;place-content:center;padding:10px;border:1px solid #c8ddd8;background:#f7fbfa;text-align:center}.thai-repair-ladder b{display:grid;place-items:center;width:23px;height:23px;margin:auto;border-radius:50%;background:var(--deep);color:#fff;font:.68rem Georgia,serif}.thai-repair-ladder strong{color:var(--deep);font-size:.79rem}.thai-repair-ladder small{color:var(--muted);font-size:.66rem}.thai-repair-ladder i{display:grid;place-items:center;color:var(--accent);font-style:normal}@media(max-width:720px){.thai-dialogue-cycle{grid-template-columns:1fr 1fr}.thai-scene-grid{grid-template-columns:1fr 1fr}.thai-repair-ladder{display:grid;grid-template-columns:1fr}.thai-repair-ladder>i{display:none}.thai-dialogue-cycle>div,.thai-scene-grid>div,.thai-repair-ladder>div{min-height:92px}}
.thai-reading-route{display:grid;grid-template-columns:repeat(6,1fr);gap:7px}.thai-reading-route>div{display:grid;gap:5px;min-height:118px;align-content:center;padding:10px;border:1px solid #c8ddd8;background:#f7fbfa;text-align:center}.thai-reading-route b{display:grid;place-items:center;width:23px;height:23px;margin:auto;border-radius:50%;background:var(--deep);color:#fff;font:.68rem Georgia,serif}.thai-reading-route strong{color:var(--deep);font-size:.79rem}.thai-reading-route small{color:var(--muted);font-size:.66rem}.thai-text-layers{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;align-items:end}.thai-text-layers>div{display:grid;gap:5px;align-content:center;padding:10px;border:1px solid var(--line);background:#fff;text-align:center}.thai-text-layers>div:nth-child(1){min-height:82px}.thai-text-layers>div:nth-child(2){min-height:98px}.thai-text-layers>div:nth-child(3){min-height:114px}.thai-text-layers>div:nth-child(4){min-height:130px}.thai-text-layers>div:nth-child(5){min-height:146px;background:#edf6f3}.thai-text-layers b{color:var(--gold);font:.72rem Georgia,serif}.thai-text-layers strong{color:var(--deep);font-size:.82rem}.thai-text-layers small{color:var(--muted);font-size:.67rem}.thai-unknown-route{display:flex;align-items:stretch;gap:7px}.thai-unknown-route>div{display:grid;flex:1;gap:5px;min-height:118px;place-content:center;padding:10px;border:1px solid #c8ddd8;background:#f7fbfa;text-align:center}.thai-unknown-route b{display:grid;place-items:center;width:23px;height:23px;margin:auto;border-radius:50%;background:var(--deep);color:#fff;font:.68rem Georgia,serif}.thai-unknown-route strong{color:var(--deep);font-size:.79rem}.thai-unknown-route small{color:var(--muted);font-size:.66rem}.thai-unknown-route i{display:grid;place-items:center;color:var(--accent);font-style:normal}@media(max-width:720px){.thai-reading-route{grid-template-columns:1fr 1fr}.thai-text-layers{grid-template-columns:1fr 1fr;align-items:stretch}.thai-text-layers>div,.thai-text-layers>div:nth-child(n){min-height:94px}.thai-text-layers>div:last-child{grid-column:1/-1}.thai-unknown-route{display:grid;grid-template-columns:1fr}.thai-unknown-route>i{display:none}.thai-reading-route>div,.thai-unknown-route>div{min-height:92px}}
.thai-expression-route{display:grid;grid-template-columns:repeat(6,1fr);gap:7px}.thai-expression-route>div{display:grid;gap:5px;min-height:118px;align-content:center;padding:10px;border:1px solid #c8ddd8;background:#f7fbfa;text-align:center}.thai-expression-route b{display:grid;place-items:center;width:23px;height:23px;margin:auto;border-radius:50%;background:var(--deep);color:#fff;font:.68rem Georgia,serif}.thai-expression-route strong{color:var(--deep);font-size:.79rem}.thai-expression-route small{color:var(--muted);font-size:.66rem}.thai-expansion-stack{display:grid;gap:8px;max-width:790px;margin:auto}.thai-expansion-stack>div{display:grid;grid-template-columns:86px 1fr;gap:12px;align-items:center;padding:10px 14px;border:1px solid var(--line);background:#fff}.thai-expansion-stack>div:nth-child(2){margin-left:5%}.thai-expansion-stack>div:nth-child(3){margin-left:10%}.thai-expansion-stack>div:nth-child(4){margin-left:15%}.thai-expansion-stack>div:nth-child(5){margin-left:20%;background:#edf6f3}.thai-expansion-stack b{color:var(--gold);font:.72rem Georgia,serif}.thai-expansion-stack strong{color:var(--deep);font-size:.85rem}.thai-expansion-stack small{color:var(--muted);font-size:.69rem}.thai-revision-wheel{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.thai-revision-wheel>div{display:grid;gap:6px;min-height:135px;align-content:center;padding:12px;border:1px solid #c8ddd8;background:#f7fbfa;text-align:center}.thai-revision-wheel b{display:grid;place-items:center;width:27px;height:27px;margin:auto;border-radius:50%;background:var(--deep);color:#fff;font:.72rem Georgia,serif}.thai-revision-wheel strong{color:var(--deep);font-size:.84rem}.thai-revision-wheel small{color:var(--muted);font-size:.68rem}@media(max-width:720px){.thai-expression-route{grid-template-columns:1fr 1fr}.thai-expression-route>div{min-height:92px}.thai-expansion-stack>div,.thai-expansion-stack>div:nth-child(n){grid-template-columns:60px 1fr;margin-left:0}.thai-revision-wheel{grid-template-columns:1fr 1fr}.thai-revision-wheel>div{min-height:102px}}
.thai-interaction-loop{display:grid;grid-template-columns:repeat(6,1fr);gap:7px}.thai-interaction-loop>div{display:grid;gap:5px;min-height:118px;align-content:center;padding:10px;border:1px solid #c8ddd8;background:#f7fbfa;text-align:center}.thai-interaction-loop b{display:grid;place-items:center;width:23px;height:23px;margin:auto;border-radius:50%;background:var(--deep);color:#fff;font:.68rem Georgia,serif}.thai-interaction-loop strong{color:var(--deep);font-size:.79rem}.thai-interaction-loop small{color:var(--muted);font-size:.66rem}.thai-response-ladder{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;align-items:end}.thai-response-ladder>div{display:grid;gap:5px;align-content:center;padding:11px;border:1px solid var(--line);background:#fff;text-align:center}.thai-response-ladder>div:nth-child(1){min-height:86px}.thai-response-ladder>div:nth-child(2){min-height:108px}.thai-response-ladder>div:nth-child(3){min-height:130px}.thai-response-ladder>div:nth-child(4){min-height:152px;background:#edf6f3}.thai-response-ladder b{color:var(--gold);font:.72rem Georgia,serif}.thai-response-ladder strong{color:var(--deep);font-size:.82rem}.thai-response-ladder small{color:var(--muted);font-size:.68rem}.thai-context-compass{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.thai-context-compass>div{display:grid;gap:6px;min-height:126px;align-content:center;padding:12px;border:1px solid #c8ddd8;background:#f7fbfa;text-align:center}.thai-context-compass .context-result{grid-column:1/-1;min-height:88px;background:var(--deep)}.thai-context-compass b{color:var(--gold);font:.72rem Georgia,serif}.thai-context-compass strong{color:var(--deep);font-size:.87rem}.thai-context-compass small{color:var(--muted);font-size:.69rem}.thai-context-compass .context-result strong{color:#fff}.thai-context-compass .context-result small{color:#d8e9e6}@media(max-width:720px){.thai-interaction-loop{grid-template-columns:1fr 1fr}.thai-interaction-loop>div{min-height:92px}.thai-response-ladder{grid-template-columns:1fr 1fr;align-items:stretch}.thai-response-ladder>div,.thai-response-ladder>div:nth-child(n){min-height:96px}.thai-context-compass{grid-template-columns:1fr}.thai-context-compass .context-result{grid-column:auto}.thai-context-compass>div{min-height:94px}}
.thai-writing-pipeline{display:grid;grid-template-columns:repeat(7,1fr);gap:7px}.thai-writing-pipeline>div{display:grid;gap:5px;min-height:118px;align-content:center;padding:10px;border:1px solid #c8ddd8;background:#f7fbfa;text-align:center}.thai-writing-pipeline b{display:grid;place-items:center;width:23px;height:23px;margin:auto;border-radius:50%;background:var(--deep);color:#fff;font:.68rem Georgia,serif}.thai-writing-pipeline strong{color:var(--deep);font-size:.76rem}.thai-writing-pipeline small{color:var(--muted);font-size:.64rem}.thai-document-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.thai-document-fields>div{display:grid;gap:6px;min-height:132px;align-content:center;padding:12px;border:1px solid var(--line);background:#fff;text-align:center}.thai-document-fields b{color:var(--gold);font:.72rem Georgia,serif}.thai-document-fields strong{color:var(--deep);font-size:.86rem}.thai-document-fields small{color:var(--muted);font-size:.69rem}.thai-send-gates{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.thai-send-gates>div{position:relative;display:grid;gap:6px;min-height:142px;align-content:center;padding:13px;border:1px solid #c8ddd8;background:#f7fbfa;text-align:center}.thai-send-gates>div::after{content:"→";position:absolute;right:-13px;top:50%;z-index:2;color:var(--accent);font-weight:700}.thai-send-gates>div:last-child::after{display:none}.thai-send-gates b{display:grid;place-items:center;width:28px;height:28px;margin:auto;border-radius:50%;background:var(--deep);color:#fff;font:.72rem Georgia,serif}.thai-send-gates strong{color:var(--deep);font-size:.86rem}.thai-send-gates small{color:var(--muted);font-size:.69rem}@media(max-width:720px){.thai-writing-pipeline{grid-template-columns:1fr 1fr}.thai-writing-pipeline>div{min-height:94px}.thai-writing-pipeline>div:last-child{grid-column:1/-1}.thai-document-fields{grid-template-columns:1fr 1fr}.thai-document-fields>div{min-height:100px}.thai-send-gates{grid-template-columns:1fr 1fr}.thai-send-gates>div{min-height:104px}.thai-send-gates>div::after{display:none}}
.support-hub{margin-top:66px;padding-top:2px}.reference-desk{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.reference-card{display:flex;min-height:220px;flex-direction:column;padding:22px;border:1px solid var(--line);background:var(--paper);box-shadow:var(--shadow);text-decoration:none;transition:transform .18s,border-color .18s}.reference-card:hover{transform:translateY(-3px);border-color:#86aca7}.reference-code,.route-label{color:var(--gold);font:800 .7rem/1.2 system-ui,sans-serif;letter-spacing:.12em}.reference-card strong{margin:28px 0 8px;color:var(--deep);font:500 1.28rem/1.25 Georgia,"Microsoft YaHei",serif}.reference-card p{margin:0;color:var(--muted);font-size:.84rem}.reference-card small{margin-top:auto;padding-top:20px;color:var(--accent);font-weight:800}.route-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.route-card{padding:24px;border:1px solid var(--line);background:linear-gradient(145deg,#f4f9f7,var(--paper));box-shadow:var(--shadow)}.route-card h3{margin:16px 0 8px;color:var(--deep);font:500 1.4rem/1.25 Georgia,"Microsoft YaHei",serif}.route-card p{min-height:54px;margin:0;color:var(--muted);font-size:.86rem}.route-card ol{display:grid;gap:7px;margin:19px 0 0;padding:0;list-style:none;counter-reset:route}.route-card li{counter-increment:route}.route-card li a{position:relative;display:block;padding:9px 34px 9px 39px;border:1px solid #d4e1de;background:rgba(255,255,255,.82);font-size:.84rem;font-weight:700;text-decoration:none}.route-card li a::before{content:counter(route,decimal-leading-zero);position:absolute;left:11px;color:var(--accent);font:800 .7rem Georgia,serif}.route-card li a::after{content:"→";position:absolute;right:12px;color:var(--accent)}.route-card li a:hover{border-color:#82aaa4;background:#fff}.diagnostic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.diagnostic-grid details{border:1px solid var(--line);background:var(--paper);box-shadow:0 10px 28px rgba(28,55,58,.055)}.diagnostic-grid summary{display:flex;min-height:76px;align-items:center;gap:13px;padding:16px 18px;cursor:pointer;list-style:none}.diagnostic-grid summary::-webkit-details-marker{display:none}.diagnostic-grid summary span{display:grid;place-items:center;flex:0 0 31px;width:31px;height:31px;border-radius:50%;background:var(--deep);color:#fff;font:.72rem Georgia,serif}.diagnostic-grid summary strong{color:var(--deep);font-size:.94rem}.diagnostic-grid details[open] summary{border-bottom:1px solid var(--line);background:#edf5f3}.diagnostic-grid details p{margin:0;padding:16px 18px 9px;color:var(--muted);font-size:.86rem}.diagnostic-grid details>a{display:inline-block;margin:0 0 17px 18px;color:var(--accent);font-size:.8rem;font-weight:800;text-decoration:none}.diagnostic-grid details>a+a{margin-left:12px}.diagnostic-grid details>a:hover{text-decoration:underline}@media(max-width:860px){.reference-desk{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.support-hub{margin-top:50px}.reference-desk,.route-grid,.diagnostic-grid{grid-template-columns:1fr}.reference-card{min-height:176px}.route-card p{min-height:0}.diagnostic-grid summary{min-height:68px}.diagnostic-grid details>a{display:block;margin:0 18px 9px}.diagnostic-grid details>a:last-child{margin-bottom:17px}}
.reference-launch{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 15px;padding:20px 23px;border:1px solid #98bbb5;background:linear-gradient(120deg,var(--deep),#276d70);color:#fff;text-decoration:none;box-shadow:0 14px 32px rgba(22,70,78,.14)}.reference-launch span{display:grid;gap:3px}.reference-launch b{color:#b9ded8;font-size:.69rem;letter-spacing:.13em}.reference-launch strong{font:500 1.3rem/1.25 Georgia,"Microsoft YaHei",serif}.reference-launch small{color:#d7e8e5}.reference-launch i{font:normal 1.55rem Georgia,serif}.reference-launch:hover{background:linear-gradient(120deg,#215b62,#318082)}
.practice-launch{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 15px;padding:20px 23px;border:1px solid #d7c49e;background:linear-gradient(135deg,#fffaf0,#edf6f3);text-decoration:none;box-shadow:0 12px 28px rgba(77,61,33,.07)}.practice-launch span{display:grid;gap:3px}.practice-launch b{color:var(--gold);font-size:.69rem;letter-spacing:.13em}.practice-launch strong{color:var(--deep);font:500 1.3rem/1.25 Georgia,"Microsoft YaHei",serif}.practice-launch small{color:var(--muted)}.practice-launch i{color:var(--accent);font-style:normal;font-size:.86rem;font-weight:800}.practice-launch:hover{border-color:#b49864;background:#fffaf0}
.reference-shell{padding:52px 0 84px}.reference-hero{display:flex;align-items:end;justify-content:space-between;gap:28px;padding:18px 0 38px;border-bottom:1px solid var(--line)}.reference-hero h1{margin:5px 0 10px;font:500 clamp(2.6rem,5vw,4.8rem)/1.05 Georgia,"Microsoft YaHei",serif;letter-spacing:-.055em}.reference-hero p:last-child{max-width:720px;margin:0;color:var(--muted)}.print-reference{flex:0 0 auto;min-height:42px;padding:8px 14px;border:1px solid var(--deep);background:var(--deep);color:#fff;font-weight:800;cursor:pointer}.print-reference:hover{background:var(--accent)}.quick-nav{position:sticky;top:0;z-index:8;display:flex;flex-wrap:wrap;gap:7px;margin:0 0 45px;padding:13px 0;border-bottom:1px solid var(--line);background:rgba(244,246,243,.96);backdrop-filter:blur(8px)}.quick-nav a{padding:5px 10px;border:1px solid var(--line);background:var(--paper);color:var(--deep);font-size:.78rem;font-weight:800;text-decoration:none}.quick-nav a:hover{border-color:#82aaa4;background:#eaf4f1}.quick-section{margin:0 0 62px;scroll-margin-top:78px}.quick-heading{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:start;margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid var(--line)}.quick-heading>span{color:var(--gold);font:1.15rem Georgia,serif}.quick-heading h2{margin:0;font:500 clamp(1.65rem,3vw,2.35rem)/1.2 Georgia,"Microsoft YaHei",serif}.quick-heading p{margin:4px 0 0;color:var(--muted);font-size:.86rem}.quick-heading>a{color:var(--accent);font-size:.8rem;font-weight:800;text-decoration:none}.quick-heading>a:hover{text-decoration:underline}.class-reference-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.class-reference-grid article{padding:18px;border:1px solid var(--line);background:var(--paper)}.class-reference-grid b{color:var(--accent);font-size:.76rem;letter-spacing:.08em}.class-reference-grid p{margin:16px 0 7px;color:var(--deep);font:500 1.55rem/1.7 "Noto Sans Thai","Leelawadee UI",Tahoma,sans-serif;word-spacing:.35em}.class-reference-grid small{color:var(--muted)}.compact-note{display:flex;gap:14px;margin-top:13px;padding:14px 16px;border-left:3px solid var(--accent);background:var(--soft)}.compact-note strong{flex:0 0 auto;color:var(--deep)}.compact-note span{color:#496368}.reference-table{min-width:720px}.reference-table td[lang="th"],.reference-table td[lang="ja"]{font-size:1.05rem}.reference-warning{margin:12px 0 0;padding:12px 14px;border:1px solid #dfd4bd;background:#faf5e9;color:#665438;font-size:.84rem}.decision-strip{display:flex;align-items:stretch;gap:7px;margin-bottom:16px}.decision-strip>div{display:grid;flex:1;gap:5px;min-height:112px;place-content:center;padding:10px;border:1px solid var(--line);background:var(--paper);text-align:center}.decision-strip b{display:grid;place-items:center;width:24px;height:24px;margin:auto;border-radius:50%;background:var(--deep);color:#fff;font:.7rem Georgia,serif}.decision-strip strong{color:var(--deep);font-size:.82rem}.decision-strip small{color:var(--muted);font-size:.69rem}.decision-strip i{display:grid;place-items:center;color:var(--accent);font-style:normal}.tone-reference td:not(:first-child){text-align:center}.number-grid{display:grid;grid-template-columns:repeat(11,1fr);gap:7px}.number-grid span{display:grid;gap:5px;min-height:80px;place-content:center;padding:8px;border:1px solid var(--line);background:var(--paper);text-align:center}.number-grid b{color:var(--gold);font:1rem Georgia,serif}.number-grid i{color:var(--deep);font-style:normal;font-size:.84rem}.phrase-reference{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:13px}.phrase-reference>div{display:grid;gap:5px;padding:14px;border:1px solid var(--line);background:#f8fbfa}.phrase-reference b{color:var(--deep);font-size:1rem}.phrase-reference span{color:var(--muted);font-size:.78rem}.pattern-reference,.rhythm-reference{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.pattern-reference article,.rhythm-reference article{padding:17px;border:1px solid var(--line);background:var(--paper)}.pattern-reference article>b,.rhythm-reference article>b{color:var(--gold);font-size:.73rem;letter-spacing:.06em}.pattern-reference p,.rhythm-reference p{margin:15px 0 5px;color:var(--deep);font-size:1.1rem}.pattern-reference span,.rhythm-reference span{color:var(--muted);font-size:.79rem}.reference-checklist{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin:0;padding:0;list-style:none;counter-reset:check}.reference-checklist li{position:relative;min-height:85px;padding:14px 15px 14px 52px;border:1px solid var(--line);background:var(--paper);counter-increment:check}.reference-checklist li::before{content:counter(check,decimal-leading-zero);position:absolute;left:14px;top:15px;color:var(--accent);font:800 .75rem Georgia,serif}.reference-checklist strong{display:block;color:var(--deep)}.reference-checklist span{display:block;margin-top:3px;color:var(--muted);font-size:.82rem}.kana-reference td:not(:first-child){text-align:center;font-size:1.12rem}.particle-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.particle-grid article{display:grid;gap:5px;min-height:132px;align-content:center;padding:13px;border:1px solid var(--line);background:var(--paper);text-align:center}.particle-grid b{color:var(--gold);font:500 1.35rem Georgia,"Yu Mincho",serif}.particle-grid strong{color:var(--deep);font-size:.79rem}.particle-grid p{margin:4px 0 0;color:var(--muted);font-size:.78rem}@media(max-width:860px){.number-grid{grid-template-columns:repeat(6,1fr)}.particle-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:720px){.reference-launch{align-items:flex-start;padding:18px}.reference-launch small{line-height:1.5}.reference-shell{padding-top:35px}.reference-hero{align-items:flex-start;flex-direction:column}.print-reference{width:100%}.quick-nav{margin-bottom:35px;flex-wrap:nowrap;overflow:auto}.quick-nav a{flex:0 0 auto}.quick-heading{grid-template-columns:auto 1fr}.quick-heading>a{grid-column:2}.class-reference-grid,.pattern-reference,.rhythm-reference,.reference-checklist{grid-template-columns:1fr}.decision-strip{display:grid;grid-template-columns:1fr}.decision-strip>div{min-height:78px}.decision-strip i{display:none}.number-grid{grid-template-columns:repeat(3,1fr)}.phrase-reference{grid-template-columns:1fr 1fr}.particle-grid{grid-template-columns:1fr 1fr}.compact-note{align-items:flex-start;flex-direction:column;gap:3px}}@media print{body{background:#fff}.site-header,.quick-nav,.print-reference,.pager{display:none!important}.reference-shell{width:100%;padding:0}.reference-hero{padding-top:0}.quick-section{break-inside:avoid;margin-bottom:30px}.table-wrap{overflow:visible}.reference-table{min-width:0}.reference-warning{background:#fff}}
.practice-shell{padding:48px 0 86px}.practice-hero{max-width:850px;padding:18px 0 35px}.practice-hero h1{margin:5px 0 12px;font:500 clamp(2.6rem,5vw,4.8rem)/1.05 Georgia,"Microsoft YaHei",serif;letter-spacing:-.055em}.practice-hero>p:last-child{margin:0;color:var(--muted)}.practice-decks{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px;padding:13px;border:1px solid var(--line);background:#eef4f2}.practice-deck-button{min-height:40px;padding:7px 14px;border:1px solid #bfd1cd;background:var(--paper);color:var(--deep);font-weight:800;cursor:pointer}.practice-deck-button:hover{border-color:#7ea7a1}.practice-deck-button[aria-pressed="true"]{border-color:var(--deep);background:var(--deep);color:#fff}.practice-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:15px;align-items:start}.practice-card,.practice-sidebar{border:1px solid var(--line);background:var(--paper);box-shadow:var(--shadow)}.practice-card{min-height:560px;padding:28px}.practice-card-head{display:flex;align-items:start;justify-content:space-between;gap:16px;padding-bottom:18px;border-bottom:1px solid var(--line)}.practice-card-head span{color:var(--accent);font-size:.7rem;font-weight:800;letter-spacing:.12em}.practice-card-head h2{margin:5px 0 3px;color:var(--deep);font:500 1.55rem/1.2 Georgia,"Microsoft YaHei",serif}.practice-card-head p{margin:0;color:var(--muted);font-size:.82rem}.practice-position{flex:0 0 auto;padding:5px 9px;border:1px solid var(--line);color:var(--muted);font:700 .78rem Georgia,serif}.practice-question{display:grid;min-height:205px;place-content:center;padding:28px 10px;text-align:center}.practice-question p{margin:0 0 12px;color:var(--muted);font-size:.86rem}.practice-question strong{color:var(--deep);font:500 clamp(2.5rem,6vw,5.2rem)/1.15 Georgia,"Noto Sans Thai","Yu Mincho","Microsoft YaHei",serif}.practice-question strong:not([lang="th"]):not([lang="ja"]){font-size:clamp(1.55rem,4vw,3rem)}.practice-choices{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.practice-choice{display:flex;min-height:62px;align-items:center;gap:12px;padding:11px 14px;border:1px solid #cbdad6;background:#f8fbfa;color:var(--deep);text-align:left;cursor:pointer}.practice-choice:hover:not(:disabled){border-color:#77a39c;background:#edf6f3}.practice-choice>span{display:grid;place-items:center;flex:0 0 25px;width:25px;height:25px;border-radius:50%;background:#dcebe7;color:var(--accent);font:.72rem Georgia,serif}.practice-choice strong{font-size:.93rem}.practice-choice.is-correct{border-color:#5b9b76;background:#e8f5ec;color:#245a3a}.practice-choice.is-wrong{border-color:#c77c71;background:#fbebE8;color:#7a352d}.practice-feedback{min-height:62px;margin-top:13px;padding:13px 15px;border-left:3px solid transparent;color:var(--muted);font-size:.86rem}.practice-feedback.is-correct{border-color:#5b9b76;background:#eef8f1;color:#315f40}.practice-feedback.is-wrong{border-color:#c77c71;background:#fff2ef;color:#753e37}.practice-next{display:block;min-width:130px;min-height:42px;margin-left:auto;padding:8px 15px;border:1px solid var(--deep);background:var(--deep);color:#fff;font-weight:800;cursor:pointer}.practice-next:hover{background:var(--accent)}.practice-sidebar{position:sticky;top:16px;padding:22px}.practice-sidebar h2{margin:0 0 14px;font:500 1.4rem Georgia,"Microsoft YaHei",serif}.practice-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.practice-stats>div{display:grid;gap:4px;padding:10px 7px;border:1px solid var(--line);background:#f7faf9;text-align:center}.practice-stats span{color:var(--muted);font-size:.67rem}.practice-stats strong{color:var(--deep);font:600 1.35rem Georgia,serif}.practice-instructions{margin:17px 0;padding:15px;border-left:3px solid var(--accent);background:var(--soft)}.practice-instructions strong{color:var(--deep)}.practice-instructions p{margin:7px 0 0;color:#4d6668;font-size:.78rem}.practice-reset{width:100%;min-height:38px;border:1px solid var(--line);background:transparent;color:var(--muted);font-weight:700;cursor:pointer}.practice-reset:hover{border-color:#af786d;color:#8b4c43}.practice-reference-link{display:block;margin-top:13px;color:var(--accent);font-size:.8rem;font-weight:800;text-align:center;text-decoration:none}.practice-reference-link:hover{text-decoration:underline}@media(max-width:800px){.practice-layout{grid-template-columns:1fr}.practice-sidebar{position:static;grid-row:1}.practice-card{min-height:0}}@media(max-width:720px){.practice-launch{align-items:flex-start;flex-direction:column;padding:18px}.practice-shell{padding-top:34px}.practice-decks{flex-wrap:nowrap;overflow:auto}.practice-deck-button{flex:0 0 auto}.practice-card{padding:20px}.practice-card-head{align-items:flex-start;flex-direction:column}.practice-question{min-height:175px}.practice-choices{grid-template-columns:1fr}.practice-feedback{min-height:74px}.practice-next{width:100%}}
.practice-next[hidden]{display:none}
.vocabulary-launch{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px;border:1px solid #b9cfca;background:linear-gradient(120deg,#edf6f3,var(--paper) 62%,#faf1df);box-shadow:var(--shadow);text-decoration:none}.vocabulary-launch>span{display:grid;gap:4px}.vocabulary-launch b{color:var(--gold);font-size:.7rem;letter-spacing:.13em}.vocabulary-launch strong{color:var(--deep);font:500 1.55rem/1.25 Georgia,"Microsoft YaHei",serif}.vocabulary-launch small{color:var(--muted)}.vocabulary-launch>div{display:flex;align-items:center;gap:7px}.vocabulary-launch em{padding:5px 9px;border:1px solid #c8dad6;background:#fff;color:var(--accent);font-size:.73rem;font-style:normal;font-weight:800}.vocabulary-launch i{margin-left:8px;color:var(--deep);font:normal 1.5rem Georgia,serif}.vocabulary-launch:hover{border-color:#80a9a2;transform:translateY(-2px)}
.vocabulary-shell{padding:48px 0 86px}.vocabulary-hero{max-width:850px;padding:18px 0 35px}.vocabulary-hero h1{margin:5px 0 12px;font:500 clamp(2.6rem,5vw,4.8rem)/1.05 Georgia,"Microsoft YaHei",serif;letter-spacing:-.055em}.vocabulary-hero>p:last-child{margin:0;color:var(--muted)}.vocab-toolbar{display:grid;grid-template-columns:180px 180px minmax(260px,1fr);gap:9px;padding:14px;border:1px solid var(--line);background:#edf4f2}.vocab-toolbar label{display:grid;gap:5px;color:var(--muted);font-size:.72rem;font-weight:800}.vocab-toolbar select,.vocab-toolbar input{width:100%;height:42px;padding:7px 10px;border:1px solid #bfd1cd;background:var(--paper);color:var(--deep);font:inherit}.vocab-toolbar select:focus,.vocab-toolbar input:focus{outline:2px solid #8bb4ae;outline-offset:1px}.vocab-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0}.vocab-stats>div{display:flex;align-items:center;justify-content:space-between;min-height:64px;padding:12px 16px;border:1px solid var(--line);background:var(--paper)}.vocab-stats span{color:var(--muted);font-size:.79rem}.vocab-stats strong{color:var(--deep);font:600 1.45rem Georgia,serif}.vocab-review-card{padding:29px;border:1px solid var(--line);background:var(--paper);box-shadow:var(--shadow);scroll-margin-top:18px}.vocab-card-meta{display:flex;align-items:center;justify-content:space-between;gap:12px}.vocab-card-meta>span{color:var(--accent);font-size:.72rem;font-weight:800;letter-spacing:.08em}.vocab-card-meta i{padding:4px 8px;border:1px solid var(--line);font-size:.72rem;font-style:normal;font-weight:800}.vocab-card-meta i[data-status="new"]{color:var(--muted)}.vocab-card-meta i[data-status="known"]{border-color:#9ccab0;color:#377853;background:#edf8f1}.vocab-card-meta i[data-status="uncertain"]{border-color:#ddbc7c;color:#8d611b;background:#fff7e7}.vocab-card-meta i[data-status="forgot"]{border-color:#d7a098;color:#984f45;background:#fff0ed}.vocab-prompt{min-height:210px;padding:32px 10px;text-align:center}.vocab-prompt h2{margin:0;color:var(--deep);font:500 clamp(3.3rem,7vw,6.4rem)/1.05 Georgia,"Noto Sans Thai","Yu Mincho","Microsoft YaHei",serif}.vocab-prompt p{margin:8px 0 0;color:var(--muted);font-size:1rem;letter-spacing:.04em}.vocab-reveal{display:block;width:min(420px,100%);min-height:48px;margin:0 auto;padding:9px 15px;border:1px solid var(--deep);background:var(--deep);color:#fff;font-weight:800;cursor:pointer}.vocab-reveal:hover{background:var(--accent)}.vocab-answer{display:grid;grid-template-columns:1fr 1.25fr 1.25fr;gap:10px;margin-top:5px}.vocab-answer>div{padding:17px;border:1px solid var(--line);background:#f9fbfa}.vocab-answer h3{margin:0 0 10px;color:var(--gold);font-size:.76rem;letter-spacing:.08em}.vocab-answer ol{margin:0;padding-left:21px}.vocab-answer li+li{margin-top:4px}.vocab-answer p{margin:0;color:#344b50}.vocab-answer small{display:block;margin-top:7px;color:var(--muted)}.vocab-ratings{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:13px}.vocab-ratings button{display:grid;gap:3px;min-height:64px;padding:10px;border:1px solid var(--line);background:#fff;cursor:pointer}.vocab-ratings button:nth-child(1){border-color:#95c4a8;background:#edf8f1;color:#2f714c}.vocab-ratings button:nth-child(2){border-color:#ddbb78;background:#fff7e6;color:#865b18}.vocab-ratings button:nth-child(3){border-color:#d49b93;background:#fff0ed;color:#8e493f}.vocab-ratings b{font-size:.94rem}.vocab-ratings span{font-size:.72rem}.vocab-ratings button:hover{filter:brightness(.97);transform:translateY(-1px)}.vocab-answer[hidden],.vocab-ratings[hidden],.vocab-reveal[hidden]{display:none}.vocab-browser{margin-top:54px}.vocab-browser-head{display:flex;align-items:end;justify-content:space-between;gap:14px;margin-bottom:13px;padding-bottom:12px;border-bottom:1px solid var(--line)}.vocab-browser-head span{color:var(--accent);font-size:.72rem;font-weight:800;letter-spacing:.12em}.vocab-browser-head h2{margin:4px 0 0;font:500 1.9rem Georgia,"Microsoft YaHei",serif}.vocab-browser-head p{margin:0;color:var(--muted);font-size:.82rem}.vocab-list{display:grid;gap:7px}.vocab-list-item{display:grid;grid-template-columns:minmax(190px,.8fr) minmax(240px,1.5fr) auto;gap:15px;align-items:center;min-height:68px;padding:11px 14px;border:1px solid var(--line);background:var(--paper);text-align:left;cursor:pointer}.vocab-list-item:hover{border-color:#82aaa4;background:#f5faf8}.vocab-list-item>span:first-child{display:flex;align-items:baseline;gap:10px}.vocab-list-item strong{color:var(--deep);font-size:1.08rem}.vocab-list-item small,.vocab-list-meaning{color:var(--muted);font-size:.8rem}.vocab-list-item i{min-width:54px;padding:4px 7px;border:1px solid var(--line);font-size:.7rem;font-style:normal;font-weight:800;text-align:center}.vocab-list-item[data-status="known"] i{border-color:#9ccab0;color:#377853}.vocab-list-item[data-status="uncertain"] i{border-color:#ddbc7c;color:#8d611b}.vocab-list-item[data-status="forgot"] i{border-color:#d7a098;color:#984f45}.vocab-empty{padding:22px;border:1px dashed var(--line);color:var(--muted);text-align:center}.vocab-footer-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px}.vocab-footer-actions button{padding:8px 12px;border:1px solid var(--line);background:transparent;color:var(--muted);font-weight:700;cursor:pointer}.vocab-footer-actions button:hover{border-color:#b57f76;color:#904c43}.vocab-footer-actions a{color:var(--accent);font-size:.82rem;font-weight:800;text-decoration:none}@media(max-width:800px){.vocab-toolbar{grid-template-columns:1fr 1fr}.vocab-search-label{grid-column:1/-1}.vocab-answer{grid-template-columns:1fr}.vocab-list-item{grid-template-columns:1fr auto}.vocab-list-meaning{grid-column:1/-1;grid-row:2}}@media(max-width:720px){.vocabulary-launch{align-items:flex-start;flex-direction:column;padding:20px}.vocabulary-launch>div{flex-wrap:wrap}.vocabulary-shell{padding-top:34px}.vocab-toolbar{grid-template-columns:1fr}.vocab-search-label{grid-column:auto}.vocab-stats{grid-template-columns:1fr 1fr}.vocab-review-card{padding:20px}.vocab-prompt{min-height:170px}.vocab-ratings{grid-template-columns:1fr}.vocab-browser-head{align-items:flex-start;flex-direction:column}.vocab-list-item{grid-template-columns:1fr auto}.vocab-list-item>span:first-child{align-items:flex-start;flex-direction:column;gap:2px}.vocab-footer-actions{align-items:stretch;flex-direction:column}.vocab-footer-actions a{text-align:center}}
.scenario-launch{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:25px;border:1px solid #c9c4b4;background:linear-gradient(120deg,#fbf6e9,#fff 58%,#eef5f3);box-shadow:var(--shadow);text-decoration:none}.scenario-launch>span{display:grid;gap:4px}.scenario-launch b{color:var(--gold);font-size:.7rem;letter-spacing:.13em}.scenario-launch strong{color:var(--deep);font:500 1.55rem/1.25 Georgia,"Microsoft YaHei",serif}.scenario-launch small{color:var(--muted)}.scenario-launch>div{display:flex;align-items:center;gap:6px}.scenario-launch em{padding:5px 8px;border:1px solid #d9d2bd;background:#fff;color:#7b6639;font-size:.71rem;font-style:normal;font-weight:800}.scenario-launch i{margin-left:8px;color:var(--deep);font:normal 1.5rem Georgia,serif}.scenario-launch:hover{border-color:#a9915e;transform:translateY(-2px)}
.scenario-shell{padding:48px 0 86px}.scenario-hero{max-width:900px;padding:18px 0 35px}.scenario-hero h1{margin:5px 0 12px;font:500 clamp(2.6rem,5vw,4.8rem)/1.05 Georgia,"Microsoft YaHei",serif;letter-spacing:-.055em}.scenario-hero>p:last-child{max-width:760px;margin:0;color:var(--muted)}.scenario-toolbar{display:grid;grid-template-columns:minmax(0,1fr) 260px auto;gap:9px;align-items:end;padding:14px;border:1px solid var(--line);background:#edf4f2}.scenario-filters{display:flex;flex-wrap:wrap;gap:6px}.scenario-filters button,.scenario-toolbar>button{min-height:40px;padding:7px 12px;border:1px solid #bfd1cd;background:var(--paper);color:var(--deep);font-weight:800;cursor:pointer}.scenario-filters button[aria-pressed="true"]{border-color:var(--deep);background:var(--deep);color:#fff}.scenario-filters button:hover,.scenario-toolbar>button:hover{border-color:#7ea7a1}.scenario-toolbar label{display:grid;gap:5px;color:var(--muted);font-size:.72rem;font-weight:800}.scenario-toolbar input{width:100%;height:40px;padding:7px 10px;border:1px solid #bfd1cd;background:var(--paper);color:var(--deep);font:inherit}.scenario-toolbar>button{background:var(--accent);color:#fff}.roleplay-lab{display:grid;grid-template-columns:.8fr 1.2fr;gap:0;margin-top:13px;border:1px solid var(--line);background:var(--paper);box-shadow:var(--shadow)}.roleplay-lab>div:first-child{padding:26px;background:var(--deep);color:#fff}.roleplay-lab>div:first-child>span,.scenario-heading span{color:#d7b469;font-size:.7rem;font-weight:800;letter-spacing:.13em}.roleplay-lab h2{margin:7px 0 10px;font:500 1.55rem/1.2 Georgia,"Microsoft YaHei",serif}.roleplay-lab>div:first-child p{margin:0;color:#c3d2d1;font-size:.8rem}.roleplay-prompt{display:grid;min-height:225px;align-content:center;padding:26px}.roleplay-prompt>p{margin:0 0 15px;color:var(--deep);font:500 clamp(1.35rem,3vw,2.15rem)/1.3 Georgia,"Microsoft YaHei",serif}.roleplay-answer{display:grid;gap:5px;margin-bottom:16px;padding:14px 16px;border-left:3px solid var(--gold);background:#fbf6e9}.roleplay-answer strong{color:var(--deep);font-size:1.17rem}.roleplay-answer span,.roleplay-answer small{color:var(--muted)}.roleplay-answer small{line-height:1.55}.roleplay-answer[hidden]{display:none}.roleplay-actions{display:flex;gap:8px}.roleplay-actions button{min-height:40px;padding:8px 14px;border:1px solid var(--deep);background:var(--deep);color:#fff;font-weight:800;cursor:pointer}.roleplay-actions button+button{background:transparent;color:var(--deep)}.roleplay-actions button[hidden]{display:none}.scenario-browser{margin-top:55px}.scenario-heading{display:flex;align-items:end;justify-content:space-between;gap:14px;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid var(--line)}.scenario-heading h2{margin:4px 0 0;font:500 1.9rem Georgia,"Microsoft YaHei",serif}.scenario-heading>p{margin:0;color:var(--muted);font-size:.82rem}.scenario-list{display:grid;grid-template-columns:1fr 1fr;gap:11px}.phrase-card{display:flex;min-width:0;min-height:420px;flex-direction:column;padding:22px;border:1px solid var(--line);background:var(--paper);box-shadow:0 5px 18px rgba(29,64,69,.045)}.phrase-card-head{display:flex;align-items:center;justify-content:space-between}.phrase-card-head span{color:var(--accent);font-size:.72rem;font-weight:800;letter-spacing:.08em}.phrase-card-head i{color:#9baaa8;font:normal .75rem Georgia,serif}.phrase-card h3{margin:21px 0 3px;color:var(--deep);font:500 clamp(1.45rem,3vw,2.15rem)/1.3 Georgia,"Noto Sans Thai","Yu Mincho","Microsoft YaHei",serif}.phrase-reading{margin:0 0 13px;color:var(--muted);font-size:.78rem}.phrase-meaning{margin:0 0 15px;color:#314a4d;font-weight:800}.phrase-slots{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:13px}.phrase-slots b,.phrase-slots span{padding:4px 7px;border:1px solid var(--line);font-size:.7rem}.phrase-slots b{border-color:var(--gold);background:var(--gold);color:#fff}.phrase-slots span{background:#f5f8f7;color:#52686a}.phrase-example{display:grid;gap:5px;padding:12px 13px;border-left:3px solid var(--accent);background:#eef5f3}.phrase-example small{color:var(--muted);font-size:.67rem;font-weight:800;letter-spacing:.07em}.phrase-example strong{color:var(--deep);font-size:.95rem}.phrase-card details{margin-top:13px;border-top:1px solid var(--line)}.phrase-card summary{padding:11px 0;color:var(--accent);font-size:.76rem;font-weight:800;cursor:pointer}.phrase-card details p{margin:0 0 8px;color:var(--muted);font-size:.78rem;line-height:1.65}.phrase-card details p b{color:var(--deep)}.phrase-card details p span{color:#344f53}.phrase-actions{display:flex;gap:7px;margin-top:auto;padding-top:15px}.phrase-actions button{min-height:36px;padding:6px 11px;border:1px solid #bfd1cd;background:#fff;color:var(--accent);font-size:.75rem;font-weight:800;cursor:pointer}.phrase-actions button:first-child{background:var(--deep);color:#fff}.phrase-actions button:hover{transform:translateY(-1px)}.scenario-empty{grid-column:1/-1;padding:28px;border:1px dashed var(--line);color:var(--muted);text-align:center}.speech-note{margin:20px 0 0;padding:13px 15px;border-left:3px solid #c4a45f;background:#fbf6e9;color:#6a604a;font-size:.77rem;line-height:1.65}@media(max-width:900px){.scenario-toolbar{grid-template-columns:1fr 260px}.scenario-toolbar>button{grid-column:1/-1}.scenario-list{grid-template-columns:1fr 1fr}.phrase-card{min-height:440px}}@media(max-width:720px){.scenario-launch{align-items:flex-start;flex-direction:column;padding:20px}.scenario-launch>div{flex-wrap:wrap}.scenario-shell{padding-top:34px}.scenario-toolbar{grid-template-columns:1fr}.scenario-filters{flex-wrap:nowrap;overflow:auto}.scenario-filters button{flex:0 0 auto}.scenario-toolbar>button{grid-column:auto}.roleplay-lab{grid-template-columns:1fr}.roleplay-lab>div:first-child{padding:21px}.roleplay-prompt{min-height:260px;padding:21px}.roleplay-actions{flex-direction:column}.scenario-heading{align-items:flex-start;flex-direction:column}.scenario-list{grid-template-columns:1fr}.phrase-card{min-height:0}.phrase-card h3{font-size:1.55rem}}
.progress-launch{display:grid;grid-template-columns:auto 1fr auto;gap:17px;align-items:center;padding:22px 24px;border:1px solid #9dbbb6;background:linear-gradient(120deg,var(--deep),#24666c);color:#fff;text-decoration:none;box-shadow:0 15px 34px rgba(22,70,78,.13)}.progress-launch>span:first-child{display:grid;place-items:center;width:58px;height:58px;border:1px solid rgba(255,255,255,.32);font:600 1.2rem Georgia,serif}.progress-launch>span:nth-child(2){display:grid;gap:3px}.progress-launch b{color:#b9ded8;font-size:.69rem;letter-spacing:.13em}.progress-launch strong{font:500 1.4rem/1.25 Georgia,"Microsoft YaHei",serif}.progress-launch small{color:#d7e8e5}.progress-launch i{font:normal 1.5rem Georgia,serif}.progress-launch:hover{background:linear-gradient(120deg,#215b62,#318082)}
.progress-shell{padding:48px 0 88px}.progress-hero{display:flex;align-items:end;justify-content:space-between;gap:25px;padding:18px 0 35px}.progress-hero h1{margin:5px 0 12px;font:500 clamp(2.6rem,5vw,4.8rem)/1.05 Georgia,"Microsoft YaHei",serif;letter-spacing:-.055em}.progress-hero p:last-child{max-width:720px;margin:0;color:var(--muted)}.progress-hero>strong{color:var(--deep);font:500 clamp(3rem,7vw,6rem)/1 Georgia,serif}.progress-overview{display:grid;grid-template-columns:1fr 1fr 1.25fr;gap:10px}.progress-track{grid-column:1/-1;height:9px;background:#dce5e2;overflow:hidden}.progress-track i{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--accent),#7dae83);transition:width .25s}.progress-counts{display:grid;grid-template-columns:repeat(3,1fr);grid-column:1/3;gap:8px}.progress-counts>div{display:flex;align-items:center;justify-content:space-between;min-height:78px;padding:14px 16px;border:1px solid var(--line);background:var(--paper)}.progress-counts span{color:var(--muted);font-size:.75rem}.progress-counts strong{color:var(--deep);font:600 1.55rem Georgia,serif}.progress-continue{position:relative;display:grid;grid-column:3;grid-row:2;align-content:center;padding:15px 48px 15px 18px;border:1px solid #b9cfca;background:#edf5f3;text-decoration:none}.progress-continue>span{color:var(--accent);font-size:.65rem;font-weight:800;letter-spacing:.12em}.progress-continue strong{color:var(--deep);font-size:.96rem}.progress-continue small{color:var(--muted)}.progress-continue i{position:absolute;right:18px;top:50%;transform:translateY(-50%);color:var(--accent);font:normal 1.4rem Georgia,serif}.progress-group-summary{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:43px 0 62px}.progress-group-summary article{display:grid;gap:5px;padding:14px;border:1px solid var(--line);background:var(--paper)}.progress-group-summary article>span{color:var(--gold);font:700 .75rem Georgia,serif}.progress-group-summary strong{color:var(--deep);font-size:.83rem}.progress-group-summary article>div{height:5px;margin-top:5px;background:#e3e9e6;overflow:hidden}.progress-group-summary i{display:block;height:100%;background:var(--accent)}.progress-group-summary small{color:var(--muted);font-size:.68rem}.progress-list{display:grid;gap:55px}.progress-module-head{display:flex;align-items:baseline;gap:13px;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid var(--line)}.progress-module-head span{color:var(--gold);font:1.08rem Georgia,serif}.progress-module-head h2{margin:0;font:500 1.7rem Georgia,"Microsoft YaHei",serif}.progress-item-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.progress-item{display:flex;min-height:190px;flex-direction:column;justify-content:space-between;padding:18px;border:1px solid var(--line);background:var(--paper);box-shadow:0 7px 20px rgba(29,64,69,.045)}.progress-item[data-state="doing"]{border-color:#d1ad65;background:#fffbf1}.progress-item[data-state="done"]{border-color:#8fbca1;background:#f2faf5}.progress-item>div:first-child{display:grid;gap:5px}.progress-item>div:first-child>span{color:var(--accent);font-size:.68rem;font-weight:800;letter-spacing:.09em}.progress-item a{color:var(--deep);font:500 1.12rem Georgia,"Microsoft YaHei",serif;text-decoration:none}.progress-item a i{color:var(--accent);font-style:normal}.progress-item small{color:var(--muted);font-size:.76rem;line-height:1.55}.progress-item-buttons,.page-progress-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:15px}.progress-item-buttons button,.page-progress-buttons button{min-height:34px;padding:5px;border:1px solid var(--line);background:#fff;color:var(--muted);font-size:.68rem;font-weight:800;cursor:pointer}.progress-item-buttons button[data-status="todo"][aria-pressed="true"],.page-progress-buttons button[data-status="todo"][aria-pressed="true"]{border-color:#9aa9a7;background:#edf1ef;color:#516260}.progress-item-buttons button[data-status="doing"][aria-pressed="true"],.page-progress-buttons button[data-status="doing"][aria-pressed="true"]{border-color:#c99b42;background:#fff4d9;color:#805812}.progress-item-buttons button[data-status="done"][aria-pressed="true"],.page-progress-buttons button[data-status="done"][aria-pressed="true"]{border-color:#70a585;background:#e8f5ec;color:#286240}.progress-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:50px;padding:17px 19px;border:1px solid var(--line);background:#edf4f2}.progress-footer p{margin:0;color:var(--muted);font-size:.79rem}.progress-footer button{flex:0 0 auto;padding:8px 11px;border:1px solid #cba29b;background:#fff;color:#8e5047;font-weight:800;cursor:pointer}.page-progress-control{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:22px 0 17px;padding:17px 19px;border:1px solid #aac5c0;background:linear-gradient(110deg,#edf5f3,#fff)}.page-progress-control>div:first-child{display:grid;gap:2px}.page-progress-control span{color:var(--accent);font-size:.65rem;font-weight:800;letter-spacing:.12em}.page-progress-control strong{color:var(--deep)}.page-progress-control small{color:var(--muted);font-size:.7rem}.page-progress-buttons{flex:0 0 min(360px,48%);margin:0}
@media(max-width:850px){.progress-group-summary{grid-template-columns:repeat(3,1fr)}.progress-item-grid{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.progress-launch{grid-template-columns:auto 1fr;padding:18px}.progress-launch i{display:none}.progress-hero{align-items:flex-start;flex-direction:column}.progress-hero>strong{font-size:3.6rem}.progress-overview{grid-template-columns:1fr}.progress-counts{grid-column:auto}.progress-continue{grid-column:auto;grid-row:auto;min-height:78px}.progress-group-summary{grid-template-columns:1fr 1fr;margin:35px 0 50px}.progress-item-grid{grid-template-columns:1fr}.progress-item{min-height:170px}.progress-footer,.page-progress-control{align-items:stretch;flex-direction:column}.page-progress-buttons{flex:auto;width:100%}}
.progress-counts{grid-template-columns:repeat(3,minmax(0,1fr));min-width:0}.progress-counts>div,.progress-item,.progress-item-buttons button,.page-progress-buttons button{min-width:0}.progress-item-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.progress-item-buttons,.page-progress-buttons{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:720px){.progress-counts>div{padding:12px 8px}.progress-item-grid{grid-template-columns:minmax(0,1fr)}.progress-item-buttons button,.page-progress-buttons button{padding:5px 2px}}
.lexicon-progress-center{margin:34px 0 48px;padding:22px;border:1px solid #c7d9d5;background:linear-gradient(130deg,#f0f7f5,#fff)}.lexicon-progress-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:16px}.lexicon-progress-heading span{color:var(--accent);font-size:.68rem;font-weight:800;letter-spacing:.13em}.lexicon-progress-heading h2{margin:5px 0 0;color:var(--deep);font:500 1.55rem Georgia,"Microsoft YaHei",serif}.lexicon-progress-heading p{max-width:480px;margin:0;color:var(--muted);font-size:.78rem;line-height:1.65}.lexicon-progress-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.lexicon-progress-stats article{display:grid;gap:4px;min-height:88px;padding:14px;border:1px solid var(--line);background:#fff}.lexicon-progress-stats span{color:var(--muted);font-size:.76rem}.lexicon-progress-stats strong{color:var(--deep);font:600 1.7rem Georgia,serif}.lexicon-progress-actions{display:flex;gap:8px;margin-top:12px}.lexicon-progress-actions a{padding:9px 13px;border:1px solid var(--deep);background:var(--deep);color:#fff;font-size:.8rem;font-weight:800;text-decoration:none}.lexicon-progress-actions a+ a{background:#fff;color:var(--deep)}@media(max-width:720px){.lexicon-progress-center{padding:17px}.lexicon-progress-heading{align-items:flex-start;flex-direction:column}.lexicon-progress-stats{grid-template-columns:1fr 1fr}.lexicon-progress-actions{display:grid;grid-template-columns:1fr}.lexicon-progress-actions a{text-align:center}}