@font-face{font-family:Andika;src:url(fonts/Andika.woff2)}
body[data-ui-language=en]{font-family:Andika,Kai,Mali,sans-serif}
body[data-ui-language=th]{font-family:Mali,Kai,Andika,sans-serif}
button,select{font-family:inherit}
.learning-chinese,#zh-text,.original,.glyph,.char,.poem-char,.hanzi{font-family:Kai,serif}
#th-text{font-family:Mali,Kai,serif}
.page-top{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 24px;flex-wrap:wrap}
.lesson-label{font-size:16px;color:#66735f;margin:0}
.language-control{display:flex;align-items:center;gap:10px;font-size:16px}
[data-ui-picker]{font:inherit;min-height:42px;max-width:100%;border:1px solid #bdc7b6;border-radius:9px;background:#faf9f4;color:#343c31;padding:6px 12px}
.standalone-language{text-align:right;margin-bottom:22px;font-size:16px}
.embedded [data-ui-control]{display:none}
.usage-compact{display:flex;align-items:baseline;gap:9px;flex-wrap:wrap;margin:24px 0 30px;font-size:17px;color:#66735f}
.usage-compact strong{font-size:26px;color:#22574d;font-weight:normal}
.usage-compact details{margin:0 0 0 12px;border:0;padding:0;font-size:15px;flex:1;min-width:130px}
.usage-compact details p{font-size:15px;line-height:1.7;max-width:600px}
#steps{margin-top:26px;gap:12px}#steps button{justify-content:center;min-height:64px;padding:14px 16px;line-height:1.55}
.bar{gap:12px}footer{line-height:1.9}
body[data-ui-language=en] button{font-size:17px}
body[data-ui-language=en] h1{font-size:30px;letter-spacing:0;line-height:1.5}
.voice-group{flex-wrap:wrap}
@media(max-width:650px){.page-top{margin-bottom:20px;gap:12px}.language-control{margin-left:auto;font-size:14px}.lesson-label{font-size:14px}.intro{font-size:18px}.usage-compact{margin:18px 0 24px}#steps{gap:10px}#steps button{font-size:20px;min-height:70px;padding:12px;align-items:flex-start}.bottom-nav{margin-top:26px}body[data-ui-language=en] #steps button{font-size:16px}.voice-group .toolbar-label{width:100%}.voice-group .joined{max-width:none;width:100%}body[data-ui-language=en] .section-heading{font-size:14px}body[data-ui-language=en] .ui-switch{font-size:14px}body[data-ui-language=en] h1{font-size:25px}.language-control span{display:none}}