diff --git a/demo/commitment_kernel_demo_v7.html b/demo/commitment_kernel_demo_v7.html
index b41c16d..cd4cf98 100644
--- a/demo/commitment_kernel_demo_v7.html
+++ b/demo/commitment_kernel_demo_v7.html
@@ -309,6 +309,23 @@
/* Toast for copy confirmation */
.toast { position: fixed; bottom: 24px; left: 50%; transform: translateX(-50%); background: var(--surface); border: 1px solid var(--gold); color: var(--gold2); padding: 10px 18px; font-size: 11px; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; z-index: 9999; opacity: 0; pointer-events: none; transition: opacity 0.2s; }
.toast.show { opacity: 1; }
+
+ /* Phone portrait — networking-event readability */
+ @media (max-width: 480px) {
+ body { font-size: 14px; }
+ .app { padding: 24px 14px 60px; }
+ .header-title { font-size: 18px; }
+ .preset-btn { min-width: unset; flex: 1 1 45%; }
+ .run-btn { padding: 16px; }
+ .agent-out { font-size: 12px; }
+ .stage-name { font-size: 10px; }
+ .trace-title { font-size: 10px; }
+ .report-title { font-size: 10px; }
+ .t-ms { font-size: 11px; }
+ .tc-val { font-size: 16px; }
+ .three-col { grid-template-columns: 1fr; }
+ .trace-body { max-height: 200px; }
+ }