diff --git a/docs/assets/lesson.css b/docs/assets/lesson.css
index f12e7dd..477aaf3 100644
--- a/docs/assets/lesson.css
+++ b/docs/assets/lesson.css
@@ -112,5 +112,15 @@ footer{margin-top:2.4rem; font-size:.78rem; color:var(--muted)}
 #sources{border-top:1px solid var(--line); padding-top:1rem}
 .src{font-size:.82rem; color:var(--muted)}
 
-@media (max-width:540px){.steps,.cards{flex-direction:column} .arrow{justify-content:center; transform:rotate(90deg)}}
+@media (max-width:540px){
+  .steps,.cards{flex-direction:column} .arrow{justify-content:center; transform:rotate(90deg)}
+  /* Compact the sticky lesson header so the back-link, Prev/Next pager, and
+     theme toggle stay on one clean line instead of wrapping mid-item. The
+     track name is hidden here because the lesson title right below already
+     names the topic. */
+  #hubbar{gap:.55rem; font-size:.74rem}
+  #hubbar .pn{gap:.6rem; white-space:nowrap}
+  #hubbar > span:last-child{gap:.45rem!important}
+  #hubbar > span:last-child > span{display:none}
+}
 @media print{#hubbar,.themebtn{display:none!important} a{color:var(--ink)} body{background:#fff}}