diff --git a/frontend/src/styles.css b/frontend/src/styles.css
index 16c97fc..c4c9503 100644
--- a/frontend/src/styles.css
+++ b/frontend/src/styles.css
@@ -126,12 +126,11 @@ a { color: inherit; }
 /* When a panel is collapsed, hide its scroll and shrink its grid track to show only header */
 .panel.collapsed .scroll { display: none; }
 
-/* Using :has to adapt the grid columns when a side is collapsed (modern browsers) */
-.shell:has(> aside.collapsed) { grid-template-columns: 52px 1fr; }
-.shell:has(> main.collapsed)  { grid-template-columns: 1fr 52px; }
-
-/* Collapse helpers: keep headers visible when collapsed */
-.panel.collapsed .scroll { display: none; }
+/* Desktop-only: Using :has to adapt the grid columns when a side is collapsed (modern browsers) */
+@media (min-width: 981px) {
+  .shell:has(> aside.collapsed) { grid-template-columns: 52px 1fr; }
+  .shell:has(> main.collapsed)  { grid-template-columns: 1fr 52px; }
+}
 
 /* Modal */
 .modal-backdrop { position: fixed; inset: 0; background: rgba(0,0,0,.35); backdrop-filter: blur(4px); display: grid; place-items: center; z-index: 20; animation: fadeIn .15s ease;