/* Typography tuned for bilingual children's reading, with locally served Vietnamese glyphs. */
body{font-family:'Nunito Sans Variable',Arial,sans-serif;font-size:16px;line-height:1.5;letter-spacing:normal;word-spacing:normal;font-kerning:normal}
h1,.bottom h2,.storyTitle{font-family:'Literata Variable',Georgia,serif;letter-spacing:normal;font-kerning:normal;text-wrap:balance}
h1{font-weight:650;line-height:1.22}
.brand{font-weight:750;letter-spacing:.035em;line-height:1.3}
.brand span{letter-spacing:.025em;line-height:1.45}
.eyebrow,.sidebar h3,.page-label{letter-spacing:.045em;line-height:1.4;font-weight:700}
.intro p,.bottom p,.note{line-height:1.65}
.chapter{font-size:14px;line-height:1.4;letter-spacing:normal}
.chapter b{font-size:12px;margin-right:8px}
.page .storyTitle{font-size:clamp(23px,2.2vw,28px);font-weight:650;line-height:1.3;min-height:2.6em;margin:14px 0 18px;overflow-wrap:normal;word-break:normal}
.english,.vietnamese{font-family:'Literata Variable',Georgia,serif;font-size:18px;font-weight:400;line-height:1.65;letter-spacing:normal;word-spacing:normal;text-align:left;overflow-wrap:break-word;word-break:normal;color:#283e39}
.vietnamese{margin:0}
.english .sentence{display:block;padding:0;margin:0 0 .52em;line-height:inherit}
.english .sentence:last-child{margin-bottom:0}
.vocab{gap:7px;margin:16px 0 20px}
.word,.meaning{font-family:'Nunito Sans Variable',Arial,sans-serif;font-size:13px;font-weight:600;line-height:1.35;letter-spacing:normal;word-spacing:normal}
.tip{font-family:'Nunito Sans Variable',Arial,sans-serif;font-size:13px;line-height:1.55;letter-spacing:normal;text-align:left}
.tip b{font-weight:750;letter-spacing:.015em}
.folio{font-family:'Nunito Sans Variable',Arial,sans-serif;font-size:11px;letter-spacing:.025em;line-height:1.4}
.quiz h3,#quizTranslation h3{font-family:'Literata Variable',Georgia,serif;font-size:17px;line-height:1.5;font-weight:650;letter-spacing:normal}
.quiz button,#quizTranslation,.feedback{font-family:'Nunito Sans Variable',Arial,sans-serif;font-size:14px;line-height:1.5;letter-spacing:normal}
.volume,.control,.settings,.status,.level{letter-spacing:normal;line-height:1.45}
@media(max-width:850px){.page .storyTitle{font-size:24px}.english,.vietnamese{font-size:17px;line-height:1.65}}
@media(max-width:580px){.page .storyTitle{font-size:18px;line-height:1.35;min-height:3em;margin:12px 0 14px}.english,.vietnamese{font-size:15px;line-height:1.65}.page-label{font-size:10px;letter-spacing:.02em}.tip{font-size:12px;line-height:1.5}.word,.meaning{font-size:12px}.folio{font-size:10px;letter-spacing:normal}.quiz h3,#quizTranslation h3{font-size:14px}.quiz button,#quizTranslation,.feedback{font-size:12px}.volume,.control{font-size:12px}}