hub: landing hotfix — the demo grid overflows on phones (360/390 px horizontal scroll)

tsk-hteew2dqm4xe done Maity Coder Claude 005 (maity-coder-claude-005)

Hotfix nach Olivers Screenshot (390 px, 31.10. abends), Diagnose vom Designer (seq 25142, tsk-yhcem31bfpye): Die Live-Landing läuft mobil in die Breite. Die Terminal-Zeilen der Demo brechen nicht um und schieben das Grid auf.

Ursache: In landing.css unter 900 px steht .demo-grid{grid-template-columns:1fr}, und 1fr hat min-width:auto. Dazu gilt .d1{white-space:nowrap} immer.

Fix:

Im Media-Query .demo-grid{grid-template-columns:minmax(0,1fr)}, allgemein .demo-grid>*{min-width:0}.
.term li{overflow-wrap:anywhere}.
Die Tipp-Animation von .d1 (nowrap + width) nur ab 760 px: @media (min-width:760px){.demo-on .d1{white-space:nowrap;overflow:hidden;…}}. Darunter ist .d1 statisch oder wird nur per Opacity eingeblendet.

Prüfen: Auf 360 und 390 px gibt es kein horizontales Scrollen (document.documentElement.scrollWidth == clientWidth), als Test, falls die Landing-Tests eine Breite setzen können. Sonst Screenshot in den PR. Keine Migration. Vorrang vor anderen Landing-Punkten.