@charset "utf-8";
:root{--paper:#f5f3ec;--ink:#17372e;--green:#285f4c;--muted:#54645b;--line:#d5dcd1;--card:#fffef9;--mint:#e0ebdf;--yellow:#f1e6b1;--blue:#e5ebef;--pink:#eee4e9;--radius:22px;--shadow:0 12px 35px #17372e08;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-underline-offset:4px}button,input,select{font:inherit;color:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.65}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #b46c2c;outline-offset:5px}button:focus:not(:focus-visible){outline:none}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:400}h1{font-size:clamp(40px,5.1vw,66px);line-height:1.09;letter-spacing:-1.8px}h2{font-size:clamp(27px,3.1vw,37px);line-height:1.18;letter-spacing:-.65px}h3{font-size:25px;line-height:1.25}p{font-size:16px;line-height:1.75}small{font-size:14px;line-height:1.55}img{max-width:100%;object-fit:cover}button svg{pointer-events:none}[hidden]{display:none!important}.thai{font-family:Tahoma,'Noto Sans Thai',sans-serif;font-weight:400;line-height:1.65;letter-spacing:0}.roman{font-family:Georgia,serif;font-size:22px;line-height:1.5;color:#385646}.muted{color:var(--muted)}.eyebrow{font-size:11px;letter-spacing:1.7px;text-transform:uppercase;font-weight:700;line-height:1.6;margin-bottom:13px}.lead{font-size:18px;line-height:1.75;color:var(--muted);max-width:650px;margin-top:20px}.skip-link{position:fixed;z-index:100;left:18px;top:-90px;background:white;padding:16px;border:2px solid var(--green)}.skip-link:focus{top:10px}.course-header{max-width:1160px;margin:auto;padding:24px 30px;display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid var(--line)}.course-brand{display:flex;align-items:center;gap:13px;text-decoration:none;font-family:Georgia,serif;font-size:18px;font-weight:700;flex-shrink:0}.course-brand small{display:block;font-size:13px;font-weight:400;font-style:italic;margin-top:2px}.brand-glyph{display:grid;place-items:center;background:var(--mint);border:1px solid #bdcbbd;border-radius:14px;width:46px;height:51px;font-size:28px}.course-nav{display:flex;gap:26px;font-size:14px;align-items:center}.course-nav a{text-decoration:none;padding:12px 0;border-bottom:2px solid transparent}.course-nav a[aria-current=page]{border-bottom-color:var(--green);font-weight:700}.course-nav a:hover{color:var(--green);border-bottom-color:#829e86}.course-main{max-width:1100px;margin:auto;padding:0 30px 65px;min-height:65vh}.button{display:inline-flex;gap:12px;justify-content:center;align-items:center;border-radius:11px;border:1px solid #b7c7b8;padding:13px 18px;min-height:48px;background:transparent;text-decoration:none;font-size:15px;line-height:1.45;font-weight:700}.button:hover{background:#edf1e7}.button.primary{background:var(--green);border-color:var(--green);color:#fffef9}.button.primary:hover{background:#184733}.button.secondary{background:var(--card)}.button.quiet{border-color:transparent;padding:10px 3px;text-decoration:underline;text-underline-offset:4px;font-weight:400}.button.small{font-size:14px;min-height:43px;padding:9px 13px}.button.correct{background:var(--mint);border-color:var(--green)}.button.incorrect{background:#fae8d8;border-color:#b27542}.actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.course-footer{max-width:1100px;margin:auto;padding:28px 30px 32px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;font:15px Georgia,serif}.course-footer small{display:block;font:13px/1.7 Arial;margin-top:6px;color:var(--muted)}.course-footer>div:last-child{display:flex;flex-direction:column;gap:10px;text-align:right;font:13px Arial;color:var(--muted)}.page-intro{padding:45px 0 35px}.page-intro h1{font-size:clamp(36px,4.5vw,55px)}.home-hero{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:60px;padding:55px 0 48px}.home-hero h1 em{font-weight:400;color:#47745c}.home-hero .actions{margin-top:29px}.micro-note{font-size:13px;color:var(--muted);margin-top:16px}.discovery-scene{position:relative;border:1px solid #d1dac9;border-radius:28px;background:#e5ebdd;padding:26px;transform:rotate(1deg);box-shadow:var(--shadow)}.scene-top{display:flex;justify-content:space-between;align-items:center;font-size:11px;text-transform:uppercase;letter-spacing:1px;margin-bottom:19px}.scene-pieces{display:grid;grid-template-columns:1fr 36px 1fr;align-items:center;text-align:center;gap:8px}.scene-piece{border-radius:19px;padding:17px 9px 14px;background:var(--card);border:1px solid #d3dace;transform:rotate(-3deg)}.scene-piece.vowel{background:var(--yellow);transform:rotate(3deg)}.scene-piece small{font-size:10px;text-transform:uppercase;letter-spacing:1px}.scene-piece .thai{display:block;font-size:76px;line-height:1.65}.scene-piece em{font:italic 21px Georgia}.scene-plus{font:27px Georgia;color:#718474}.scene-result{margin-top:23px;padding-top:14px;border-top:1px solid #ced8c8;display:flex;align-items:center;justify-content:space-between;gap:15px}.scene-result>.thai{font-size:54px}.scene-result .roman{display:block;font-size:23px}.scene-result small{display:block;margin-top:4px}.scene-result button{border-radius:50%;min-width:45px;height:45px;padding:8px}.today-strip{display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--card);border:1px solid var(--line);border-radius:17px;padding:20px 24px;margin-bottom:35px}.today-strip p{font-size:14px;color:var(--muted);margin-top:4px}.today-strip strong{font-size:16px}.today-stats{display:flex;gap:27px}.today-stats span{font-size:12px;color:var(--muted)}.today-stats b{display:block;font:29px Georgia;color:var(--ink);margin-bottom:4px}.section-top{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:23px}.section-top>p{font-size:14px;color:var(--muted);max-width:320px}.chapter{border-top:1px solid var(--line);padding:31px 0 23px}.chapter-heading{display:grid;grid-template-columns:54px 1fr auto;gap:19px;align-items:center;margin-bottom:21px}.chapter-symbol{display:grid;place-items:center;width:54px;height:60px;font-size:27px;background:var(--mint);border-radius:13px;border:1px solid #cbd8c6}.chapter-heading .eyebrow{font-size:10px;margin-bottom:5px}.chapter-heading h2{font-size:29px}.chapter-heading p:not(.eyebrow){font-size:14px;color:var(--muted);margin-top:6px}.chapter-count{font-size:13px;color:var(--muted)}.lesson-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;list-style:none;padding:0;margin:0}.lesson-link{display:flex;align-items:flex-start;gap:14px;padding:18px 17px;min-height:117px;height:100%;text-decoration:none;border:1px solid var(--line);border-radius:15px;background:#fffef980;position:relative}.lesson-link:hover{background:var(--card);border-color:#739977;transform:translateY(-1px)}.lesson-link.current{background:var(--mint);border-color:#8fa88b}.lesson-link.completed{background:#edf0e5}.lesson-number{font:italic 24px Georgia;color:#718570;min-width:22px;padding-top:1px}.lesson-link h3{font:700 15px/1.5 Arial;margin:0}.lesson-link p{font-size:13px;line-height:1.6;color:var(--muted);margin-top:5px}.lesson-status{font-size:11px;display:block;margin-top:7px;color:#3e6a48}.chapter-checkpoint{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:17px 20px;margin-top:13px;border:1px dashed #bdcabb;border-radius:14px}.chapter-checkpoint p{font-size:13px;color:var(--muted)}.chapter-checkpoint strong{display:block;font-size:14px;margin-bottom:4px}.home-support{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:33px 0 0;border-top:1px solid var(--line)}.support-card{background:var(--mint);border-radius:20px;padding:27px}.support-card:nth-child(2){background:#ede9dd}.support-card p{font-size:15px;color:var(--muted);margin-top:12px}.support-card .button{margin-top:20px}.lesson-topline{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:25px 0 0;font-size:13px;color:var(--muted)}.lesson-title{padding:28px 0 25px}.lesson-title h1{font-size:clamp(33px,4.2vw,50px);max-width:850px}.lesson-title .lead{font-size:17px;margin-top:12px}.activity-nav{display:flex;gap:5px;padding:6px;background:#e9eadd;border:1px solid var(--line);border-radius:15px;margin-bottom:27px}.activity-nav button{background:none;border:0;flex:1;min-height:46px;border-radius:10px;font-size:13px;white-space:nowrap}.activity-nav button[aria-current=step]{background:var(--card);box-shadow:0 2px 8px #17372e0c;font-weight:700}.activity-nav button span{font:italic 16px Georgia;margin-right:7px;color:#74866d}.lesson-surface{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:32px;box-shadow:var(--shadow)}.activity-heading{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:22px}.activity-heading h2{font-size:32px}.activity-heading .eyebrow{margin-bottom:7px}.activity-heading p:not(.eyebrow){font-size:15px;color:var(--muted);margin-top:12px;max-width:680px}.activity-heading .round-label{font-size:13px;white-space:nowrap;color:var(--muted);padding-top:6px}.concept-note{border-left:3px solid #b8c99b;padding:4px 0 4px 19px;margin-bottom:23px;max-width:850px}.concept-note p{font-size:16px}.word-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.word-card{background:#f5f5ec;border:1px solid #dce1d4;border-radius:18px;padding:22px;display:flex;align-items:center;gap:15px;justify-content:space-between;min-width:0}.word-card-copy{min-width:0}.word-glyph{display:block;font-size:53px;line-height:1.65;overflow-wrap:anywhere}.word-card .roman{display:block;font-size:24px}.word-card .meaning{display:block;font-size:16px;font-weight:400;margin-top:5px}.word-card .listen-button{font-size:13px;min-height:42px;margin-top:16px;padding:9px 12px;background:var(--card)}.word-card img{width:112px;height:112px;object-fit:cover;border-radius:13px;flex-shrink:0}.word-card.compact{padding:19px}.word-card.compact .word-glyph{font-size:40px}.word-card.compact img{width:90px;height:90px}.shape-strip{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin:23px 0 15px}.shape-strip>.label{font-size:13px;color:var(--muted);margin-right:8px}.shape-chip{font-size:28px;background:var(--mint);padding:3px 12px;border-radius:9px;min-width:46px;text-align:center}.notice-list{padding-left:21px;margin:20px 0 0}.notice-list li{font-size:15px;line-height:1.85;color:var(--muted);padding-left:4px;margin-top:10px}.lesson-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:24px}.lesson-bottom .page-step{font-size:13px;color:var(--muted)}.reference-note{border-top:1px solid var(--line);margin-top:25px;padding-top:18px;font-size:13px;line-height:1.8;color:var(--muted)}.reference-note a{margin-right:14px;display:inline-block}.builder-goal{background:var(--mint);padding:18px 23px;border-radius:14px;margin-bottom:22px;display:flex;justify-content:space-between;align-items:center;gap:20px}.builder-goal p{font-size:14px}.builder-goal strong{font:26px Georgia}.builder-answer{min-height:115px;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:5px;border:2px dashed #b8c9b3;border-radius:16px;background:#f8f8f0;padding:13px;position:relative;margin-bottom:20px}.builder-answer .thai{font-size:50px;white-space:pre-wrap}.builder-empty{font-size:15px;color:var(--muted)}.builder-pieces{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;min-height:77px;margin-bottom:22px}.builder-piece{background:var(--yellow);border:1px solid #d5c87f;border-radius:12px;min-width:66px;min-height:73px;font:34px/1.5 Tahoma;padding:6px 15px}.builder-piece:hover{background:#e8dc9e}.builder-actions{justify-content:center}.feedback{margin-top:20px;min-height:31px;font-size:15px;line-height:1.75;color:#80502c}.feedback.success{color:#27593e}.feedback:empty{display:none}.quiz-card{max-width:720px;margin:auto;text-align:center}.quiz-stimulus{background:var(--blue);border-radius:18px;padding:20px 20px 24px;margin-bottom:20px;min-height:175px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px}.quiz-stimulus>.thai{font-size:72px;line-height:1.6}.quiz-stimulus p{font-size:14px;color:var(--muted)}.quiz-options{display:grid;grid-template-columns:1fr 1fr;gap:11px}.quiz-options button{font-weight:400;font-size:16px;min-height:61px;background:var(--card);padding:11px}.quiz-options .thai{font-size:33px}.quiz-options .correct{background:var(--mint)}.quiz-options .incorrect{background:#f6e6d8}.quiz-hint{margin:13px 0;color:#3c5c49;font-size:16px}.quiz-progress{height:5px;background:#e4e8dd;border-radius:10px;overflow:hidden;margin:0 0 24px}.quiz-progress div{height:100%;background:#7e9b69;transition:width .2s}.result-panel{max-width:650px;text-align:center;margin:10px auto}.result-symbol{display:block;font-size:64px;color:#598257;margin-bottom:16px}.result-panel p{margin-top:17px;color:var(--muted)}.result-panel .actions{justify-content:center;margin-top:24px}.assessment-note{font-size:13px;color:var(--muted);margin-top:18px}.completion-summary{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:25px 0}.completion-tile{padding:20px;background:var(--mint);border-radius:14px}.completion-tile strong{font:28px Georgia;display:block;margin-bottom:9px}.completion-tile p{font-size:14px;line-height:1.7}.completion-control{padding:21px;border:1px solid var(--line);border-radius:14px;display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:20px}.completion-control p{font-size:13px;color:var(--muted);margin-top:5px}.resume-note{font-size:13px;color:var(--muted);margin-top:20px}.writing-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:27px}.writing-copy p{font-size:15px;color:var(--muted);margin-top:13px}.writing-modes{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 20px}.writing-modes button{min-height:43px;font-size:13px;padding:9px 12px}.writing-modes button[aria-pressed=true]{background:var(--mint);border-color:#81a078}.writing-characters{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.writing-characters button{font:28px Tahoma;min-width:48px;padding:4px 9px;min-height:52px}.writing-characters [aria-pressed=true]{background:var(--mint)}.writing-model{padding:12px 19px;background:var(--mint);border-radius:14px;margin-top:15px}.writing-model .thai{font-size:42px;display:block}.writing-model .roman{display:inline-block;margin-inline-end:12px}.writing-model small{color:var(--muted)}.writing-pad{padding:16px;background:#f7f6ed;border:1px solid var(--line);border-radius:17px}.canvas-wrap{position:relative;border:1px solid #d8ddcf;border-radius:11px;background:white;aspect-ratio:900/560;overflow:hidden}.canvas-wrap canvas{width:100%;height:100%;display:block;touch-action:none}.writing-start-note{font-size:14px;line-height:1.7;margin:12px 0 0;color:#713e25}.writing-controls{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:12px}.writing-status{font-size:13px;color:var(--muted);margin-top:12px}.show-handwriting{position:absolute;top:10px;right:10px;z-index:3;padding:8px 11px;border-radius:8px;background:#fffefa;border:1px solid #b9c9b4;font-size:13px;min-height:38px}.handwriting-demo{position:absolute;inset:0;z-index:2;background:#fffefa}.handwriting-demo svg{width:100%;height:100%}.handwriting-caption{position:absolute;left:10px;bottom:8px;font-size:11px;color:var(--muted)}.stroke-info,.stroke-status{font-size:13px;line-height:1.6;margin-top:9px;color:var(--muted)}.review-layout{max-width:800px;margin:0 auto}.review-panel{padding:35px;background:var(--card);border:1px solid var(--line);border-radius:23px;text-align:center}.review-panel .review-word{font-size:83px;display:block;margin:12px 0 25px}.review-reveal{border-top:1px solid var(--line);padding-top:20px;margin-top:23px}.review-reveal h3{font-family:Arial;font-size:19px;margin:8px 0}.rating-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:26px}.rating-buttons button{font-size:13px;flex-direction:column;gap:4px;padding:11px 7px}.rating-buttons small{font-size:11px;font-weight:400;color:var(--muted)}.review-meta{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--muted);margin-bottom:16px}.empty-state{text-align:center;border:1px solid var(--line);background:var(--card);border-radius:23px;padding:38px 25px;max-width:760px;margin:0 auto 30px}.empty-glyph{font-size:70px;display:block;margin:5px 0 15px;color:#6b8e69}.empty-state p{color:var(--muted);margin:17px auto 25px;max-width:540px}.words-tools{display:flex;align-items:end;gap:16px;margin:0 0 25px}.words-tools label{font-size:13px;display:block;flex:1}.words-tools input{display:block;margin-top:9px;width:100%;min-height:49px;padding:12px 15px;border:1px solid #b9c9b6;border-radius:11px;background:var(--card);font-size:16px}.word-collection{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.collection-card{padding:21px;background:var(--card);border:1px solid var(--line);border-radius:17px}.collection-card .thai{font-size:42px;display:block}.collection-card .roman{display:block;font-size:21px;margin-top:6px}.collection-card p{font-size:15px;margin-top:8px}.collection-card .button{margin-top:16px;font-size:13px;padding:9px 11px;min-height:41px}.collection-card .word-origin{font-size:12px;margin-top:15px;color:var(--muted);line-height:1.7}.collection-card .sound-hint-button{border:0;background:none;padding:5px 0;text-decoration:underline;font-size:13px;margin-top:9px;cursor:pointer}.reference-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.reference-card{padding:26px;background:var(--card);border:1px solid var(--line);border-radius:19px}.reference-card p{font-size:15px;color:var(--muted);margin-top:14px}.reference-card .button{margin-top:20px}.reference-section{padding:31px 0;border-top:1px solid var(--line);scroll-margin-top:25px}.reference-section>p{color:var(--muted);margin-top:16px;max-width:850px}.vowel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:24px}.vowel-card{padding:20px;border:1px solid var(--line);background:var(--card);border-radius:15px}.vowel-card .thai{font-size:32px;display:block;line-height:1.8}.vowel-card strong{font-size:14px;display:block;margin:7px 0}.vowel-card p{font-size:13px;line-height:1.7;color:var(--muted)}.vowel-example{display:block;margin-top:9px}.table-wrap{overflow:auto;max-width:100%;margin-top:21px;border:1px solid var(--line);border-radius:12px}.tone-table{border-collapse:collapse;width:100%;min-width:510px;background:var(--card);font-size:14px}.tone-table th,.tone-table td{padding:15px 12px;border-bottom:1px solid var(--line);text-align:left}.tone-table th{background:var(--mint);font-weight:700}.tone-table .thai{font-size:25px}.reference-details{border:1px solid var(--line);border-radius:14px;background:var(--card);padding:19px 22px;margin-top:18px}.reference-details summary{font-size:16px;font-weight:700;cursor:pointer;line-height:1.7}.reference-details p{font-size:15px;line-height:1.8;margin-top:14px;color:var(--muted)}.reference-details ul{font-size:15px;line-height:1.9;padding-left:20px}.audio-toast,.save-notice{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);max-width:min(650px,calc(100% - 36px));width:max-content;background:#17372e;color:#fffef9;padding:14px 20px;border-radius:12px;box-shadow:0 4px 20px #0002;font-size:14px;line-height:1.6;z-index:20}.save-notice{bottom:90px;background:#74411e}.utility-note{font-size:13px;line-height:1.8;color:var(--muted);margin-top:24px}.font-samples{display:flex;gap:25px;align-items:center;flex-wrap:wrap;background:var(--mint);padding:23px;border-radius:14px;margin-top:20px}.font-samples span{font-size:39px}.font-samples .modern{font-family:Leelawadee,'Leelawadee UI',Tahoma,sans-serif}.checkpoint-banner{background:var(--yellow);border-radius:13px;padding:16px 20px;margin-bottom:24px;font-size:14px;line-height:1.8}
@media(max-width:950px){.home-hero{gap:30px}.course-nav{gap:18px}.lesson-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.word-card img{width:85px;height:85px}.word-glyph{font-size:45px}.lesson-surface{padding:26px}.word-collection{grid-template-columns:repeat(2,minmax(0,1fr))}.writing-layout{grid-template-columns:1fr}.scene-piece .thai{font-size:65px}.vowel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.course-header{padding:18px 20px 11px;gap:14px;flex-wrap:wrap}.course-brand{font-size:17px}.brand-glyph{width:39px;height:44px;font-size:25px}.course-nav{width:100%;gap:0;justify-content:space-between;font-size:13px}.course-nav a{padding:10px 3px}.course-main{padding:0 20px 39px}.home-hero{grid-template-columns:1fr;padding:34px 0 29px;gap:29px}.home-hero h1{font-size:45px;letter-spacing:-1.5px}.home-hero .lead{font-size:17px;margin-top:18px}.home-hero .actions{gap:11px;margin-top:23px}.home-hero .actions .button{font-size:14px;padding:12px 14px}.home-hero .actions .quiet{padding-left:0}.discovery-scene{max-width:360px;width:100%;margin:0 auto;padding:20px;transform:rotate(.5deg)}.scene-top{font-size:10px}.scene-piece{padding:12px 8px}.scene-piece .thai{font-size:61px}.scene-piece small{font-size:9px}.scene-result>.thai{font-size:45px}.scene-result .roman{font-size:20px}.scene-result small{font-size:12px}.scene-result button{min-width:41px;height:41px;min-height:41px}.today-strip{padding:18px;margin-bottom:28px;align-items:flex-start;flex-wrap:wrap;gap:16px}.today-strip>div:first-child{max-width:100%}.today-strip .today-stats{gap:25px}.today-stats b{font-size:25px}.today-strip>.button{align-self:center;font-size:13px;min-height:42px;padding:9px 12px}.section-top{display:block;margin-bottom:16px}.section-top>p{margin-top:12px;max-width:none}.chapter{padding:25px 0 20px}.chapter-heading{grid-template-columns:44px 1fr;gap:13px;align-items:start}.chapter-symbol{width:44px;height:51px;font-size:25px}.chapter-heading h2{font-size:26px}.chapter-count{grid-column:2;margin-top:-5px}.lesson-grid{grid-template-columns:1fr;gap:9px}.lesson-link{min-height:91px;padding:16px}.lesson-link h3{font-size:15px}.lesson-link p{font-size:13px}.lesson-number{font-size:22px}.chapter-checkpoint{padding:16px;align-items:flex-start;flex-direction:column;gap:13px}.chapter-checkpoint .button{font-size:13px}.home-support{grid-template-columns:1fr;gap:15px;padding-top:24px}.support-card{padding:24px}.support-card h3{font-size:27px}.course-footer{padding:24px 20px;flex-direction:column}.course-footer>div:last-child{text-align:left;gap:12px}.page-intro{padding:31px 0 27px}.page-intro h1{font-size:39px;letter-spacing:-1.2px}.page-intro .lead{font-size:16px;margin-top:15px}.lesson-topline{padding-top:20px;font-size:12px;gap:12px}.lesson-title{padding:23px 0 22px}.lesson-title h1{font-size:35px;letter-spacing:-1px}.lesson-title .eyebrow{font-size:10px}.lesson-title .lead{font-size:16px;margin-top:13px}.activity-nav{gap:2px;padding:4px;overflow-x:auto;margin-bottom:20px;border-radius:12px}.activity-nav button{min-width:75px;min-height:44px;font-size:12px;padding:9px}.activity-nav button span{display:none}.lesson-surface{padding:22px 18px;border-radius:19px}.activity-heading{display:block;margin-bottom:20px}.activity-heading h2{font-size:29px;letter-spacing:-.6px}.activity-heading p:not(.eyebrow){font-size:15px;margin-top:12px}.activity-heading .round-label{margin-top:12px;display:block}.concept-note{padding-left:14px}.concept-note p{font-size:15px;line-height:1.85}.word-cards{grid-template-columns:1fr;gap:12px}.word-card{padding:19px;gap:13px}.word-card img{width:100px;height:100px}.word-glyph{font-size:47px}.word-card .roman{font-size:23px}.word-card .meaning{font-size:15px}.notice-list{padding-left:17px}.notice-list li{font-size:14px;line-height:1.9}.shape-strip{gap:7px;margin-top:19px}.shape-strip>.label{width:100%;font-size:12px}.shape-chip{font-size:25px;padding:3px 10px}.lesson-bottom{gap:10px}.lesson-bottom .button{font-size:13px;padding:11px 13px}.lesson-bottom .page-step{display:none}.reference-note{font-size:12px}.builder-goal{padding:17px;gap:12px}.builder-goal strong{font-size:23px}.builder-goal .button{font-size:12px;min-height:42px;padding:8px 11px}.builder-answer{min-height:104px}.builder-answer .thai{font-size:43px}.builder-piece{min-width:55px;min-height:67px;font-size:29px;padding:7px 11px}.builder-pieces{gap:9px}.builder-actions{gap:9px}.builder-actions .button{font-size:13px;padding:11px 13px}.quiz-stimulus{padding:16px;min-height:160px}.quiz-stimulus>.thai{font-size:59px}.quiz-options{gap:9px}.quiz-options button{font-size:14px;min-height:60px;padding:10px 8px}.quiz-options .thai{font-size:29px}.quiz-card .actions{justify-content:center}.feedback{font-size:14px}.result-panel h2{font-size:29px}.result-panel p{font-size:15px}.completion-summary{grid-template-columns:1fr;margin-top:20px}.completion-tile{padding:18px}.completion-control{padding:18px;flex-direction:column;align-items:stretch}.completion-control .button{font-size:14px}.writing-layout{gap:20px}.writing-modes{gap:7px}.writing-modes button{font-size:12px;padding:9px 11px}.writing-pad{padding:11px}.writing-copy p{font-size:14px}.writing-start-note{font-size:13px}.writing-status{font-size:12px}.writing-controls .button{font-size:12px;min-height:42px;padding:9px}.show-handwriting{font-size:11px;top:7px;right:7px;min-height:35px}.review-panel{padding:25px 18px}.review-panel .review-word{font-size:65px;margin:9px 0 20px}.rating-buttons{grid-template-columns:1fr 1fr;gap:9px}.rating-buttons button{font-size:13px}.review-meta{gap:12px;align-items:flex-start;font-size:12px}.words-tools{align-items:stretch;flex-direction:column;gap:10px}.words-tools .button{align-self:flex-start}.word-collection{grid-template-columns:1fr;gap:12px}.collection-card{padding:21px}.collection-card .thai{font-size:43px}.reference-grid{grid-template-columns:1fr;gap:14px}.reference-card{padding:23px}.vowel-grid{grid-template-columns:1fr 1fr;gap:10px}.vowel-card{padding:16px 13px;min-width:0}.vowel-card .thai{font-size:27px;overflow-wrap:anywhere}.vowel-card strong{font-size:13px;line-height:1.6}.vowel-card p{font-size:12px}.reference-section{padding:26px 0}.reference-section h2{font-size:29px}.reference-section>p{font-size:15px}.tone-table{font-size:13px;min-width:480px}.tone-table th,.tone-table td{padding:12px 10px}.reference-details{padding:17px}.reference-details summary{font-size:15px}.reference-details p,.reference-details ul{font-size:14px}.empty-state{padding:28px 20px}.empty-state h2{font-size:28px}.empty-state p{font-size:15px}.empty-state .button{font-size:14px}.audio-toast,.save-notice{font-size:13px;padding:12px 16px;bottom:15px}.save-notice{bottom:90px}.utility-note{font-size:12px}.font-samples{gap:17px;padding:19px}.font-samples span{font-size:32px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}.lesson-link:hover{transform:none}}
.pattern-lens{background:#eef1e7;border:1px solid #d6dfce;border-radius:17px;padding:23px;margin-top:22px}.pattern-lens .eyebrow{margin-bottom:12px}.pattern-selectors{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.pattern-selectors button{font:24px/1.6 Tahoma;min-height:45px;padding:4px 16px}.pattern-selectors [aria-pressed=true]{background:var(--green);color:white;border-color:var(--green)}.pattern-pieces{display:flex;gap:12px;flex-wrap:wrap}.pattern-piece{background:var(--mint);border:1px solid #ced9c8;border-radius:12px;min-width:105px;padding:11px 18px;display:flex;align-items:center;flex-direction:column;flex:1}.pattern-piece.vowel{background:var(--yellow);border-color:#ddd095}.pattern-piece.ending{background:var(--blue);border-color:#cfd9df}.pattern-piece.mark{background:var(--pink);border-color:#d9ced4}.pattern-piece small{font-size:11px}.pattern-piece .thai{font-size:39px;line-height:1.8}.pattern-piece>span:last-child:not(.thai){font-size:13px;text-align:center;line-height:1.6}.pattern-note{font-size:12px;line-height:1.8;margin-top:15px;color:var(--muted)}.transfer-word{display:block;font-size:53px;margin-top:14px}@media(max-width:650px){.pattern-lens{padding:17px}.pattern-pieces{gap:8px}.pattern-piece{min-width:77px;padding:10px}.pattern-piece .thai{font-size:32px}.pattern-piece>span:last-child:not(.thai){font-size:12px}.pattern-piece small{font-size:10px}.pattern-selectors button{font-size:23px}.pattern-note{font-size:12px}}
.chapter-picker-label{font-size:13px;display:block;margin:22px 0 25px;max-width:520px;color:var(--muted)}.chapter-picker{display:block;width:100%;margin-top:9px;border:1px solid #b6c8b1;background:var(--card);border-radius:11px;min-height:51px;padding:12px 38px 12px 15px;font-size:16px;color:var(--ink)}.chapter-browse{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:3px 0 30px}.chapter-browse>span{font-size:13px}@media(max-width:650px){.chapter-picker-label{margin-top:19px}.chapter-picker{font-size:15px}.chapter-browse{gap:8px;flex-wrap:wrap}.chapter-browse .button{font-size:12px;padding:10px}.chapter-browse>span{font-size:12px}}
.activity-nav{position:sticky;top:8px;z-index:6}.lesson-surface h2{scroll-margin-top:88px}@media(max-width:650px){.activity-nav{top:5px}.lesson-surface h2{scroll-margin-top:80px}}
@media(max-width:650px){.activity-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;overflow:visible}.activity-nav button{min-width:0;min-height:40px;padding:8px 5px}.lesson-surface h2{scroll-margin-top:116px}}
.typed-spelling{margin-top:20px}.typed-spelling label{display:block;font-size:14px;line-height:1.6}.typed-spelling .utility-note{margin:8px 0 12px}.typed-spelling input[aria-invalid=true]{border:2px solid #9b552c!important}
.spelling-result{margin-top:18px;padding:17px;border:2px solid #9d673c;border-radius:12px;background:#fff2e2;color:#60391e;scroll-margin-top:115px;scroll-margin-bottom:12px}.spelling-result.is-correct{background:#e3efe1;border-color:#477248;color:#214d2a}.spelling-result strong{display:block;font-size:16px;line-height:1.6}.spelling-result p{margin-top:10px;font-size:14px;line-height:1.7;color:inherit}.spelling-result:focus{outline:3px solid #b46c2c;outline-offset:4px}.spelling-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}.spelling-comparison>div{padding:10px;background:#fffdf7;border-radius:9px}.spelling-comparison small{display:block;font-size:12px}.spelling-comparison .thai{display:block;font-size:30px;overflow-wrap:anywhere}