deploy: adjust news story scrolling to headline top

news.html

@@ -104,6 +104,7 @@
       border-radius: 20px;
       overflow: hidden;
       transition: background 0.2s, transform 0.15s;
+      scroll-margin-top: 20px; /* Keep beautiful breathing room at the top of viewport when focused */
     }
 
     .story-card:hover {
@@ -221,6 +222,9 @@
       <!-- National News Section -->
       <div class="category-title">🇺🇸 National News</div>
       <div class="stories-list" id="national-news-list"></div>
+
+      <!-- High-viewport spacer to guarantee that even the last stories in the list can scroll perfectly to the top headline -->
+      <div style="height: 75vh;"></div>
     </div>
 
     <div class="footer-nav">