/* PlayLab v2.0.19: approved UI typography and spacing. Lesson sizes stay under their existing controls. */
.ppl-app.ppl-mockup-v2.ppl-readable-v219{--ppl-text:17px;--ppl-caption:14px;--ppl-label:16px;--ppl-heading:28px;--ppl-subheading:22px}
.ppl-app.ppl-mockup-v2.ppl-readable-v219 :is(.home-game-status,.home-summary small,.home-subject,.home-next-heading>span:first-child,.home-footer,.games-total-pill small,.phonics-word-count small,.phonics-letter-help,.star-legend,.star-pages,.islands-current-badge){font-size:14px;line-height:1.4}
.ppl-app.ppl-mockup-v2.ppl-readable-v219 :is(.home-welcome>div>span,.home-next>p,.home-map-link small,.islands-copy small,.profile-mascot-help,.profile-mascot-confirm,.profile-encouragement,.race-card-title>span,.race-scoreboard small){font-size:16px;line-height:1.45;color:#4a6180}
.ppl-app.ppl-mockup-v2.ppl-readable-v219 .home-class{font-size:15px}
.ppl-app.ppl-mockup-v2.ppl-readable-v219 :is(.home-section-title button,.ppl-app-nav button>small,.ppl-v3-pages :is(button,span),.star-legend>span,.star-pages :is(button,span)){font-size:15px;line-height:1.35}
.ppl-app.ppl-mockup-v2.ppl-readable-v219 .home-quickgame strong{font-size:18px;line-height:1.2}
.ppl-app.ppl-mockup-v2.ppl-readable-v219 .home-quickgame{min-height:111px}
.ppl-app.ppl-mockup-v2.ppl-readable-v219 :is(.games-screenhead p,.phonics-screenhead p,.ppl-premium-screenhead p,.ppl-premium-mapbanner p,.ppl-adv-pathintro p){font-size:16px;line-height:1.45}
.ppl-app.ppl-mockup-v2.ppl-readable-v219 :is(.ppl-premium-screenhead h2,.ppl-premium-mapbanner h2,.ppl-adv-pathintro h2){font-size:28px;line-height:1.25}
.ppl-app.ppl-mockup-v2.ppl-readable-v219 .ppl-boardsection .ppl-sectionheading h3{font-size:24px;line-height:1.3}
.ppl-app.ppl-mockup-v2.ppl-readable-v219 :is(.ppl-boardsection .ppl-sectionheading p,.ppl-boardtabs button,.ppl-boardsection .ppl-button){font-size:16px;line-height:1.4}
.ppl-app.ppl-mockup-v2.ppl-readable-v219 .ppl-v3-podiumname{font-size:17px;line-height:1.25}
.ppl-app.ppl-mockup-v2.ppl-readable-v219 .ppl-v3-podiumscore{font-size:15px;line-height:1.35}
.ppl-app.ppl-mockup-v2.ppl-readable-v219 .ppl-boardtable table{font-size:18px}
.ppl-app.ppl-mockup-v2.ppl-readable-v219 .ppl-boardtable th{font-size:15px}
.ppl-app.ppl-mockup-v2.ppl-readable-v219 .ppl-boardtable :is(th,td){padding:13px 9px;line-height:1.4}
.ppl-app.ppl-mockup-v2.ppl-readable-v219 :is(.profile-badge-grid small,.preview-profile .ppl-premium-profilestats small,.preview-profile .ppl-v3-mascots button small,.preview-profile .ppl-premium-badges>p){font-size:14px;line-height:1.45}
.ppl-app.ppl-mockup-v2.ppl-readable-v219 .profile-section-heading>span{font-size:14px;line-height:1.4}
.ppl-app.ppl-mockup-v2.ppl-readable-v219 :is(.profile-actions button,.profile-actions>.ppl-premium-switch){font-size:16px;min-height:46px;line-height:1.4}
.ppl-app.ppl-mockup-v2.ppl-readable-v219 :is(.home-welcome,.home-next-heading,.profile-section-heading){flex-wrap:wrap}
.ppl-app.ppl-mockup-v2.ppl-readable-v219 .home-hero{align-self:start}
.ppl-app.ppl-mockup-v2.ppl-readable-v219 .home-game-status{color:#4a6180}
.ppl-app.ppl-mockup-v2.ppl-readable-v219 .ppl-premium-podium{height:346px}
.ppl-app.ppl-mockup-v2.ppl-readable-v219 .ppl-premium-podiumplinth{height:146px}
.ppl-app.ppl-mockup-v2.ppl-readable-v219 .ppl-premium-podiumplinth>span{height:124px}
.ppl-app.ppl-mockup-v2.ppl-readable-v219 .ppl-premium-podiumplinth>span:nth-child(2){height:146px}
.ppl-app.ppl-mockup-v2.ppl-readable-v219 .ppl-premium-podiumplinth>span:nth-child(3){height:116px}
.ppl-app.ppl-mockup-v2.ppl-readable-v219 .ppl-premium-podium>img{bottom:142px}
.ppl-app.ppl-mockup-v2.ppl-readable-v219 .ppl-premium-podium>img:nth-child(2){bottom:164px}
.ppl-app.ppl-mockup-v2.ppl-readable-v219 .ppl-premium-podium>img:nth-child(3){bottom:134px}
.ppl-app.ppl-mockup-v2.ppl-readable-v219 :is(.ppl-v3-podiumrank,.ppl-v3-podiumname,.ppl-v3-podiumscore){flex-shrink:0}
.ppl-app.ppl-mockup-v2.ppl-readable-v219 .ppl-premium-screenhead>button{min-height:44px;min-width:44px}
.ppl-app.ppl-mockup-v2.ppl-readable-v219 :is(.race-topic-pill,.race-lesson-bar button,.race-card-title strong,.race-card-title button,.race-goal-pill small,.race-player-caption){font-size:14px;line-height:1.4}
.ppl-app.ppl-mockup-v2.ppl-readable-v219 .race-scoreboard strong{font-size:14px;line-height:1.3}
.ppl-app.ppl-mockup-v2.ppl-readable-v219 .race-scoreboard b{font-size:15px;line-height:1.3}
.ppl-app.ppl-mockup-v2.ppl-readable-v219 .race-refined .ppl-quizmeta{font-size:14px}
.ppl-app.ppl-mockup-v2.ppl-readable-v219 .race-refined .ppl-feedback{font-size:15px;line-height:1.45}
.ppl-app.ppl-mockup-v2.ppl-readable-v219 .race-play-actions button{font-size:16px;min-height:44px}
.ppl-app.ppl-mockup-v2.ppl-readable-v219 :is(.phonics-card-heading,.phonics-drag-guide,.phonics-lesson-tools button){font-size:15px;line-height:1.4}
.ppl-app.ppl-mockup-v2.ppl-readable-v219 .phonics-refined :is(.ppl-phon-lessonhead,.ppl-phon-underroad,.ppl-phon-draghint,.ppl-phon-choose span){font-size:14px;line-height:1.4}
.ppl-app.ppl-mockup-v2.ppl-readable-v219 .phonics-refined .ppl-phon-feedback{font-size:16px;line-height:1.45}
.ppl-app.ppl-mockup-v2.ppl-readable-v219 .phonics-refined .ppl-phon-actions .ppl-button{font-size:16px;min-height:46px}
@media(min-width:1000px){
 .ppl-app.ppl-mockup-v2.ppl-readable-v219 .home-learning-panel{gap:8px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v219 .home-quickgame{min-height:108px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v219 .home-quickgame:nth-child(n+5){min-height:92px}
}
@media(max-width:599px){
 .ppl-app.ppl-mockup-v2.ppl-readable-v219 .home-welcome strong{font-size:21px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v219 .home-welcome>div>span{font-size:14px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v219 .home-class{font-size:14px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v219 .home-quickgame{min-height:112px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v219 :is(.ppl-premium-screenhead h2,.ppl-premium-mapbanner h2,.ppl-adv-pathintro h2){font-size:25px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v219 .ppl-boardsection .ppl-sectionheading h3{font-size:22px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v219 .ppl-boardtabs{gap:6px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v219 .ppl-boardtabs button{flex:1 1 92px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v219 .ppl-v3-podiumname{font-size:16px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v219 .ppl-boardtable :is(th,td){padding:11px 6px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v219 .ppl-boardtable table{font-size:17px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v219 .ppl-app-nav button>small{font-size:14px;letter-spacing:-.3px;white-space:nowrap;overflow-wrap:normal}
 .ppl-app.ppl-mockup-v2.ppl-readable-v219 :is(.star-refined,.islands-refined) .ppl-adv-journeyhead{display:flex;flex-wrap:wrap;gap:8px;padding:10px}
 .ppl-app.ppl-mockup-v2.ppl-readable-v219 :is(.star-refined,.islands-refined) .ppl-adv-journeyhead>span{flex:1 0 100%;order:-1}
 .ppl-app.ppl-mockup-v2.ppl-readable-v219 :is(.star-refined,.islands-refined) .ppl-adv-journeyhead strong{font-size:24px;line-height:1.25}
 .ppl-app.ppl-mockup-v2.ppl-readable-v219 :is(.star-refined,.islands-refined) .ppl-adv-journeyhead small{font-size:14px;line-height:1.4}
 .ppl-app.ppl-mockup-v2.ppl-readable-v219 :is(.star-refined,.islands-refined) .ppl-adv-journeyhead button{flex:1;min-width:0;font-size:14px;line-height:1.3;padding:8px}
}
