.tonePage{--tone-berry:#c9164c}.toneHero{padding-bottom:24px}.toneSection{margin-top:60px}.toneSectionHead{justify-content:space-between;align-items:end;gap:24px;margin-bottom:22px;display:flex}.toneSectionHead>div{max-width:560px}.tonePage .toneSectionHead h2,.tonePage .toneAfter h2{letter-spacing:-.045em;margin-top:8px;font-size:clamp(27px,3.8vw,40px);font-weight:590;line-height:1.16}.toneSectionHead>p{color:#696970;max-width:345px;font-size:13px;line-height:1.6}.toneGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.toneCard{background:#fff;border:1px solid #e8e5e1;border-radius:20px;flex-direction:column;min-width:0;padding:22px;display:flex}.toneCardTop{align-items:center;gap:10px;display:flex}.toneNumber{color:#fff;background:var(--tone-berry);border-radius:50%;place-items:center;width:37px;height:37px;font-size:17px;font-weight:700;display:grid}.toneShape{color:#5d565c;font-size:13px}.toneSample{justify-content:space-between;align-items:baseline;gap:12px;margin-top:23px;display:flex}.toneSample [lang]{letter-spacing:.02em;font-size:29px}.toneSample small{color:#696970;text-align:right;font-size:12px}.toneJyutping{color:#696970;font-size:17px;margin-top:5px!important}.toneFocus{color:var(--tone-berry);text-underline-offset:4px;font-weight:750;text-decoration:underline;text-decoration-thickness:2px}.toneCue{color:#696970;flex:1;font-size:12px;line-height:1.5;margin-top:17px!important}.toneCue strong{color:#242426}.tonePlay,.toneNext,.tonePdf{color:#fff;background:var(--tone-berry);width:max-content;max-width:100%;min-height:43px;font:inherit;cursor:pointer;border:0;border-radius:23px;justify-content:center;align-items:center;gap:10px;padding:10px 17px;font-size:13px;font-weight:650;text-decoration:none;display:inline-flex}.tonePlay:hover,.toneNext:hover,.tonePdf:hover{background:#a5123e}.toneCard .tonePlay{margin-top:20px}.toneHint{color:#696970;max-width:760px;font-size:13px;line-height:1.7;margin-top:18px!important}.toneHint strong{color:#242426}.toneChallenge{border-top:1px solid #e8e5e1;padding-top:32px}.toneQuizPanel{background:#fff;border:1px solid #e8e5e1;border-radius:25px;max-width:700px;padding:clamp(22px,5vw,39px);box-shadow:0 16px 45px #32202a08}.toneQuizTop{justify-content:space-between;align-items:center;gap:18px;display:flex}.toneProgress{color:var(--tone-berry);letter-spacing:.09em;font-size:11px;font-weight:730}.toneScore{color:#696970;font-size:12px}.tonePage .toneQuizPanel h3{letter-spacing:-.035em;margin-top:17px;font-size:27px;line-height:1.22}.toneQuizPrompt{color:#696970;font-size:14px;margin-top:7px!important}.toneQuizPlay{margin-top:25px}.toneChoices{border:0;grid-template-columns:repeat(3,1fr);gap:10px;min-width:0;margin:29px 0 0;padding:0;display:grid}.toneChoices legend{color:#696970;margin-bottom:11px;font-size:12px}.toneChoice{color:#242426;min-height:83px;font:inherit;cursor:pointer;text-align:left;background:#fff;border:1px solid #e4dcdf;border-radius:16px;padding:12px}.toneChoice strong{font-size:23px;line-height:1;display:block}.toneChoice span{color:#696970;margin-top:8px;font-size:11px;display:block}.toneChoice:hover:not(:disabled){border-color:var(--tone-berry)}.toneChoice[data-selected=true]{border-color:var(--tone-berry);background:#fff4f8}.toneChoice:disabled{cursor:default}.toneChoices:disabled .toneChoice{opacity:.58}.toneFeedback{min-height:0;margin-top:19px;font-size:13px;line-height:1.6}.toneFeedback p{margin-top:6px!important}.toneFeedback p:first-child{color:#242426;font-size:17px}.toneFeedback p:not(:first-child){color:#696970}.toneNext{margin-top:18px}.toneFinish p{color:#696970;line-height:1.65;margin-top:11px!important}.toneFinish .tonePlay{margin-top:23px}.toneAudioStatus,.toneAudioError{color:#696970;font-size:12px;margin-top:13px!important}.toneAudioError{color:#a41c36}.toneSkip{min-height:36px;color:var(--tone-berry);font:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;margin-top:5px;padding:0;font-size:12px;font-weight:650;text-decoration:underline}.toneNote{color:#696970;background:#f9f5f5;border-radius:17px;max-width:700px;margin-top:19px;padding:20px 24px;font-size:12px;line-height:1.65}.toneNote a,.toneAfter a:not(.tonePdf){color:var(--tone-berry);text-underline-offset:3px;text-decoration:underline}.toneAfter{background:#fff;border:1px solid #e8e5e1;border-radius:24px;justify-content:space-between;align-items:center;gap:28px;margin:75px 0 50px;padding:30px;display:flex}.toneAfter>div{max-width:570px}.toneAfter p:not(.learn-kicker){color:#696970;margin-top:11px;font-size:14px;line-height:1.65}.tonePdf{text-align:center;flex:none;max-width:275px}@media (max-width:760px){.toneGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.toneSectionHead,.toneAfter{flex-direction:column;align-items:start}.toneSectionHead>p{max-width:600px}}@media (max-width:520px){.toneGrid{grid-template-columns:1fr}.toneCard{padding:20px}.toneChoices{gap:7px}.toneChoice{min-height:80px;padding:10px}.toneChoice span{font-size:10px}.toneAfter{padding:24px}}