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