:root{color-scheme:light;--ink:#143831;--green:#086353;--mint:#d8f7eb;--paper:#fffaf0;--line:#bddbd2;--shadow:0 8px 0 #15443915;--rounded:28px;font-family:ui-rounded,'Avenir Next',system-ui,sans-serif;color:var(--ink);background:var(--paper)}
*{box-sizing:border-box}
body{margin:0;min-height:100dvh;display:flex;flex-direction:column;background:radial-gradient(ellipse at 88% 1%,#d9f6eb 0,transparent 46%),var(--paper)}
button,select{font:inherit;color:inherit}
button{cursor:pointer;border:2px solid var(--line);border-radius:19px;background:#fff;min-height:48px;font-weight:750;padding:10px 17px}
button:focus-visible,select:focus-visible,input:focus-visible{outline:4px solid #864897;outline-offset:4px}
button:hover:not(:disabled){border-color:var(--green)}
button:disabled{cursor:default}
.top,main,footer{width:min(100% - 48px,1260px);margin-inline:auto}
.top{display:flex;align-items:center;justify-content:space-between;padding-block:16px;gap:10px}
.brand{border:0;background:none;display:flex;align-items:center;gap:12px;padding:0;text-align:left}
.brand img{width:85px;height:55px;object-fit:contain}
.brand span{font-weight:900;font-size:1.07rem;letter-spacing:-.03em}
.top-controls{display:flex;align-items:center;gap:8px}
.language{display:flex;align-items:center;gap:6px;background:white;border:1px solid var(--line);padding:0 8px;border-radius:16px;min-height:46px}
.language select{background:transparent;border:0;font-size:.94rem;max-width:120px;padding-block:7px}
.small{width:47px;padding:0;font-size:1.4rem}
main{flex:1;padding-bottom:22px}
footer{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px;padding-block:10px;color:#3b6459}
.link{background:none;border:0;padding-inline:4px;font-size:.91rem}
h1,h2,h3,p{margin:0}
h1{font-size:clamp(2rem,5.4vw,4.3rem);line-height:1.02;letter-spacing:-.06em;max-width:24ch}
h2{font-size:clamp(1.25rem,2.8vw,1.9rem);line-height:1.1;letter-spacing:-.03em}
h3{line-height:1.15}
h1:focus{outline:none}
.eyebrow{font-size:.83rem;letter-spacing:.12em;text-transform:uppercase;font-weight:900;color:#286958;margin-bottom:9px}
.heading{margin:14px 0 18px}
.lead{font-size:clamp(1rem,2vw,1.35rem);line-height:1.45;max-width:34ch}
.hero{position:relative;isolation:isolate;display:grid;grid-template-columns:1fr 1.14fr;align-items:center;min-height:360px;border-radius:38px;padding:24px 44px;background:#d7f6ed;overflow:hidden}
.hero::after{content:'';z-index:-1;position:absolute;right:-6%;bottom:-75%;width:72%;aspect-ratio:1;background:#bcf0e0;border-radius:50%}
.hero h1{font-size:clamp(3rem,8vw,7rem);line-height:.9}
.hero .heading{margin:0 0 20px}
.cast{position:relative;height:335px;max-width:600px}
.cast img{position:absolute;width:36%;height:61%;object-fit:contain;filter:drop-shadow(0 9px 0 #236a561e)}
.cast .raton{left:0;bottom:2%;transform:rotate(-8deg)}
.cast .lu{left:22%;top:4%;transform:rotate(-7deg)}
.cast .rayo{right:5%;top:5%;transform:rotate(8deg)}
.cast .francis{right:22%;bottom:0;transform:rotate(5deg)}
.spark{position:absolute;color:#08785e;font-size:2rem;font-style:normal}
.s1{left:7%;top:20%}.s2{right:1%;top:51%}.s3{right:8%;bottom:1%;color:#ba5c22}
.course{margin:22px 0 8px}
.course-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:11px}
.ages,.world-grid,.activity-grid,.mode-grid,.teacher-grid{display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr))}
.age-card{position:relative;display:flex;align-items:center;gap:14px;text-align:left;min-height:92px;padding:8px 18px;box-shadow:var(--shadow);border-color:#0001;overflow:hidden}
.age-card strong{font-size:3.2rem;line-height:1}.age-card>span{font-size:1.1rem}.age-card .age-icon{margin-left:auto;font-size:2rem}
.age-3,.mint{background:#d8f6df}.age-4,.lilac{background:#eee4ff}.age-5{background:#ffe8a8}
.mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.feature{min-height:195px;font-size:clamp(1.2rem,3vw,2rem);box-shadow:var(--shadow)}
.feature span{display:block;font-size:3rem;margin-bottom:10px}
.world-card,.activity-card{position:relative;border-radius:var(--rounded);box-shadow:var(--shadow);padding:20px;display:flex;align-items:center;flex-direction:column;gap:10px;justify-content:center}
.world-card img{width:100%;height:clamp(120px,22vw,240px);object-fit:contain}
.world-card.factory,.factory .activity-card,.play.factory .scene{background:#def6e5}
.world-card.feelings,.feelings .activity-card,.play.feelings .scene{background:#f6e7f4}
.world-card.adventures,.adventures .activity-card,.play.adventures .scene{background:#eae6ff}
.world-label,.activity-card>span{display:flex;align-items:center;justify-content:center;gap:.45em;font-size:clamp(1.15rem,2.3vw,1.55rem);line-height:1.17}
.world-label i,.activity-card i{font-style:normal}
.activity-card img{width:100%;height:135px;object-fit:contain}
nav{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}
.soft{background:#fffefa}
.primary{background:var(--green);color:white;border-color:var(--green)}
.primary:hover:not(:disabled){background:#104d42}
.play-top{display:flex;justify-content:space-between;gap:8px;align-items:center}
.play-top h1{font-size:clamp(1.8rem,4.5vw,3.5rem)}
.steps{display:flex;gap:7px}
.steps i{width:13px;height:13px;border:2px solid #4f8174;border-radius:50%}
.steps .on{background:#0a6b55}
.classroom{font-size:.95rem;margin:0 0 13px;color:#315d52}
.board{display:grid;grid-template-columns:1.02fr 1fr;gap:16px}
.scene,.responses{border:1px solid var(--line);border-radius:var(--rounded);padding:20px}
.scene{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;justify-content:center;min-height:200px;gap:12px}
.scene img{width:100%;height:clamp(120px,21vw,245px);object-fit:contain}
.model{display:flex;justify-content:center;flex-wrap:wrap;gap:.15em;line-height:1.3;font-size:clamp(1.6rem,4.8vw,4.8rem)}
.model:has(span:only-child){font-size:clamp(3.5rem,8vw,7.5rem)}
.story{grid-column:1/-1;font-size:clamp(1.15rem,2.1vw,1.8rem);line-height:1.35}
.story p+p{margin-top:.55em}
.responses{display:flex;flex-direction:column;justify-content:center;gap:12px;background:#fffdf7}
.answers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.answer{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:112px;padding:8px}
.answer>span{font-size:clamp(2.4rem,5vw,4.8rem);line-height:1.1}
.answer small{font-size:clamp(.85rem,1.5vw,1.17rem);line-height:1.18}
.answer.speaks,.answer.highlight{background:#fff3c9;border-color:#935b00;box-shadow:inset 0 0 0 2px #935b00}
.answer.selected{background:#e1f2ec;border-color:#82b2a2}
.slots{display:flex;gap:10px}
.slots span{display:grid;place-items:center;width:57px;height:51px;border:2px dashed #789d93;border-radius:12px;font-size:1.45rem;background:#f4faf7}
.feedback{min-height:1.3em;font-weight:700;font-size:1.1rem;color:#245b4e}
.feedback.quiet{font-size:0}
.feedback.quiet span{font-size:1.65rem}
.next{align-self:flex-end;min-width:145px}
.end{text-align:center;background:#e4f6ed;border:1px solid var(--line);border-radius:var(--rounded);padding:18px}
.end h1,.end p{margin-inline:auto}
.end img{width:min(55vw,240px);height:220px;object-fit:contain}
.end nav{justify-content:center}
.celebrate{animation:bob 1.9s ease-in-out infinite}
@keyframes bob{50%{transform:translateY(-6px) rotate(-2deg)}}
.motion-off .celebrate{animation:none}
@media(prefers-reduced-motion:reduce){.celebrate{animation:none}}
.teacher-grid{margin-top:15px}
.teacher-grid article{border:1px solid var(--line);background:white;border-radius:20px;padding:15px;display:grid;gap:9px}
.teacher-grid article>div{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
.teacher-ages{display:flex;gap:8px;margin:15px 0}
[aria-pressed=true],.badge.done{background:var(--mint);border-color:var(--green)}
.badge{font-size:.85rem;border:1px solid var(--line);border-radius:18px;padding:5px 8px}
dialog{border:1px solid var(--line);border-radius:22px;padding:24px;max-width:min(90vw,440px);color:var(--ink)}
dialog::backdrop{background:#1b4d4188}
dialog form{display:grid;gap:14px}
dialog input{accent-color:var(--green);width:18px;height:18px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
#voice-status:empty{display:none}
#voice-status{margin:10px 0}
.speaking [data-action=listen]{background:#fdf0b9;border-color:#936700}
@media(max-width:700px){
 .top,main,footer{width:calc(100% - 26px)}
 .brand span{display:none}.brand img{width:70px;height:42px}
 .top{padding-block:10px}
 .hero{grid-template-columns:1fr;min-height:auto;padding:23px 18px 5px;border-radius:25px}
 .hero h1{font-size:clamp(2.9rem,12vw,5.4rem)}.hero .heading{margin-bottom:11px}
 .cast{height:clamp(170px,53vw,245px);margin-top:2px}
 .ages,.world-grid,.activity-grid,.mode-grid,.teacher-grid{gap:9px}
 .age-card{min-height:78px;padding:7px 9px;gap:3px;flex-direction:column;align-items:flex-start;border-radius:15px}
 .age-card strong{font-size:2rem}.age-card>span{font-size:.86rem}.age-card .age-icon{position:absolute;right:5px;top:7px;font-size:1.25rem}
 .world-grid,.teacher-grid,.board{grid-template-columns:1fr}
 .world-card{flex-direction:row;justify-content:flex-start;min-height:92px;padding:8px 12px}
 .world-card img{width:87px;height:78px}
 .activity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .activity-card{padding:9px;min-height:120px}.activity-card img{height:75px}.activity-card>span{font-size:1rem}
 .scene{min-height:126px;padding:10px;grid-template-columns:.8fr 1.2fr}
 .scene img{height:115px}.responses{padding:12px}.answer{min-height:73px}
 .play nav{margin-top:10px}nav button{padding-inline:9px;font-size:.92rem}
}

/* Growing Together: illustrated stage, compact course entry and clear feedback. */
:root{--ink:#153e38;--green:#135f51;--line:#a7c8bf;--paper:#fff9ed}
body{background:radial-gradient(ellipse at 85% 0,#d0f5e8 0,transparent 48%),#fff9ed}
.top{padding-block:10px}
.brand img{width:104px;height:48px;display:block}
[hidden]{display:none!important}
.top-controls .small{border-radius:15px}
#voice-button[aria-pressed=false]{background:#fde6eb;border-color:#cd8f9c}
.hero.welcome-hero{
 display:grid;grid-template-columns:1fr;gap:0;
 background:#bbebd8;border:1px solid #9ccfc0;border-radius:34px;
 min-height:0;padding:0;box-shadow:0 8px 0 #0a534a1a;
}
.hero.welcome-hero::after{display:none}
.welcome-hero .cast{
 width:100%;height:clamp(160px,23vw,260px);max-width:none;
 overflow:hidden;position:relative;background:linear-gradient(120deg,#b4e6db,#e4f6b6 62%,#fde4ab);
}
.hero-decoration{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.welcome-hero .floater{
 position:absolute;left:0;top:0;min-height:0;background:none;border:0;padding:0;
 will-change:transform;z-index:1;touch-action:manipulation;
}
.welcome-hero .floater img{display:block;position:static;width:100%;height:100%;transform:none;filter:drop-shadow(0 6px 3px #16443938)}
.hero.welcome-hero .hero-copy{
 display:flex;align-items:center;justify-content:space-between;gap:20px;
 padding:14px 30px 19px;background:#eaf8dc;
}
.hero.welcome-hero .heading{margin:0}
.hero.welcome-hero h1{font-size:clamp(2.05rem,5.1vw,4.65rem);line-height:.98;max-width:none}
.hero.welcome-hero em{font-style:normal;font-size:.76em}
.hero.welcome-hero .lead{max-width:30ch;font-weight:700}
.course{margin:17px 0 0}.course-head{margin-bottom:10px}
.course-head .intended{font-size:.91rem;margin-top:4px;color:#40645a}
.age-card{min-height:74px}.age-card strong{font-size:2.55rem}
main{flex:0 1 auto;padding-bottom:15px}footer{align-items:center;justify-content:space-between;margin-top:2px;padding-block:4px 10px}
.world-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.world-card.rayo,.rayo .activity-card,.play.rayo .scene{background:#e1f2cf}
.world-card img{height:clamp(130px,19vw,225px)}
.activity-card{background-image:linear-gradient(#fff3,#fffb 75%),var(--phase-art);background-size:cover;background-position:center}
.story,.feedback,.lead,.answer small{text-wrap:pretty}
.play-top .heading{margin-block:6px 13px}
.steps{display:grid;gap:4px;text-align:right;min-width:110px;font-size:.86rem}
.steps progress{accent-color:#186857;width:100%;height:10px}
.board .scene{display:block;padding:0;overflow:hidden}
.scene-illustration{
 display:grid;grid-template-columns:minmax(75px,.78fr) minmax(110px,1.22fr);gap:10px;
 position:relative;min-height:205px;align-items:center;isolation:isolate;padding:12px;
}
.scene-illustration::before{
 content:'';position:absolute;inset:0;z-index:-3;background-image:var(--phase-art);
 background-size:cover;background-position:var(--art-x) var(--art-y);filter:hue-rotate(var(--art-hue));
}
.scene-decoration{position:absolute;inset:0;width:100%;height:100%;z-index:-2;opacity:.64;pointer-events:none}
.scene-illustration img{height:clamp(132px,20vw,235px);width:100%;filter:drop-shadow(0 8px 6px #18392e36)}
.scene-illustration .model{
 border-radius:18px;border:2px solid #fffc;background:#fff8;box-shadow:0 4px 0 #17483d14;
 padding:10px;min-height:84px;align-content:center;
}
.scene .story{background:#ffffffdf;padding:16px;font-size:clamp(1rem,1.65vw,1.5rem)}
.responses{justify-content:flex-start}
.feedback{font-size:clamp(.94rem,1.5vw,1.17rem);line-height:1.4}
.feedback:empty{display:none}
.answer{min-height:91px}
.answer.picked{background:#dcf6e7;border-color:#4c9278}
.tile-shape{
 width:1em;height:1em;display:inline-block;vertical-align:middle;background:var(--tile);
 filter:drop-shadow(0 2px 0 #1544344d);flex:0 0 auto;
}
.tile-shape.circle{border-radius:50%}.tile-shape.square{border-radius:.14em}
.tile-shape.triangle{clip-path:polygon(50% 0,100% 96%,0 96%)}
.tile-shape.diamond{clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}
.tile-shape.star{clip-path:polygon(50% 0,65% 32%,100% 38%,75% 62%,81% 98%,50% 80%,19% 98%,25% 62%,0 38%,35% 32%)}
.model .tile-shape,.model .missing,.model .filled{font-size:clamp(1rem,2.7vw,2.8rem)}
.model .missing,.model .filled{width:1.24em;height:1.24em;display:grid;place-items:center;border-radius:.24em}
.model .missing{border:2px dashed #527368;background:#fff;color:#28564e;font-weight:900}
.model .filled{background:#e4f7cd;border:2px solid #649c65;animation:reveal .35s ease-out}
@keyframes reveal{from{transform:scale(.7)}to{transform:scale(1)}}
.motion-off .filled{animation:none}
@media(prefers-reduced-motion:reduce){.filled{animation:none}}
@media(max-width:700px){
 .top-controls .small{width:37px;min-height:40px}
 .top-controls{gap:5px}.language{min-height:40px;padding-inline:4px}
 .brand img{width:73px;height:41px}.language select{font-size:.81rem;max-width:90px}
 .hero.welcome-hero{border-radius:23px}
 .hero.welcome-hero .hero-copy{display:block;padding:12px 15px 15px}
 .hero.welcome-hero .lead{margin-top:7px;font-size:.94rem}
 .hero.welcome-hero h1 br{display:none}.hero.welcome-hero h1 em{margin-left:.13em;font-size:.83em}
 .welcome-hero .cast{height:155px;margin:0}
 .age-card{min-height:76px}
 .age-card strong{font-size:2rem}.age-card>span{font-size:.79rem}
 .course-head .intended{font-size:.77rem}
 footer{gap:4px;flex-wrap:wrap}  footer button{min-height:32px}
 .world-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .world-card{display:flex;flex-direction:column;justify-content:flex-start;gap:4px;padding:8px 5px}
 .world-card img{width:100%;height:92px}.world-label{font-size:.94rem}
 .scene-illustration{min-height:126px;padding:8px;grid-template-columns:.75fr 1.25fr}
 .scene-illustration img{height:123px}
 .scene .story{padding:10px}
 .answer{min-height:68px}
}
.scene-illustration .model.pattern{
 display:grid;grid-template-columns:repeat(var(--pieces),minmax(0,1fr));align-items:center;justify-items:center;gap:3px;
}
.model.pattern .tile-shape{width:min(100%,.9em);height:auto;aspect-ratio:1}
.model.pattern .missing,.model.pattern .filled{width:100%;max-width:1.24em;height:auto;aspect-ratio:1}
.model.pattern .filled .tile-shape{width:77%}
@media(max-width:360px){
 .top{gap:5px}
 .brand img{width:58px;height:38px}
 .top-controls{gap:4px}
 .top-controls .small{width:33px;min-height:38px}
 .language{padding-inline:3px;gap:2px}
 .language select{max-width:73px;font-size:.75rem}
 .play-top{align-items:flex-start}
 .play-top .steps{min-width:87px;font-size:.74rem}
 .play-top h1{font-size:1.65rem;overflow-wrap:anywhere}
 .answers{gap:7px}
}

/* Keep the complete frame visible behind the characters, with no zoom or crop. */
.brand{gap:0;isolation:isolate}
.brand .brand-cast{width:51px;height:51px;object-fit:contain}
.brand .brand-letters{width:87px;height:44px;margin-left:-8px;object-fit:contain}
.scene-illustration{min-height:clamp(190px,23vw,315px);background:#f5f6e8}
.scene-illustration::before{display:none}
.scene-illustration .scene-backdrop{
 position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;filter:none;z-index:-1;
}
.scene-illustration .scene-character{width:100%;height:clamp(115px,16vw,210px);object-fit:contain}
.scene-illustration.no-model{grid-template-columns:minmax(94px,44%) 1fr}
.scene-illustration .model{background:#fffdf4e8}
.activity-card{
 background-size:cover,contain;background-repeat:no-repeat;background-position:center;
}
@media(max-width:700px){
 .brand .brand-cast{width:41px;height:41px}
 .brand .brand-letters{width:60px;height:39px;margin-left:-7px}
 .scene-illustration{min-height:162px}
 .scene-illustration .scene-character{height:121px}
}
@media(max-width:360px){
 .brand .brand-cast{width:34px;height:37px}
 .brand .brand-letters{width:49px;height:36px}
}
.activity-grid .activity-card{
 background-image:linear-gradient(#fff1,#fffa 78%),var(--phase-art);
}

.game-footer{display:grid;gap:9px;padding-block:14px 10px}
.footer-access{
 display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);
 gap:clamp(14px,2vw,27px);align-items:stretch;
}
.footer-social{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.footer-teaching{padding-inline-start:clamp(14px,2vw,27px);border-inline-start:1px solid var(--line);display:grid}
.footer-card{
 min-width:0;min-height:74px;padding:5px 10px;display:flex;align-items:center;
 gap:7px;border:1px solid var(--line);border-radius:18px;color:#214e43;
 text-align:start;text-decoration:none;font-size:clamp(.8rem,1.4vw,1rem);font-weight:850;
 transition:background-color .18s,border-color .18s;
}
.footer-web{background:#e6f8ef}
.footer-instagram{background:#f9ebf6;border-color:#e8c8e0}
.footer-teacher{background:#fff0c7;border-color:#e5cc88}
.footer-card:hover{background:#fffdf8;border-color:#608c7f}
.footer-card:focus-visible{outline:3px solid #245d50;outline-offset:3px}
.footer-card img{width:clamp(44px,6vw,72px);height:clamp(44px,6vw,72px);object-fit:contain;flex:none}
.footer-label{line-height:1.2;overflow-wrap:anywhere}
.footer-arrow{margin-inline-start:auto;flex:none}
.game-footer #offline:empty{display:none}
@media(max-width:700px){
 .footer-access{grid-template-columns:1fr;gap:10px}
 .footer-teaching{border-inline-start:0;padding-inline-start:0;border-top:1px solid var(--line);padding-top:10px}
 .footer-card{min-height:58px;padding:4px 7px;gap:4px}
 .footer-card img{width:46px;height:46px}
}
@media(max-width:360px){
 .footer-card img{width:37px;height:37px}
 .footer-social{gap:6px}
}

@media(min-width:701px){
 .hero.welcome-hero .hero-copy{align-items:flex-end}
 .hero .hero-copy>.lead{margin-bottom:.08em}
 .footer-access{grid-template-columns:minmax(0,2fr) minmax(0,1.45fr)}
 .footer-social{max-width:530px}
 .footer-teaching{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;justify-self:end;padding-inline-start:18px}
}
.footer-projects{background:#e9eefc;border-color:#cbd3ef}
.mode-card{display:grid;gap:10px;align-content:start;padding:clamp(14px,2vw,24px);border-radius:20px;background:#fff;border:1px solid var(--line)}
.mode-card .feature{width:100%;min-height:0}
.mode-card p,.teacher-guide p,.teacher-guide li,.projects-copy p{line-height:1.55}
.teacher-guide,.projects-copy{display:grid;gap:14px;margin:20px 0}
.guide-card{padding:clamp(14px,2vw,24px);border-radius:20px;background:#fff;border:1px solid var(--line)}
.guide-card h2{margin-bottom:9px}
.guide-card ol{padding-inline-start:1.4em;margin:.65em 0 0}
.guide-card li+li{margin-top:.55em}
.guide-card details{margin-top:12px}
.guide-card summary{cursor:pointer;font-weight:800}
.guide-card textarea{display:block;width:100%;min-height:130px;border:1px solid var(--line);border-radius:10px;padding:9px;font:inherit;color:inherit}
.guide-card button{margin-block:10px}
.project-cta{display:inline-flex;margin-top:10px;text-decoration:none}
.classroom-practice{margin-top:.45rem;max-width:72ch}
.scene-illustration .scene-character{object-fit:contain;object-position:center;padding-block:8px 14px}
@media(max-width:700px){
 .footer-teaching{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
 .mode-grid{grid-template-columns:1fr}
}

#home-button img{display:block;width:28px;height:28px;margin:auto}
.teacher-ages{flex-wrap:wrap}
.teacher-ages [data-action=teacher-reset]{border-color:#deb99c;color:#603a29}
.teacher-notice:empty{display:none}
.teacher-notice{margin-bottom:12px}
@media(max-width:460px){
 .top{width:calc(100% - 22px)}
 .top-controls,.language,.language select{min-width:0}
 .top-controls .small{flex:none}
 .language>span[aria-hidden]{display:none}
 .language select{max-width:86px}
}
@media(max-width:360px){
 .top-controls .small{width:31px}
 .language select{max-width:68px}
 #home-button img{width:24px;height:24px}
}