/* Shared layout corrections from the annotated feedback. */
.eg812-home-copy h1{margin-top:5px}.eg812-home-hero{min-height:320px!important;padding-top:12px!important}.eg813-team-home{bottom:0}
.eg812-home-copy p span{color:#685e83}
.eg812-action-card{overflow:visible!important;margin-top:12px;padding-top:82px!important;min-height:190px!important}
.eg812-action-mascot{width:104px!important;height:125px!important;top:-24px!important;right:0!important}.eg812-action-mascot-alien{width:78px!important;height:96px!important;top:-12px!important;right:5px!important}
.eg812-action-mark{position:absolute;top:17px;left:14px}.eg812-action-card strong,.eg812-action-card small{position:relative;z-index:2}
.eg812-tab-icon{width:42px;height:38px;border-radius:13px;background:linear-gradient(145deg,#fff,#f0eaff);box-shadow:0 3px 8px #8876b51b}.eg812-tab-icon svg{width:26px;height:26px}
.eg815-team{display:flex;align-items:flex-end;justify-content:center;pointer-events:none}.eg815-team img{object-fit:contain;max-width:none;filter:drop-shadow(0 5px 8px #76649b20);width:36%;height:100%}.eg815-team .eg815-alien{width:27%;height:75%}
.eg815-lessons-team{position:absolute;right:3px;bottom:0;width:48%;height:130px}.eg812-lessons-copy{max-width:51%}.eg812-lessons-copy h1{font-size:calc(var(--eg8-base)*1.5)}
.eg815-topic-team{height:111px;width:100%;margin-bottom:7px}.eg815-group-team{position:absolute;right:0;bottom:0;width:45%;height:140px}
.eg815-health{position:relative;color:#e76895;width:100%;height:111px;display:flex;align-items:center}.eg815-health svg{fill:#ffd9e8;stroke-width:1.5}.eg815-health span{position:absolute;left:27px;top:32px;color:#fff;font-size:33px}
.study-card .study-visual{height:180px!important;min-height:0!important;max-height:220px;width:min(100%,240px)!important;margin:0 auto 14px!important;border-radius:23px}
.study-card .study-visual img,.study-card .study-visual svg{width:85%!important;height:85%!important;max-width:220px!important;max-height:165px!important;object-fit:contain}
.study-card .study-visual .emoji-art,.study-card .study-visual .word-emoji{font-size:106px!important}
.main-word{font-size:calc(var(--eg8-base)*1.8)!important}.pronun{font-size:calc(var(--eg8-base)*1.1)!important}.translate{font-size:calc(var(--eg8-base)*1.3)!important}
.example-box p{font-size:calc(var(--eg8-base)*1.17)!important}.example-box small{font-size:calc(var(--eg8-base)*1)!important;color:#615571!important;line-height:1.5}
.study-card .subtoolbar .btn{font-size:calc(var(--eg8-base)*.95)!important;line-height:1.4;padding:12px 8px}.section-head .link{font-size:calc(var(--eg8-base)*.9)!important}
.page-heading,.page-head,.eg8-heading{margin-top:0!important}.eg815-match-instruction{margin:0 0 14px!important;padding:12px;border-radius:14px;background:#f0ebff;color:#554379;font-size:calc(var(--eg8-base)*.95);font-weight:750;line-height:1.5;text-align:left}
.back-row{margin-bottom:2px!important}.page-title{margin-top:4px!important}.study-card .eg82-picture-illustration{font-size:clamp(108px,28vw,150px)!important}.study-card .eg82-picture-illustration.eg82-multi{font-size:clamp(60px,15vw,82px)!important}
.match-grid>div:first-child .match-card{background:#eeeaff;border-color:#bdb0eb;color:#4d3975}.match-grid>div:last-child .match-card{background:#fff0f4;border-color:#edbbce;color:#754253}
.eg8-match-grid .match-card{font-size:calc(var(--eg8-base)*1)!important;line-height:1.35;min-height:90px;padding:12px 8px!important}.match-card.picked{outline:3px solid #9880d9;outline-offset:1px}.match-card.matched{background:#dcf5e9!important;border-color:#8dc9ad!important;color:#30624b!important;opacity:.7}
.eg83-builder .chip-bank{gap:10px;padding:12px 0}.eg83-builder .word-chip{background:#fff;border:2px solid #c8bceb;border-radius:15px;box-shadow:0 4px 0 #dfd6f2;font-size:calc(var(--eg8-base)*1.08)!important;padding:12px 16px;min-height:50px;color:#46375f}
.eg83-builder .word-chip.used{visibility:hidden}.eg83-builder .slots .word-chip{background:#eee9ff;box-shadow:none}.eg83-builder .word-chip:active{transform:translateY(3px);box-shadow:0 1px 0 #dfd6f2}
.eg83-builder-tools{display:flex;flex-wrap:wrap;gap:9px;margin-top:14px}.eg83-builder-tools button{flex:1;min-width:90px;min-height:46px;padding:10px 8px;border:1px solid #ddd2f2;border-radius:13px;background:#f4efff;color:#64508d;font-size:calc(var(--eg8-base)*.9);font-weight:800}
.eg815-celebrate{height:145px;margin:8px 0 0}.eg815-celebrate img{animation:eg815-cheer 1.3s ease-in-out infinite;transform-origin:bottom center}.eg815-celebrate .eg815-blueberry{animation-delay:.15s}.eg815-celebrate .eg815-alien{animation-delay:.3s}
@keyframes eg815-cheer{0%,100%{transform:translateY(0) rotate(-3deg)}45%{transform:translateY(-14px) rotate(4deg)}65%{transform:translateY(-5px) rotate(-1deg)}}
@media(prefers-reduced-motion:reduce){.eg815-celebrate img{animation:none}}
@media(max-width:360px){.study-card .study-visual{height:155px!important}.eg8-match-grid .eg8-match-grid .match-card{font-size:calc(var(--eg8-base)*.93)!important}.eg812-action-mascot{width:92px!important}.eg812-action-mascot-alien{width:70px!important}.eg815-lessons-team{height:112px}.eg812-action-card{padding-left:11px!important;padding-right:11px!important}}
html[data-theme=midnight] .example-box small{color:#e0d9ee!important}html[data-theme=midnight] .eg815-match-instruction{background:#484064;color:#f4ebff}

/* Keep the shared home layout readable at every configured text size. */
.eg812-home-hero{display:flex;flex-direction:column}
.eg813-team-home{position:relative;left:auto;right:auto;bottom:auto;height:187px;margin-top:12px;width:100%}
.eg813-team-home .eg813-alien{width:26%;height:139px;margin-left:-2%}
.eg813-team-home .eg813-blueberry{width:38%;height:179px;margin-left:-3%}
.eg8-match-panel .match-feedback:empty{display:none}
.eg8-match-grid .match-card{overflow-wrap:anywhere}
.eg83-builder-tools button{justify-content:center;line-height:1.35}
html[data-theme=midnight] .eg8-match-grid>div:first-child .match-card{background:#443b66;color:#f5efff;border-color:#a999d8}
html[data-theme=midnight] .eg8-match-grid>div:last-child .match-card{background:#613d53;color:#fff0f5;border-color:#c78aa9}
html[data-theme=midnight] .eg83-builder .word-chip{background:#403958;color:#f8f2ff;border-color:#a796d7;box-shadow:0 4px 0 #302943}
html[data-theme=midnight] .eg83-builder-tools button{background:#403958;color:#f8f2ff;border-color:#a796d7}
@media(max-width:360px){.eg813-team-home{height:165px}.eg813-team-home .eg813-alien{height:121px}.eg813-team-home .eg813-blueberry{height:157px}}
/* Only the mascot extends past the action card; decorative circles stay inside. */
.eg812-action-card:before{right:0;top:0;width:88px;height:88px}
/* Navigation stays legible on narrow screens even at the largest text setting. */
.eg811-bottom-nav button>span:last-child{font-size:clamp(11px,calc(var(--eg8-base)*.75),13px)!important;line-height:1.3;white-space:nowrap}
@media(max-width:360px){
 html[data-text-scale=max] .eg812-theme-grid,html[data-text-scale=extra] .eg812-theme-grid{grid-template-columns:1fr}
 html[data-text-scale=max] .eg812-theme-card,html[data-text-scale=extra] .eg812-theme-card{min-height:220px}
}