@charset "UTF-8";
/* Most colors are controlled in assets/css/variables.css. Change color variables there. */
@media(max-width:700px){
  .site-header{align-items:flex-start;flex-wrap:wrap}
  .main-nav{order:3;width:100%;justify-content:center;margin-left:0}
  .header-right{margin-left:auto}
}
@media(max-width:600px){
  .shell{padding:0 14px}
  .learning-status{justify-content:center}
  .home-hero{padding:24px 0 32px}
  .level-grid{grid-template-columns:1fr}
  .quiz-options{grid-template-columns:1fr}
  .word-grid{grid-template-columns:1fr 1fr}
  .fc-controls{gap:8px}
  .fc-controls .btn{padding:9px 14px;font-size:.83rem}
  .lesson-nav{gap:6px}
  .lesson-tab{padding:7px 13px;font-size:.82rem}
  .activity-header h2{font-size:1.25rem}
  .cookie-banner{width:calc(100% - 24px);padding:16px}
  .result-score{font-size:3.5rem}
  .topic-card{padding:17px 18px}
}
@media(max-width:420px){
  .word-grid{grid-template-columns:1fr}
  .logo-img{height:40px}
}

@media(max-width:700px){
  .header-right{
    order:-1;
    width:100%;
    justify-content:flex-end;
    margin-left:0;
  }
}

@media(max-width:600px){
	.logo-img{
		height:200px;
		width:auto;
	}
}