handoff pass: vendored sveltia bundle, astro pinned ^7.2.10, root README + refreshed deploy runbook, review fixes (coverless card grid, shared NewsCard/lib, real site origin, nginx security headers, linger step, dead config removed, preview.css sync, tsconfig)

src/pages/news/[...page].astro

@@ -1,16 +1,18 @@
 ---
 import { getCollection } from 'astro:content';
 import Base from '../../layouts/Base.astro';
+import NewsCard from '../../components/NewsCard.astro';
+import { PAGE_FIRST as FIRST, PAGE_REST as REST } from '../../lib/news.js';
 
 // Paginated archive; the [...page] rest route makes page 1 the bare /news URL,
 // then /news/2 … /news/N. Custom slicing instead of paginate(): page 1 holds
-// 25 items (1 featured lead + 24 grid = even 3-column rows), later pages 24 —
-// paginate() cannot vary page size.
+// FIRST items (1 featured lead + 24 grid = even 3-column rows), later pages
+// REST — paginate() cannot vary page size. Chunk sizes live in lib/news.js,
+// shared with sitemap.xml.js.
 export async function getStaticPaths() {
   const posts = (await getCollection('news', ({ data }) => !data.draft)).sort(
     (a, b) => b.data.date.valueOf() - a.data.date.valueOf(),
   );
-  const FIRST = 25, REST = 24;
   const chunks = [posts.slice(0, FIRST)];
   for (let i = FIRST; i < posts.length; i += REST) chunks.push(posts.slice(i, i + REST));
   const lastPage = chunks.length;
@@ -34,11 +36,6 @@ export async function getStaticPaths() {
 
 const { page } = Astro.props;
 const first = page.currentPage === 1;
-const fmt = (d) => new Intl.DateTimeFormat('en-GB', { dateStyle: 'long' }).format(d);
-const iso = (d) => d.toISOString().slice(0, 10);
-// Reading time from the Markdown body (~220 wpm) — differentiating card metadata;
-// category/author are identical across all articles, so cards omit them (NN/g).
-const readMin = (p) => Math.max(1, Math.round((p.body ?? '').split(/\s+/).length / 220));
 // Windowed page list — 1 … n-1 n n+1 … last (0 marks an ellipsis)
 const nums = [];
 for (let n = 1; n <= page.lastPage; n++) {
@@ -61,18 +58,7 @@ const hrefFor = (n) => (n === 1 ? '/news' : `/news/${n}`);
   <section class="container page">
     <h2 class="sr-only">{first ? 'All news' : `All news — page ${page.currentPage}`}</h2>
     <div class="grid">
-      {page.data.map((post, i) => (
-        <article class={first && i === 0 ? 'card card--featured' : 'card'}>
-          {post.data.cover && (
-            <img class="cover" src={encodeURI(post.data.cover)} alt="" loading={first && i === 0 ? 'eager' : 'lazy'} />
-          )}
-          <div class="body">
-            <h3><a href={`/news/${post.id}`}>{post.data.title}</a></h3>
-            <p class="desc">{post.data.description}</p>
-            <div class="meta"><span><svg class="ico" aria-hidden="true" viewBox="0 0 24 24"><rect x="4" y="5" width="16" height="16" rx="2" /><path d="M4 10h16M8 3v4M16 3v4" /></svg><time datetime={iso(post.data.date)}>{fmt(post.data.date)}</time></span><span><svg class="ico" aria-hidden="true" viewBox="0 0 24 24"><circle cx="12" cy="12" r="9" /><path d="M12 7v5l3 2" /></svg>{readMin(post)} min read</span></div>
-          </div>
-        </article>
-      ))}
+      {page.data.map((post, i) => <NewsCard post={post} featured={first && i === 0} />)}
     </div>
     {page.lastPage > 1 && (
       <nav class="pagination" aria-label="News pages">