fix(audience-sample): keep version badge inline with title on narrow screens (SDK-314)

flex-wrap: wrap on .header-row lets the badge fall to its own row when
the title is wide. Disabling wrap at the narrow breakpoint and allowing
the title to flex-shrink keeps badge and title on the same row; title
text reflows internally within the remaining width.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

Author: nattb8

examples/audience/Assets/SampleApp/Resources/AudienceSample.uss

@@ -577,6 +577,19 @@
     font-size: 24px;
 }
 
+/* Keep version badge on the same line as the title. flex-wrap: wrap lets
+   the badge fall to its own row when the title is wide; disabling wrap
+   and letting the title shrink (text reflows internally) keeps them together. */
+.narrow .header-row {
+    flex-wrap: nowrap;
+    align-items: flex-start;
+}
+
+.narrow .title {
+    flex-shrink: 1;
+    min-width: 0;
+}
+
 /* Status bar: bigger font on phone. */
 .phone .status-bar {
     padding-top: 12px;