/* The shared site chrome keeps its own control style; activity controls retain
   the approved neo brutalist styling inside their original workspace. */
body.activity-site :is(.site-header,.mobile-menu,.search-dialog) button:not(:disabled){min-height:0;box-shadow:none;transform:none;transition:none}
body.activity-site .site-header .icon-btn{padding:0;border-radius:0}
body.activity-site .site-header #startLesson{box-shadow:3px 3px 0 #22242d26}
body.activity-site .site-header .nav-link{letter-spacing:normal}
body.activity-site :is(.search-dialog,.mobile-menu){font:16px/1.5 'IBM Plex Sans',sans-serif;letter-spacing:normal}
body.activity-site .search-dialog label{margin:0}
body.activity-site .search-dialog input{min-height:0}
body.activity-site :is(.site-header,.site-footer,.mobile-menu,.search-dialog) p{margin:0}
.activity-back{font-size:14px;font-weight:600;text-decoration:none;letter-spacing:normal}
.activity-back:hover{text-decoration:underline}
.activity-site .topbar,.activity-site .sitebar{gap:18px}
.activity-site .site-footer{margin-top:20px}
@media(min-width:851px){.activity-site .app{height:calc(100svh - 76px)}}
@media(max-width:760px){.activity-site .topbar,.activity-site .sitebar{flex-wrap:wrap}.activity-back{font-size:13px}}
html:fullscreen .activity-site>.site-header,html:fullscreen .activity-site>.site-footer{display:none}
html:fullscreen .activity-site .app{height:100svh}
@media print{.activity-site>.site-header,.activity-site>.site-footer{display:none}}