strip more seamless and margin improvements

src/routes/+layout.svelte

@@ -5,6 +5,7 @@
 
 	import { storedTheme } from '$lib/stores/settings';
 
+	import Footer from '$lib/components/navigation/footer.svelte';
 	import Header from '$lib/components/navigation/header.svelte';
 	import WeatherNav from '$lib/components/navigation/weather-nav.svelte';
 
@@ -88,11 +89,16 @@
 			{#if fullBleed}
 				{@render children()}
 			{:else}
-				<!-- cap the content width on very large screens; generous bottom room
-				     so the last chart/table never sits flush against the viewport edge -->
-				<div class="mx-auto w-full max-w-[1536px] pb-80">
+				<!-- cap the content width on very large screens; the footer below
+				     gives the page its ending, so only modest bottom room is needed -->
+				<div class="mx-auto w-full max-w-[1536px] pb-24">
 					{@render children()}
 				</div>
+				<!-- full-bleed footer inside the scroll area (its own inner max-w),
+				     cancelling main's padding so it sits flush with the edges -->
+				<div class="-mx-3 -mb-3 lg:-mx-8 lg:-mb-6">
+					<Footer />
+				</div>
 			{/if}
 		</main>
 	</div>