.teaching-journey nav{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.teaching-journey nav span{border:1px solid #77bdc0;border-radius:24px;padding:8px 12px;font-size:14px}.teaching-journey nav [aria-current]{background:#fee08a;color:#143f45}.teaching-journey [data-feedback]{min-height:3em}.teaching-journey .answer-grid{display:grid;gap:14px}.teaching-journey button{min-height:48px}.teaching-example{background:#fff5d9;color:#143f45;padding:18px;border-radius:14px}.teaching-journey{max-height:calc(100dvh - 100px);overflow-y:auto;overscroll-behavior:contain}@media(max-width:700px){.teaching-journey{box-sizing:border-box;width:calc(100vw - 24px)!important;margin:12px!important;padding:22px!important}.teaching-journey nav{gap:5px}.teaching-journey nav span{font-size:12px;padding:8px}.teaching-journey h2{font-size:28px}}
.lesson-stage-nav{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.lesson-stage-nav span{padding:8px 12px;font-size:14px;border:1px solid #77bdc0;border-radius:24px}.lesson-stage-nav [aria-current]{background:#fee08a;color:#143f45}
/* Keep the existing sound/settings pair on one row; the tablet base rule
   otherwise reserves only one 44px slot and grows over the lesson stages. */
body.workshop-active:has(.teaching-journey) header,
body.workshop-active:has(.lesson-stage-nav) header{grid-template-columns:80px minmax(0,1fr) max-content!important}
body.workshop-active:has(.teaching-journey) header .hud,
body.workshop-active:has(.lesson-stage-nav) header .hud{width:auto!important;flex-wrap:nowrap!important}