/* Calculus-only navigation and entry count. */
.home-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:700px){.home-grid{grid-template-columns:1fr}}

@media(max-width:700px){
 .title-row{flex-wrap:nowrap;justify-content:flex-start;gap:8px}
 h1.site-title{flex:0 1 auto;max-width:none;gap:5px;white-space:nowrap}
 h1.site-title .site-title-text{font-size:15px}
 .site-title .brand-logo{width:26px;height:26px;flex-basis:26px}
 .course-switch{margin:0;flex:0 0 auto;padding:3px;gap:2px;border-radius:9px}
 .course-switch button{padding:6px 9px;min-height:30px;font-size:13px}
 .title-actions{width:auto;margin-left:auto;gap:4px;flex-wrap:nowrap}
 .home-icon-btn{width:28px;min-width:28px;height:30px;min-height:30px;padding:4px}
 .home-icon-btn svg{width:17px;height:17px}
 .access-badge{padding:3px 4px;font-size:9px}
 .filter-toggle{padding:4px;min-height:30px;font-size:11px;white-space:nowrap}
 .topbar-inner:has(.topbar-timer:not([hidden])) h1.site-title{flex:0 1 auto}
 .topbar-timer{font-size:10px}
}
@media(max-width:380px){
 .topbar-inner{padding-left:8px;padding-right:8px}
 .title-row{gap:4px}
 h1.site-title .site-title-text{font-size:12px}
 .site-title .brand-logo{width:22px;height:22px;flex-basis:22px}
 .course-switch button{padding:5px 6px;font-size:12px}
 .title-actions{gap:2px}
}