Fix mobile top spacing (double header offset) + CTA/newsletter gap

On mobile, body already has padding-top:60px to clear the fixed header, but
every page ALSO added its own clearance — doubling it and leaving a ~60px
white gap under the menu (content sat too low). Trimmed each page's mobile
top offset so it relies on the body padding (matching .article-page, which
was already correct): page-content, support/hub/legal pages, and the
news-hub / news-article / blog / member heroes. Content now sits ~32-42px
under the header.

Also add a 32px top gap to .newsletter-cta on mobile so it no longer
touches the CTA/content above it.

CSS only.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

css/pages/_news.css

@@ -104,7 +104,7 @@
 }
 
 @media (max-width: 768px) {
-    .newshub-hero { padding: 92px 20px 32px; }
+    .newshub-hero { padding: 32px 20px 32px; } /* body offsets the fixed header on mobile */
     .newshub-hero h1 { font-size: 30px; }
 }
 
@@ -136,7 +136,7 @@
 .news-article-cta { display: inline-block; margin-top: 12px; }
 
 @media (max-width: 768px) {
-    .news-article { padding: 92px 20px 48px; }
+    .news-article { padding: 32px 20px 48px; } /* body offsets the fixed header on mobile */
     .news-article h1 { font-size: 28px; }
     .news-article-body p { font-size: 17px; line-height: 28px; }
 }