@media(max-width:900px){
 .topnav{display:none}.stats-grid,.action-grid{grid-template-columns:repeat(2,1fr)}
 .hero{padding:28px}.hero-leaf{font-size:75px}.confirm-grid{grid-template-columns:repeat(2,1fr)}
 .stats-overview{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:620px){
 .topbar{height:64px;padding:0 15px}.container{padding:22px 14px 50px}
 .hero{min-height:0;padding:25px 20px}.hero-leaf{display:none}.hero h1{font-size:35px}
 .stats-grid,.action-grid,.confirm-grid,.result-stats{grid-template-columns:1fr 1fr}.action-card{padding:14px}
 .topic-row{grid-template-columns:1fr 85px 70px;padding:14px}.topic-row.head{font-size:9px}.topic-meta{font-size:11px}
 .question-card{padding:20px 16px}.question-text{font-size:20px}.answer{padding:14px}.test-actions{flex-wrap:wrap}.test-actions .right{width:100%;justify-content:flex-end}
 .test-actions>.btn{flex:1}.stats-overview{grid-template-columns:1fr 1fr}.stats-line{grid-template-columns:1fr 75px 75px 65px;font-size:12px}
 .topbar.compact .text-link{font-size:12px}.config-title{font-size:28px}
}