@jant/core 0.6.16 → 0.7.0

package/dist/{export-Dl5KCiEs.js → github-sync-BPAvT999.js}

@@ -1,4 +1,3 @@
-import { d as sanitizeRichTextHref, f as sanitizeUrl, v as toPublicPath, x as __exportAll } from "./url-CbLAtlZe.js";
 import { strToU8, zipSync } from "fflate";
 import { Extension, Node } from "@tiptap/core";
 import { MarkdownManager } from "@tiptap/markdown";
@@ -7,6 +6,529 @@ import Link from "@tiptap/extension-link";
 import StarterKit from "@tiptap/starter-kit";
 import { Table, TableCell, TableHeader, TableRow } from "@tiptap/extension-table";
 import { sql } from "drizzle-orm";
+//#region \0rolldown/runtime.js
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __commonJSMin = (cb, mod) => () => (mod || (cb((mod = { exports: {} }).exports, mod), cb = null), mod.exports);
+var __exportAll = (all, no_symbols) => {
+	let target = {};
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
+	if (!no_symbols) __defProp(target, Symbol.toStringTag, { value: "Module" });
+	return target;
+};
+var __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
+		key = keys[i];
+		if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: ((k) => from[k]).bind(null, key),
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule || !__hasOwnProp.call(mod, "default") ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
+}) : target, mod));
+//#endregion
+//#region src/lib/html.ts
+/**
+* HTML Utilities
+*/ /**
+* Escape HTML special characters for safe insertion into HTML strings.
+*
+* @param str - The string to escape
+* @returns The escaped string
+* @example
+* ```ts
+* escapeHtml('<script>alert("xss")<\/script>')
+* // '&lt;script&gt;alert(&quot;xss&quot;)&lt;/script&gt;'
+* ```
+*/ function escapeHtml(str) {
+	return str.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
+}
+//#endregion
+//#region src/lib/url.ts
+var url_exports = /* @__PURE__ */ __exportAll({
+	buildSiteUrl: () => buildSiteUrl,
+	extractDisplayDomain: () => extractDisplayDomain,
+	extractDomain: () => extractDomain,
+	getSiteOrigin: () => getSiteOrigin$1,
+	getSitePathPrefix: () => getSitePathPrefix$1,
+	isFullUrl: () => isFullUrl,
+	isSafeAbsoluteUrl: () => isSafeAbsoluteUrl,
+	isSafeInternalRedirect: () => isSafeInternalRedirect,
+	looksLikeAddress: () => looksLikeAddress,
+	normalizePath: () => normalizePath,
+	normalizeSitePathPrefix: () => normalizeSitePathPrefix,
+	normalizeSiteUrl: () => normalizeSiteUrl,
+	sanitizeRichTextHref: () => sanitizeRichTextHref,
+	sanitizeUrl: () => sanitizeUrl,
+	stripSitePathPrefix: () => stripSitePathPrefix,
+	toAbsoluteAssetUrl: () => toAbsoluteAssetUrl,
+	toAbsoluteSiteUrl: () => toAbsoluteSiteUrl,
+	toInternalPath: () => toInternalPath,
+	toPublicHref: () => toPublicHref,
+	toPublicPath: () => toPublicPath,
+	toSameSitePath: () => toSameSitePath
+});
+/**
+* URL Utilities
+*/ function normalizeSitePathname(pathname) {
+	if (pathname === "/" || pathname === "") return "";
+	const trimmed = pathname.replace(/\/+$/, "");
+	return trimmed.startsWith("/") ? trimmed : `/${trimmed}`;
+}
+/**
+* Normalize a configured public site path prefix.
+*
+* @param sitePathPrefix - Prefix such as `/blog` or `blog`
+* @returns Normalized prefix like `/blog`, or an empty string when rooted
+*/ function normalizeSitePathPrefix(sitePathPrefix) {
+	return normalizeSitePathname(sitePathPrefix);
+}
+/**
+* Extracts the hostname (domain) from a URL string.
+*
+* Parses a full URL and returns just the hostname portion (e.g., "example.com" from
+* "https://example.com/path"). Returns `null` if the URL is malformed or cannot be parsed.
+*
+* @param url - The full URL string to extract the domain from
+* @returns The hostname/domain if valid, or `null` if parsing fails
+*
+* @example
+* ```ts
+* const domain = extractDomain("https://www.example.com/path");
+* // Returns: "www.example.com"
+*
+* const invalid = extractDomain("not-a-url");
+* // Returns: null
+* ```
+*/ function extractDomain(url) {
+	try {
+		return new URL(url).hostname;
+	} catch {
+		return null;
+	}
+}
+/**
+* Normalizes a path by removing slashes and converting to lowercase.
+*
+* Trims whitespace, converts to lowercase, removes leading and trailing slashes,
+* and collapses multiple consecutive slashes into single slashes. Used to create
+* consistent path representations for routing and storage.
+*
+* @param path - The path string to normalize
+* @returns The normalized path string
+*
+* @example
+* ```ts
+* const normalized = normalizePath("  /About/Contact//  ");
+* // Returns: "about/contact"
+* ```
+*/ function normalizePath(path) {
+	return path.trim().toLowerCase().replace(/^\/+|\/+$/g, "").replace(/\/+/g, "/");
+}
+/**
+* Checks if a string is a full URL with HTTP or HTTPS protocol.
+*
+* Validates whether a string starts with "http://" or "https://", indicating it's
+* a full URL rather than a relative path. Useful for distinguishing between internal
+* paths and external URLs.
+*
+* @param str - The string to check
+* @returns `true` if the string starts with http:// or https://, `false` otherwise
+*
+* @example
+* ```ts
+* isFullUrl("https://example.com");  // Returns: true
+* isFullUrl("/about");               // Returns: false
+* isFullUrl("example.com");          // Returns: false
+* ```
+*/ function isFullUrl(str) {
+	return str.startsWith("http://") || str.startsWith("https://");
+}
+/**
+* If a full URL points at the site's own host, return its same-site path
+* (`pathname` + `search` + `hash`). Returns `null` when the input is not a full
+* URL, is unparseable, or points at a different host.
+*
+* Self-referential absolute links — e.g. a nav item set to
+* `https://example.com/about` on `example.com` — should behave like the
+* internal path `/about`: no external-link icon, no `target="_blank"`.
+*
+* Matching is by **hostname**, not full origin: scheme and port differences are
+* treated as same-site. This keeps the check intuitive ("same domain") and
+* robust in dev, where the site is often served over `http://host:<port>` while
+* a nav link stores the canonical `https://host` URL. In production (canonical
+* https + default port) hostname match is equivalent to origin match.
+*
+* @param url - Candidate URL (full URL or relative path)
+* @param siteOrigin - The site's own origin, e.g. `https://example.com`
+* @returns The same-site path, or `null` when the URL is external/non-absolute
+*
+* @example
+* ```ts
+* toSameSitePath("https://example.com/about", "https://example.com");    // "/about"
+* toSameSitePath("https://example.com/about", "http://example.com:8787"); // "/about"
+* toSameSitePath("https://other.com/about", "https://example.com");      // null
+* toSameSitePath("/about", "https://example.com");                       // null
+* ```
+*/ function toSameSitePath(url, siteOrigin) {
+	if (!siteOrigin || !isFullUrl(url)) return null;
+	let parsed;
+	let reference;
+	try {
+		parsed = new URL(url);
+		reference = new URL(siteOrigin);
+	} catch {
+		return null;
+	}
+	if (parsed.hostname !== reference.hostname) return null;
+	return `${parsed.pathname}${parsed.search}${parsed.hash}` || "/";
+}
+/**
+* Any `scheme:` at the start. `mailto:` and `tel:` address something real but
+* never a page here, and an unrecognized scheme must not be read as a path.
+*/ var ANY_SCHEME_RE = /^[a-z][a-z0-9+.-]*:/i;
+/**
+* Whether a string is meant as an address rather than as search words.
+*
+* Deliberately narrow — a leading slash or a full `http(s)` URL. Anything
+* looser would swallow real queries: a search for "about" is not a search for
+* `/about`.
+*
+* @param input - What the author typed or pasted
+* @returns True when the input should be resolved instead of searched
+* @example
+* looksLikeAddress("/about"); // true
+* looksLikeAddress("https://example.com/about"); // true
+* looksLikeAddress("about"); // false
+*/ function looksLikeAddress(input) {
+	const trimmed = input.trim();
+	return trimmed.startsWith("/") || isFullUrl(trimmed);
+}
+/**
+* Convert an address the author pasted into an internal app path.
+*
+* Accepts what a browser address bar would produce — a full URL on one of the
+* site's own origins, or a path — and returns the path the router resolves
+* against: no site path prefix, no language prefix, rooted at `/`. Returns
+* `null` for anything that is not a page on this site, so callers can tell an
+* external link apart from a bad one.
+*
+* Case is left alone; storage-level normalization belongs to the path
+* registry, which lowercases on its own terms.
+*
+* A full URL has to sit inside the deployment to count. A typed path does not:
+* `/about` on a site served from `/blog` is the About page, because that is
+* what someone typing it means.
+*
+* @param input - A full URL, or a path
+* @param options - The site's origins, prefixes, and what to keep
+* @returns Internal path rooted at `/`, or `null` when the address is not ours
+* @example
+* toInternalPath("https://example.com/blog/en/about", {
+*   siteOrigins: ["https://example.com"],
+*   sitePathPrefix: "/blog",
+*   languagePrefixes: ["en"],
+* }); // "/about"
+* toInternalPath("https://other.com/about", { siteOrigins: ["https://example.com"] }); // null
+*/ function toInternalPath(input, options = {}) {
+	const value = input.trim();
+	if (!value) return null;
+	const { siteOrigins = [], sitePathPrefix = "", languagePrefixes = [], keepQuery = false } = options;
+	const isFull = isFullUrl(value);
+	let candidate = null;
+	if (isFull) {
+		for (const origin of siteOrigins) {
+			const path = toSameSitePath(value, origin);
+			if (path !== null) {
+				candidate = path;
+				break;
+			}
+		}
+		if (candidate === null) return null;
+	} else if (value.startsWith("//") || ANY_SCHEME_RE.test(value) || value.startsWith("#")) return null;
+	else candidate = value;
+	let url;
+	try {
+		url = new URL(candidate, "https://jant.invalid");
+	} catch {
+		return null;
+	}
+	const withoutSite = stripSitePathPrefix(url.pathname, normalizeSitePathPrefix(sitePathPrefix));
+	if (withoutSite === null && isFull) return null;
+	const internal = stripLanguagePrefix(withoutSite ?? url.pathname, languagePrefixes);
+	const trimmed = internal.length > 1 ? internal.replace(/\/+$/, "") || "/" : internal;
+	return keepQuery ? `${trimmed}${url.search}${url.hash}` : trimmed;
+}
+/** Drop a leading `/en`-style segment when the site serves that language. */ function stripLanguagePrefix(pathname, languagePrefixes) {
+	if (languagePrefixes.length === 0) return pathname;
+	const rest = pathname.startsWith("/") ? pathname.slice(1) : pathname;
+	const slash = rest.indexOf("/");
+	const first = (slash === -1 ? rest : rest.slice(0, slash)).toLowerCase();
+	if (!first) return pathname;
+	if (!languagePrefixes.some((prefix) => prefix.toLowerCase() === first)) return pathname;
+	return slash === -1 ? "/" : rest.slice(slash);
+}
+/**
+* Extracts a human-friendly domain name from a URL for display purposes.
+*
+* Parses the URL, strips common prefixes (`www.`, `m.`, `mobile.`), and returns
+* a clean domain. Returns `null` if the URL is malformed.
+*
+* @param url - The full URL string
+* @returns A display-friendly domain string, or `null` if parsing fails
+*
+* @example
+* ```ts
+* extractDisplayDomain("https://www.example.com/path");
+* // Returns: "example.com"
+*
+* extractDisplayDomain("https://m.wikipedia.org/wiki/Test");
+* // Returns: "wikipedia.org"
+*
+* extractDisplayDomain("https://blog.example.com");
+* // Returns: "blog.example.com"
+* ```
+*/ function extractDisplayDomain(url) {
+	const hostname = extractDomain(url);
+	if (!hostname) return null;
+	return hostname.replace(/^(?:www|m|mobile)\./, "");
+}
+var SAFE_URL_PROTOCOLS = /* @__PURE__ */ new Set([
+	"http:",
+	"https:",
+	"mailto:"
+]);
+var SAFE_RICH_TEXT_HREF_PROTOCOLS = /* @__PURE__ */ new Set([
+	...SAFE_URL_PROTOCOLS,
+	"tel:",
+	"sms:"
+]);
+function sanitizeUrlWithProtocols(url, protocols) {
+	try {
+		const parsed = new URL(url, "https://placeholder.invalid");
+		if (protocols.has(parsed.protocol)) return url;
+		return "";
+	} catch {
+		return "";
+	}
+}
+/**
+* Checks whether a string is a safe absolute URL.
+*
+* Accepts absolute URLs that use `http:`, `https:`, or `mailto:`. Relative
+* paths are rejected because external post/source URLs must be fully qualified.
+*
+* @param url - The URL string to validate
+* @returns `true` when the URL is absolute and uses an allowed protocol
+*
+* @example
+* ```ts
+* isSafeAbsoluteUrl("https://example.com"); // true
+* isSafeAbsoluteUrl("mailto:hello@example.com"); // true
+* isSafeAbsoluteUrl("example.com"); // false
+* ```
+*/ function isSafeAbsoluteUrl(url) {
+	const trimmed = url.trim();
+	if (!trimmed) return false;
+	try {
+		const parsed = new URL(trimmed);
+		return SAFE_URL_PROTOCOLS.has(parsed.protocol);
+	} catch {
+		return false;
+	}
+}
+/**
+* Sanitizes a URL by ensuring it uses a safe protocol.
+*
+* Returns the URL unchanged if it uses an allowed protocol (http:, https:, mailto:)
+* or is a relative path. Returns an empty string for dangerous protocols like
+* `javascript:`, `data:`, or `vbscript:`.
+*
+* @param url - The URL string to sanitize
+* @returns The original URL if safe, or an empty string if the protocol is disallowed
+*
+* @example
+* ```ts
+* sanitizeUrl("https://example.com");       // "https://example.com"
+* sanitizeUrl("/about");                     // "/about"
+* sanitizeUrl("javascript:alert(1)");        // ""
+* sanitizeUrl("data:text/html,<h1>Hi</h1>"); // ""
+* ```
+*/ function sanitizeUrl(url) {
+	return sanitizeUrlWithProtocols(url, SAFE_URL_PROTOCOLS);
+}
+/**
+* Sanitizes a rich-text link destination.
+*
+* In addition to safe web and email URLs, rich-text links may launch the
+* device's phone or messaging app through `tel:` and `sms:`. Relative links
+* remain valid, while executable and resource-only protocols are rejected.
+*
+* @param url - The link destination to sanitize
+* @returns The original URL if safe for an anchor, or an empty string otherwise
+*
+* @example
+* ```ts
+* sanitizeRichTextHref("sms:+15551234567"); // "sms:+15551234567"
+* sanitizeRichTextHref("javascript:alert(1)"); // ""
+* ```
+*/ function sanitizeRichTextHref(url) {
+	return sanitizeUrlWithProtocols(url, SAFE_RICH_TEXT_HREF_PROTOCOLS);
+}
+/**
+* Normalize a public site URL by stripping any trailing slash from the path.
+*
+* @param siteUrl - Full site URL, optionally with a path prefix
+* @returns Normalized site URL, or an empty string when not configured
+*/ function normalizeSiteUrl(siteUrl) {
+	const trimmed = siteUrl.trim();
+	if (!trimmed) return "";
+	const parsed = new URL(trimmed);
+	parsed.pathname = normalizeSitePathname(parsed.pathname) || "/";
+	if (parsed.pathname !== "/") parsed.pathname = parsed.pathname.replace(/\/+$/, "");
+	return parsed.toString().replace(/\/$/, parsed.pathname === "/" ? "/" : "");
+}
+/**
+* Extract the public path prefix from a full site URL.
+*
+* @param siteUrl - Full site URL
+* @returns Prefix like `/blog`, or an empty string when the site is rooted
+*/ function getSitePathPrefix$1(siteUrl) {
+	if (!siteUrl.trim()) return "";
+	return normalizeSitePathname(new URL(siteUrl).pathname);
+}
+/**
+* Extract the origin from a full site URL.
+*
+* @param siteUrl - Full site URL
+* @returns Origin like `https://example.com`, or an empty string when missing
+*/ function getSiteOrigin$1(siteUrl) {
+	if (!siteUrl.trim()) return "";
+	return new URL(siteUrl).origin;
+}
+/**
+* Build a normalized public site URL from an origin and optional path prefix.
+*
+* @param siteOrigin - Public site origin, such as `https://example.com`
+* @param sitePathPrefix - Public site path prefix, such as `/blog`
+* @returns Normalized site URL, or an empty string when no origin is configured
+*/ function buildSiteUrl(siteOrigin, sitePathPrefix = "") {
+	const trimmedOrigin = siteOrigin.trim();
+	if (!trimmedOrigin) return "";
+	const origin = new URL(trimmedOrigin).origin;
+	return normalizeSiteUrl(`${origin}${normalizeSitePathPrefix(sitePathPrefix) || "/"}`);
+}
+/**
+* Prefix an internal app path with the public site path prefix.
+*
+* Internal paths are always rooted at `/` and never include the deployment
+* prefix. This helper converts them to public-facing paths.
+*
+* @param path - Internal app path, such as `/settings`
+* @param sitePathPrefix - Public site path prefix, such as `/blog`
+* @returns Public path
+*/ function toPublicPath(path, sitePathPrefix = "") {
+	if (!path) return sitePathPrefix || "/";
+	const normalizedPath = path.startsWith("/") ? path : `/${path}`;
+	if (!sitePathPrefix) return normalizedPath;
+	if (normalizedPath === sitePathPrefix || normalizedPath.startsWith(`${sitePathPrefix}/`)) return normalizedPath;
+	if (normalizedPath === "/") return sitePathPrefix;
+	return `${sitePathPrefix}${normalizedPath}`;
+}
+/**
+* Convert an app-local href to its public path while leaving external URLs
+* unchanged.
+*
+* @param href - Internal app path or external URL
+* @param sitePathPrefix - Public site path prefix
+* @returns Public-facing href
+*/ function toPublicHref(href, sitePathPrefix = "") {
+	if (href.startsWith("http://") || href.startsWith("https://") || href.startsWith("//") || href.startsWith("mailto:") || href.startsWith("tel:") || href.startsWith("#")) return href;
+	return toPublicPath(href, sitePathPrefix);
+}
+/**
+* Check whether a path is a safe same-origin redirect target.
+*
+* Accepts only paths that start with a single `/` (no protocol-relative
+* `//host`, no scheme, no control characters). Callers should use this to
+* validate user-supplied `redirect` query parameters before issuing a
+* `Location` header.
+*
+* @param path - Candidate redirect path
+* @returns `true` when the path is safe to use as an internal redirect
+*
+* @example
+* ```ts
+* isSafeInternalRedirect("/settings") // true
+* isSafeInternalRedirect("//evil.example") // false
+* isSafeInternalRedirect("https://evil.example") // false
+* ```
+*/ function isSafeInternalRedirect(path) {
+	if (typeof path !== "string") return false;
+	if (!path.startsWith("/")) return false;
+	if (path.startsWith("//")) return false;
+	if (path.startsWith("/\\")) return false;
+	for (let i = 0; i < path.length; i += 1) {
+		const code = path.charCodeAt(i);
+		if (code < 32 || code === 127) return false;
+	}
+	return true;
+}
+/**
+* Remove the site path prefix from a public request pathname.
+*
+* @param pathname - Public request pathname
+* @param sitePathPrefix - Configured public site path prefix
+* @returns Internal pathname, or `null` when the request is outside the site
+*/ function stripSitePathPrefix(pathname, sitePathPrefix) {
+	if (!sitePathPrefix) return pathname || "/";
+	if (pathname === sitePathPrefix) return "/";
+	if (pathname.startsWith(`${sitePathPrefix}/`)) return pathname.slice(sitePathPrefix.length) || "/";
+	return null;
+}
+/**
+* Convert an internal or public path into an absolute site URL.
+*
+* @param path - Internal app path or already-public path
+* @param siteUrl - Normalized site URL
+* @param sitePathPrefix - Public site path prefix
+* @returns Absolute URL when siteUrl is configured, otherwise the original path
+*/ function toAbsoluteSiteUrl(path, siteUrl, sitePathPrefix = "") {
+	if (!siteUrl) return toPublicPath(path, sitePathPrefix);
+	return new URL(toPublicPath(path, sitePathPrefix), siteUrl).toString();
+}
+/**
+* Resolve a possibly-relative asset URL to an absolute URL, leaving
+* already-absolute (`http(s):`) and protocol-relative (`//host`) URLs
+* untouched. Use for assets — like media — whose stored URL may be either an
+* app-local path or a full CDN URL.
+*
+* @param url - Asset URL: an internal path or an already-absolute URL
+* @param siteUrl - Normalized site URL
+* @param sitePathPrefix - Public site path prefix
+* @returns Absolute URL, or the original value when it is already absolute
+*
+* @example
+* ```ts
+* toAbsoluteAssetUrl("/m/a.png", "https://site.com");   // "https://site.com/m/a.png"
+* toAbsoluteAssetUrl("https://cdn.example/a.png", "x"); // "https://cdn.example/a.png"
+* ```
+*/ function toAbsoluteAssetUrl(url, siteUrl, sitePathPrefix = "") {
+	if (isFullUrl(url) || url.startsWith("//")) return url;
+	return toAbsoluteSiteUrl(url, siteUrl, sitePathPrefix);
+}
+//#endregion
 //#region src/lib/favicon.ts
 /**
 * Convert an ArrayBuffer to a base64 string.
@@ -1428,29 +1950,91 @@ var VISIBILITIES = [
 	"latest_hidden",
 	"private"
 ];
-var SORT_ORDERS = [
-	"newest",
-	"oldest",
-	"rating_desc",
-	"rating_asc"
+/**
+* Layouts the archive page can render in. `list` renders the same timeline the
+* rest of the nav trio uses; `grid` renders the tile catalogue.
+*
+* Named "layout", not "view": on the archive, `view` is reserved for the
+* saved-selection concept, and the URL param follows the same split
+* (`?layout=grid`, with `?view=` kept only as the legacy spelling).
+*/ var ARCHIVE_LAYOUTS = ["list", "grid"];
+/**
+* Visibility values a signed-out reader may select on the archive.
+*
+* `featured` is a virtual member: it is a separate flag rather than a stored
+* visibility, and it lives here because the filter bar presents the two as one
+* dimension.
+*
+* `private` is deliberately absent. It names a set only the author can see, so
+* a reader who asks for it has to be told so — handing back a different set
+* under the same name is the one answer that is never right.
+*/ var PUBLIC_ARCHIVE_VISIBILITIES = [
+	"public",
+	"featured",
+	"latest_hidden"
 ];
-var COLLECTION_SORT_ORDERS = [
+/** Every visibility the author can select, in filter-bar order. */ var ARCHIVE_VISIBILITIES = [...PUBLIC_ARCHIVE_VISIBILITIES, "private"];
+/**
+* The range a `year` filter may name, inclusive at both ends.
+*
+* Unix timestamps start in 1970, so anything at or below it is a parse failure
+* rather than a very old archive.
+*
+* The ceiling is not pedantry. A year is translated into a pair of bounds with
+* `Date.UTC`, which returns `NaN` past year 275760 — and a `NaN` bound is a
+* comparison every row silently fails, so the page renders empty with nothing
+* to explain it. Four digits is the largest year a post can honestly carry, and
+* it is bounded in three places at once: the URL parser, the stored condition's
+* validator, and the table CHECK in both dialects.
+*/ var EARLIEST_FILTERABLE_YEAR = 1971;
+var LATEST_FILTERABLE_YEAR = 9999;
+/**
+* How a chronological query orders its results.
+*
+* `newest` and `oldest` read whichever time axis `PostFilters.sortBy` selects,
+* so "newest" on the activity axis means "last gained a post" and on the
+* published axis means "published last".
+*
+* Not to be confused with the archive's `?sort=`, which names a *time axis*
+* (`published` / `updated`) and always runs newest-first. Two vocabularies, and
+* mixing them is how month headers stop agreeing with the order beneath them.
+*/ var SORT_ORDERS = [
 	"newest",
 	"oldest",
 	"rating_desc"
 ];
+/**
+* The orders a collection offers its readers — the same three, deliberately.
+*
+* Kept as its own name because the two vocabularies answer different questions
+* (one orders a query, one is stored on a collection row and shown in a menu),
+* and pointing them at one array is what keeps them from drifting apart the way
+* the smart collection's fourth order once did.
+*/ var COLLECTION_SORT_ORDERS = SORT_ORDERS;
+/**
+* How a smart collection orders the posts its conditions gather.
+*
+* Identical to a manual collection's orders, and for the same reasons: on both,
+* `newest` means the Thread that last gained a post, not the Thread published
+* last. A smart collection briefly carried a fourth order named `updated` that
+* said the same thing in different words; folding it into `newest` left one
+* menu the reader can learn once.
+*/ var SMART_COLLECTION_SORT_ORDERS = COLLECTION_SORT_ORDERS;
 var NAV_ITEM_TYPES = [
 	"link",
 	"system",
 	"collection",
+	"smart_collection",
 	"page"
 ];
+var NAV_ITEM_PLACEMENTS = ["header", "more"];
 var SYSTEM_NAV_KEY_VALUES = [
 	"latest",
 	"featured",
 	"collections",
 	"archive",
 	"rss",
+	"subscribe",
 	"settings"
 ];
 var SYSTEM_NAV_KEYS = {
@@ -1467,34 +2051,80 @@ var SYSTEM_NAV_KEYS = {
 	collections: {
 		defaultLabel: "Collections",
 		url: "/collections",
-		defaultPlacement: "header"
+		defaultPlacement: "more"
 	},
 	archive: {
-		defaultLabel: "Archive",
+		defaultLabel: "All",
 		url: "/archive",
 		defaultPlacement: "header"
 	},
 	rss: {
-		defaultLabel: "Feed",
+		defaultLabel: "RSS",
 		url: "/feed",
 		defaultPlacement: "more"
 	},
+	subscribe: {
+		defaultLabel: "Subscribe",
+		url: "/subscribe",
+		defaultPlacement: "more"
+	},
 	settings: {
 		defaultLabel: "Settings",
 		url: "/settings",
 		defaultPlacement: "more"
 	}
 };
-var DEFAULT_NAVIGATION_PROFILE = { 1: {
-	version: 1,
-	systemKeys: [
-		"featured",
-		"collections",
-		"archive",
-		"rss",
-		"settings"
-	]
-} }[1];
+/**
+* The system nav entries that exist only while RSS feeds do.
+*
+* `rss` addresses the Atom document; `subscribe` addresses the page that
+* explains it, which 404s without feeds. Both disappear from the rendered
+* navigation when feeds are switched off — while staying in the database, so
+* placement and custom labels survive being switched back on.
+*/ var FEED_NAV_KEYS = ["rss", "subscribe"];
+/**
+* Whether a system nav key is one of the feed entries.
+*
+* @param key - A system nav key, or nothing for a non-system item
+* @returns Whether the entry depends on feeds being enabled
+* @example
+* isFeedNavKey("subscribe"); // true
+* isFeedNavKey("archive"); // false
+*/ function isFeedNavKey(key) {
+	return FEED_NAV_KEYS.includes(key ?? "");
+}
+var DEFAULT_NAVIGATION_PROFILE = {
+	1: {
+		version: 1,
+		systemKeys: [
+			"featured",
+			"collections",
+			"archive",
+			"rss",
+			"settings"
+		]
+	},
+	2: {
+		version: 2,
+		systemKeys: [
+			"featured",
+			"archive",
+			"collections",
+			"rss",
+			"settings"
+		]
+	},
+	3: {
+		version: 3,
+		systemKeys: [
+			"featured",
+			"archive",
+			"collections",
+			"subscribe",
+			"settings"
+		]
+	}
+}[3];
 var MAX_MEDIA_ATTACHMENTS = 20;
 var MAX_PINNED_POSTS = 3;
 var MAX_COLLECTION_DESCRIPTION_LENGTH = 2e3;
@@ -1513,7 +2143,42 @@ var STORAGE_DRIVERS = [
 	"s3",
 	"local"
 ];
-/** How long a collection nav item stays "fresh" after new content is added */ var COLLECTION_FRESHNESS_WINDOW_SECONDS = 2880 * 60;
+var PATH_KINDS = [
+	"slug",
+	"alias",
+	"redirect",
+	"archive"
+];
+/**
+* Row kinds the collections directory can hold.
+*
+* A `collection` row points at a collection and carries no text of its own; a
+* `divider` and a `link` carry text and point at nothing. The table CHECK in
+* both dialects is generated from this list, so a new kind is one edit here
+* plus the shape branch that describes which columns it fills.
+*/ var COLLECTION_DIRECTORY_ENTRY_TYPES = [
+	"collection",
+	"smart_collection",
+	"divider",
+	"link"
+];
+/** How long a collection nav item stays "fresh" after new content is added */ var COLLECTION_FRESHNESS_WINDOW_SECONDS = 172800;
+var SITE_STATUSES = ["active", "suspended"];
+var SITE_DOMAIN_KINDS = ["primary", "alias"];
+var SITE_MEMBER_ROLES = [
+	"owner",
+	"admin",
+	"editor"
+];
+var UPLOAD_SESSION_STATES = [
+	"pending",
+	"uploaded",
+	"completed",
+	"aborted",
+	"failed"
+];
+/** How a stored object is served: rendered in place, or downloaded. */ var CONTENT_DISPOSITIONS = ["inline", "attachment"];
+var GITHUB_APP_ACCOUNT_TYPES = ["User", "Organization"];
 //#endregion
 //#region src/types/config.ts
 /**
@@ -1574,19 +2239,22 @@ var STORAGE_DRIVERS = [
 			]
 		}
 	},
-	CJK_SERIF_FONT: {
-		defaultValue: "off",
+	MULTILINGUAL_ENABLED: {
+		defaultValue: "false",
 		envOnly: false,
-		envKeys: ["CJK_SERIF_FONT"],
-		editor: {
-			type: "enum",
-			options: [
-				"off",
-				"zh-Hans",
-				"zh-Hant",
-				"ja",
-				"ko"
-			]
+		configEditorLink: {
+			type: "boolean",
+			settingsPath: "/settings/language",
+			display: "value"
+		}
+	},
+	ADDITIONAL_LANGUAGES: {
+		defaultValue: "",
+		envOnly: false,
+		configEditorLink: {
+			type: "string",
+			settingsPath: "/settings/language",
+			display: "configured"
 		}
 	},
 	MAIN_RSS_FEED: {
@@ -1598,6 +2266,15 @@ var STORAGE_DRIVERS = [
 			options: ["featured", "latest"]
 		}
 	},
+	ARCHIVE_DEFAULT_LAYOUT: {
+		defaultValue: "list",
+		envOnly: false,
+		envKeys: ["ARCHIVE_DEFAULT_LAYOUT"],
+		editor: {
+			type: "enum",
+			options: ["list", "grid"]
+		}
+	},
 	DEFAULT_THEME: {
 		defaultValue: "tufte",
 		envOnly: true,
@@ -1649,7 +2326,7 @@ var STORAGE_DRIVERS = [
 		envKeys: ["DEMO_MODE"]
 	},
 	PAGE_SIZE: {
-		defaultValue: "50",
+		defaultValue: "25",
 		envOnly: false,
 		envKeys: ["PAGE_SIZE"],
 		editor: {
@@ -1928,6 +2605,16 @@ var STORAGE_DRIVERS = [
 		envKeys: ["RSS_FEEDS_ENABLED"],
 		editor: { type: "boolean" }
 	},
+	DISCOVER: {
+		defaultValue: "",
+		envOnly: false,
+		envKeys: ["DISCOVER"]
+	},
+	DISCOVER_ANNOUNCE_STATE: {
+		defaultValue: "",
+		envOnly: false,
+		internal: true
+	},
 	DISCOVERY_COMPOSE_OPEN_SHORTCUT_AT: {
 		defaultValue: "",
 		envOnly: false,
@@ -1948,11 +2635,6 @@ var STORAGE_DRIVERS = [
 		envOnly: false,
 		internal: true
 	},
-	DELETE_CSRF_TOKEN: {
-		defaultValue: "",
-		envOnly: false,
-		internal: true
-	},
 	GITHUB_SYNC_ENABLED: {
 		defaultValue: "false",
 		envOnly: false,
@@ -2003,27 +2685,36 @@ var STORAGE_DRIVERS = [
 		envOnly: false,
 		internal: true
 	},
-	GITHUB_SYNC_PENDING_AT: {
+	/**
+	* Unix-seconds timestamp captured when PENDING flips to "true".
+	* Read alongside PENDING to detect a stuck flag from a crashed /
+	* killed worker that never got to run its `finally` clause, so the
+	* status card self-heals instead of showing "Syncing…" forever.
+	*/ GITHUB_SYNC_PENDING_AT: {
 		defaultValue: "",
 		envOnly: false,
 		internal: true
 	},
-	GITHUB_SYNC_DIRTY: {
+	/**
+	* Set "true" when a trigger arrives while PENDING is already true.
+	* The running sync consults this after its push and loops once more
+	* so mid-push edits aren't lost.
+	*/ GITHUB_SYNC_DIRTY: {
 		defaultValue: "",
 		envOnly: false,
 		internal: true
 	},
-	GITHUB_SYNC_LAST_ERROR: {
+	/** Last sync error message — surfaced on the status page when non-empty. */ GITHUB_SYNC_LAST_ERROR: {
 		defaultValue: "",
 		envOnly: false,
 		internal: true
 	},
-	GITHUB_SYNC_AUTH_MODE: {
+	/** "pat" (default) or "app" — indicates which auth path to use for sync. */ GITHUB_SYNC_AUTH_MODE: {
 		defaultValue: "pat",
 		envOnly: false,
 		internal: true
 	},
-	GITHUB_SYNC_APP_INSTALLATION_ID: {
+	/** GitHub App installation id (only when AUTH_MODE = "app"). */ GITHUB_SYNC_APP_INSTALLATION_ID: {
 		defaultValue: "",
 		envOnly: false,
 		internal: true
@@ -2038,12 +2729,12 @@ var STORAGE_DRIVERS = [
 		envOnly: true,
 		envKeys: ["GITHUB_APP_PRIVATE_KEY"]
 	},
-	GITHUB_APP_SLUG: {
+	/** App slug used to build the installation URL `github.com/apps/<slug>`. */ GITHUB_APP_SLUG: {
 		defaultValue: "",
 		envOnly: true,
 		envKeys: ["GITHUB_APP_SLUG"]
 	},
-	GITHUB_APP_WEBHOOK_SECRET: {
+	/** Optional app-level webhook secret (overrides per-site secret for App-mode sites). */ GITHUB_APP_WEBHOOK_SECRET: {
 		defaultValue: "",
 		envOnly: true,
 		envKeys: ["GITHUB_APP_WEBHOOK_SECRET"]
@@ -2078,7 +2769,7 @@ var STORAGE_DRIVERS = [
 			display: "configured"
 		}
 	},
-	TELEGRAM_BOT_WEBHOOK_SECRET: {
+	/** Per-site `secret_token` for a bring-your-own bot's webhook. */ TELEGRAM_BOT_WEBHOOK_SECRET: {
 		defaultValue: "",
 		envOnly: false,
 		internal: true
@@ -2090,6 +2781,388 @@ var THEME_MODES = [
 	"dark"
 ];
 //#endregion
+//#region src/lib/display-text.ts
+/**
+* Normalize a user-visible text value.
+*
+* Trims surrounding whitespace and collapses empty or visually empty results
+* to `undefined` so callers can distinguish missing display copy from
+* intentionally present text.
+*
+* @param value - Candidate display text
+* @returns Trimmed text, or `undefined` when empty
+* @example
+* ```ts
+* normalizeDisplayText("  Hosted account  ");
+* // Returns: "Hosted account"
+* ```
+*/ var VISUALLY_EMPTY_FORMATTING_CHARS = /\u200B|\u200C|\u200D|\u2060|\uFEFF/g;
+function normalizeDisplayText(value) {
+	const normalized = value?.trim();
+	if (!normalized) return;
+	return normalized.replace(VISUALLY_EMPTY_FORMATTING_CHARS, "") ? normalized : void 0;
+}
+/**
+* Return the first non-empty display text from a list of candidates.
+*
+* Useful when UI copy needs a stable fallback chain such as configured label →
+* hostname → generic translated label.
+*
+* @param values - Candidate display text values in priority order
+* @returns The first trimmed non-empty candidate, or `undefined`
+* @example
+* ```ts
+* coalesceDisplayText("   ", undefined, "Hosted account");
+* // Returns: "Hosted account"
+* ```
+*/ function coalesceDisplayText(...values) {
+	for (const value of values) {
+		const normalized = normalizeDisplayText(value);
+		if (normalized) return normalized;
+	}
+}
+//#endregion
+//#region src/lib/env.ts
+var env_exports = /* @__PURE__ */ __exportAll({
+	DEFAULT_APP_PORT: () => DEFAULT_APP_PORT,
+	DEFAULT_DISCOVER_PING_URL: () => DEFAULT_DISCOVER_PING_URL,
+	getAuthSecret: () => getAuthSecret,
+	getConfiguredSingleSiteOrigin: () => getConfiguredSingleSiteOrigin,
+	getConfiguredSingleSitePathPrefix: () => getConfiguredSingleSitePathPrefix,
+	getConfiguredSingleSiteUrl: () => getConfiguredSingleSiteUrl,
+	getConfiguredStorageDriver: () => getConfiguredStorageDriver,
+	getCorsOrigins: () => getCorsOrigins,
+	getDataDir: () => getDataDir,
+	getDefaultStorageDriver: () => getDefaultStorageDriver,
+	getDevApiToken: () => getDevApiToken,
+	getDiscoverDefault: () => getDiscoverDefault,
+	getDiscoverDirectoryBaseUrl: () => getDiscoverDirectoryBaseUrl,
+	getDiscoverPingUrl: () => getDiscoverPingUrl,
+	getEnvString: () => getEnvString,
+	getGitHubAppConfig: () => getGitHubAppConfig,
+	getHostedControlPlaneBaseUrl: () => getHostedControlPlaneBaseUrl,
+	getHostedControlPlaneDomainCheckSecret: () => getHostedControlPlaneDomainCheckSecret,
+	getHostedControlPlaneInternalBaseUrl: () => getHostedControlPlaneInternalBaseUrl,
+	getHostedControlPlaneInternalToken: () => getHostedControlPlaneInternalToken,
+	getHostedControlPlaneProviderLabel: () => getHostedControlPlaneProviderLabel,
+	getHostedControlPlaneProviderName: () => getHostedControlPlaneProviderName,
+	getHostedControlPlaneSsoSecret: () => getHostedControlPlaneSsoSecret,
+	getInternalAdminToken: () => getInternalAdminToken,
+	getLocalStoragePath: () => getLocalStoragePath,
+	getPort: () => getPort,
+	getSiteOrigin: () => getSiteOrigin,
+	getSitePathPrefix: () => getSitePathPrefix,
+	getSiteResolutionMode: () => getSiteResolutionMode,
+	getSiteUrl: () => getSiteUrl,
+	getStorageDriverEnv: () => getStorageDriverEnv,
+	getTelegramBotPool: () => getTelegramBotPool,
+	getTelegramWebhookSecret: () => getTelegramWebhookSecret,
+	parsePortValue: () => parsePortValue,
+	shouldTrustProxy: () => shouldTrustProxy,
+	shouldUseSecureCookies: () => shouldUseSecureCookies
+});
+var DEFAULT_APP_PORT = 3e3;
+/** Jant's own directory, for a deployment that belongs to no other. */ var DEFAULT_DISCOVER_DIRECTORY_URL = "https://jant.me";
+/**
+* Where a directory receives announcements.
+*
+* The same path at every directory, which is what lets one base address stand
+* for the whole of it — and a long-lived public contract at Jant's own:
+* shipped self-hosted versions POST here for years, so it never moves.
+*/ var DISCOVER_PING_PATH = "/api/discover/ping";
+/** Where a deployment announces when nothing else names a directory. */ var DEFAULT_DISCOVER_PING_URL = `${DEFAULT_DISCOVER_DIRECTORY_URL}${DISCOVER_PING_PATH}`;
+function toEnvRecord(env) {
+	return env ?? {};
+}
+function normalizeEnvScalar(value) {
+	if (typeof value === "string") return value.length > 0 ? value : void 0;
+	if (typeof value === "number") return Number.isFinite(value) ? String(value) : void 0;
+	if (typeof value === "boolean") return value ? "true" : "false";
+}
+/**
+* Returns the first non-empty environment variable value from `keys`.
+*
+* Callers may provide multiple keys when a single semantic value can be
+* sourced from more than one binding at runtime.
+*/ function getEnvString(env, ...keys) {
+	const record = toEnvRecord(env);
+	for (const key of keys) {
+		const value = normalizeEnvScalar(record[key]);
+		if (value) return value;
+	}
+}
+/**
+* Parse a TCP port from an environment value.
+*
+* @param rawPort - Raw environment value to parse
+* @param fallback - Port to use when `rawPort` is empty
+* @returns The parsed port number
+* @example
+* parsePortValue("3000");
+*/ function parsePortValue(rawPort, fallback = DEFAULT_APP_PORT) {
+	if (!rawPort) return fallback;
+	const port = Number.parseInt(rawPort, 10);
+	if (!Number.isInteger(port) || port < 1 || port > 65535) throw new Error("PORT must be an integer between 1 and 65535.");
+	return port;
+}
+/**
+* Resolve the configured application port from environment bindings.
+*
+* @param env - Runtime environment bindings
+* @param fallback - Port to use when `PORT` is not set
+* @returns The resolved application port
+* @example
+* getPort({ PORT: "3000" });
+*/ function getPort(env, fallback = DEFAULT_APP_PORT) {
+	return parsePortValue(getEnvString(env, "PORT"), fallback);
+}
+function getSiteOrigin(env) {
+	const configuredOrigin = getEnvString(env, "SITE_ORIGIN");
+	return configuredOrigin ? new URL(configuredOrigin).origin : "";
+}
+function getSitePathPrefix(env) {
+	const configuredPrefix = getEnvString(env, "SITE_PATH_PREFIX");
+	return configuredPrefix ? normalizeSitePathPrefix(configuredPrefix) : "";
+}
+function getSiteUrl(env) {
+	return buildSiteUrl(getSiteOrigin(env), getSitePathPrefix(env));
+}
+function getConfiguredSingleSiteOrigin(env) {
+	return getSiteResolutionMode(env) === "single-site" ? getSiteOrigin(env) : "";
+}
+function getConfiguredSingleSitePathPrefix(env) {
+	return getSiteResolutionMode(env) === "single-site" ? getSitePathPrefix(env) : "";
+}
+/**
+* Returns the configured public site URL only when the instance runs in
+* `single-site` mode.
+*
+* @param env - Runtime environment bindings
+* @returns The configured `SITE_ORIGIN` + `SITE_PATH_PREFIX`, or an empty
+* string in `host-based` mode
+* @example
+* getConfiguredSingleSiteUrl({ SITE_ORIGIN: "https://example.com" });
+*/ function getConfiguredSingleSiteUrl(env) {
+	return getSiteResolutionMode(env) === "single-site" ? getSiteUrl(env) : "";
+}
+function getSiteResolutionMode(env) {
+	return getEnvString(env, "SITE_RESOLUTION_MODE") === "host-based" ? "host-based" : "single-site";
+}
+function getAuthSecret(env) {
+	return getEnvString(env, "AUTH_SECRET");
+}
+function getDevApiToken(env) {
+	return getEnvString(env, "DEV_API_TOKEN");
+}
+function getInternalAdminToken(env) {
+	return getEnvString(env, "INTERNAL_ADMIN_TOKEN");
+}
+function getHostedControlPlaneBaseUrl(env) {
+	return getEnvString(env, "HOSTED_CONTROL_PLANE_BASE_URL");
+}
+function getHostedControlPlaneDomainCheckSecret(env) {
+	return getEnvString(env, "HOSTED_CONTROL_PLANE_DOMAIN_CHECK_SECRET");
+}
+function getHostedControlPlaneInternalBaseUrl(env) {
+	return getEnvString(env, "HOSTED_CONTROL_PLANE_INTERNAL_BASE_URL") ?? getHostedControlPlaneBaseUrl(env);
+}
+function getHostedControlPlaneProviderName(env) {
+	return getEnvString(env, "HOSTED_CONTROL_PLANE_PROVIDER_NAME");
+}
+function getHostedControlPlaneProviderLabel(env) {
+	const configuredName = normalizeDisplayText(getHostedControlPlaneProviderName(env));
+	if (configuredName) return configuredName;
+	const hostedControlPlaneBaseUrl = getHostedControlPlaneBaseUrl(env);
+	if (!hostedControlPlaneBaseUrl) return;
+	return new URL(hostedControlPlaneBaseUrl).hostname;
+}
+function getHostedControlPlaneSsoSecret(env) {
+	return getEnvString(env, "HOSTED_CONTROL_PLANE_SSO_SECRET");
+}
+function getHostedControlPlaneInternalToken(env) {
+	return getEnvString(env, "HOSTED_CONTROL_PLANE_INTERNAL_TOKEN");
+}
+/**
+* Which directory this deployment belongs to, resolved against one base.
+*
+* `DISCOVER_PING_URL` is read presence-aware rather than through
+* `getEnvString`, because the two states that matter are spelled differently:
+* an **absent** binding means "work it out", while a binding set to the
+* **empty string** means "announce nowhere". `getEnvString` collapses both
+* into undefined, which would make the documented way of switching the ping
+* off silently fall back to switching it on.
+*
+* With nothing configured, a deployment that hosts blogs belongs to its own
+* control plane's directory. Naming that twice is what let the two drift: a
+* hosted deployment pointed at one control plane announced its blogs to
+* jant.me, which knows nothing about them, and the failure was recorded where
+* nobody reads it.
+*
+* @param env - Worker bindings or `process.env`
+* @param controlPlaneBaseUrl - The control plane to fall back to, public or
+*   internal depending on who is asking
+* @returns A URL on the directory's origin, or undefined when there is none
+*/ function resolveDiscoverDirectory(env, controlPlaneBaseUrl) {
+	const record = toEnvRecord(env);
+	if (Object.hasOwn(record, "DISCOVER_PING_URL")) return normalizeEnvScalar(record["DISCOVER_PING_URL"])?.trim() || void 0;
+	if (controlPlaneBaseUrl) try {
+		return new URL(DISCOVER_PING_PATH, controlPlaneBaseUrl).toString();
+	} catch {}
+	return DEFAULT_DISCOVER_PING_URL;
+}
+/**
+* Where a site announces itself when its owner turns Jant Discover on.
+*
+* Server-to-server, so a hosted deployment reaches its control plane by the
+* internal address like every other core→cloud call — the ping carries no
+* secret, but the internal route is the one that works without depending on
+* the public hostname resolving and its certificate being trusted from inside.
+*
+* @param env - Worker bindings or `process.env`
+* @returns The endpoint to announce to, or undefined when announcing is off
+* @example
+* ```ts
+* getDiscoverPingUrl({}); // the default directory
+* getDiscoverPingUrl({ DISCOVER_PING_URL: "" }); // undefined — off
+* ```
+*/ function getDiscoverPingUrl(env) {
+	return resolveDiscoverDirectory(env, getHostedControlPlaneInternalBaseUrl(env));
+}
+/**
+* The directory a site owner is sent to, for the links on the settings page.
+*
+* The public counterpart of `getDiscoverPingUrl`: same directory, the address
+* a browser can open. Both derive from the same configuration, so the page can
+* never link to one directory while announcing to another.
+*
+* @param env - Worker bindings or `process.env`
+* @returns The directory's base URL, or undefined when there is no directory
+* @example
+* ```ts
+* getDiscoverDirectoryBaseUrl({}); // "https://jant.me/"
+* getDiscoverDirectoryBaseUrl({ DISCOVER_PING_URL: "" }); // undefined
+* ```
+*/ function getDiscoverDirectoryBaseUrl(env) {
+	const resolved = resolveDiscoverDirectory(env, getHostedControlPlaneBaseUrl(env));
+	if (!resolved) return void 0;
+	try {
+		return new URL("/", resolved).toString();
+	} catch {
+		return;
+	}
+}
+/**
+* What this deployment lists in Jant Discover by default.
+*
+* Absent for a self-hosted site, and that is the point: with nothing stored
+* and nothing configured, a site declares `none` and stays out of every
+* directory until its owner turns it on. Hosted Jant sets `DISCOVER=latest`,
+* so the blogs it serves are listed without each owner having to ask.
+*
+* A default, not a choice — the site's own stored setting overrides it, and
+* so does `noindex`. See `resolveDiscoverMode`.
+*
+* @param env - Worker bindings or `process.env`
+* @returns The raw binding value, for `resolveDiscoverMode` to parse
+* @example
+* ```ts
+* getDiscoverDefault({}); // undefined — opt-in
+* getDiscoverDefault({ DISCOVER: "latest" }); // "latest"
+* ```
+*/ function getDiscoverDefault(env) {
+	return getEnvString(env, "DISCOVER");
+}
+function getStorageDriverEnv(env) {
+	return getEnvString(env, "STORAGE_DRIVER");
+}
+function getDataDir(env) {
+	return getEnvString(env, "DATA_DIR");
+}
+function joinDataSubpath(dataDir, child) {
+	return `${dataDir.replace(/[\\/]+$/, "")}/${child}`;
+}
+function getLocalStoragePath(env) {
+	const explicit = getEnvString(env, "LOCAL_STORAGE_PATH");
+	if (explicit) return explicit;
+	const dataDir = getDataDir(env);
+	return dataDir ? joinDataSubpath(dataDir, "media") : void 0;
+}
+function getDefaultStorageDriver(env) {
+	const record = toEnvRecord(env);
+	return record["NODE_SQLITE"] || record["NODE_DATABASE"] ? "local" : "r2";
+}
+function getConfiguredStorageDriver(env) {
+	return getStorageDriverEnv(env) ?? getDefaultStorageDriver(env);
+}
+/**
+* Returns the parsed CORS origins configuration.
+*
+* @param env - Runtime environment bindings
+* @returns `"*"` to allow all origins, an array of allowed origin strings,
+*          or `undefined` when CORS is disabled
+*
+* @example
+* ```ts
+* getCorsOrigins({ CORS_ORIGINS: "*" }); // "*"
+* getCorsOrigins({ CORS_ORIGINS: "https://a.com,chrome-extension://id" });
+* // ["https://a.com", "chrome-extension://id"]
+* getCorsOrigins({}); // "*"
+* ```
+*/ function getCorsOrigins(env) {
+	const raw = getEnvString(env, "CORS_ORIGINS") ?? "*";
+	if (!raw) return;
+	if (raw === "*") return "*";
+	const origins = raw.split(",").map((s) => s.trim()).filter((s) => s.length > 0);
+	return origins.length > 0 ? origins : void 0;
+}
+function getGitHubAppConfig(env) {
+	const appId = getEnvString(env, "GITHUB_APP_ID");
+	const rawKey = getEnvString(env, "GITHUB_APP_PRIVATE_KEY");
+	const slug = getEnvString(env, "GITHUB_APP_SLUG");
+	if (!appId || !rawKey || !slug) return null;
+	return {
+		appId,
+		privateKey: rawKey.includes("\\n") ? rawKey.replace(/\\n/g, "\n") : rawKey,
+		slug,
+		webhookSecret: getEnvString(env, "GITHUB_APP_WEBHOOK_SECRET")
+	};
+}
+function shouldTrustProxy(env) {
+	return getEnvString(env, "TRUST_PROXY") === "true";
+}
+/**
+* Parses the platform-managed Telegram bot pool from `TELEGRAM_BOT_TOKENS`.
+*
+* The env value is a comma-separated list of `<bot_id>:<secret>` tokens. The
+* first entry is the public-facing bot (`bot1`); the rest are surfaced only
+* contextually when a binding code reaches an already-bound bot slot.
+*
+* @param env - Runtime environment bindings
+* @returns Parsed pool bots in declared order; empty when unset/invalid
+* @example
+* getTelegramBotPool({ TELEGRAM_BOT_TOKENS: "111:aaa,222:bbb" });
+*/ function getTelegramBotPool(env) {
+	const raw = getEnvString(env, "TELEGRAM_BOT_TOKENS");
+	if (!raw) return [];
+	return raw.split(",").map((entry) => entry.trim()).filter((entry) => entry.length > 0).map((token) => {
+		return {
+			botId: token.split(":")[0]?.trim() ?? "",
+			token
+		};
+	}).filter((bot) => bot.botId.length > 0);
+}
+/**
+* Returns the shared `secret_token` used when registering every pool bot's
+* webhook. Only meaningful alongside `TELEGRAM_BOT_TOKENS`.
+*/ function getTelegramWebhookSecret(env) {
+	return getEnvString(env, "TELEGRAM_WEBHOOK_SECRET");
+}
+function shouldUseSecureCookies(env, publicRequestUrl) {
+	const siteOrigin = getConfiguredSingleSiteOrigin(env);
+	if (siteOrigin) return new URL(siteOrigin).protocol === "https:";
+	return new URL(publicRequestUrl).protocol === "https:";
+}
+//#endregion
 //#region src/lib/time.ts
 var time_exports = /* @__PURE__ */ __exportAll({
 	formatDate: () => formatDate,
@@ -2097,6 +3170,7 @@ var time_exports = /* @__PURE__ */ __exportAll({
 	formatRelativeTime: () => formatRelativeTime,
 	formatTime: () => formatTime,
 	formatYearMonth: () => formatYearMonth,
+	formatYearMonthLabel: () => formatYearMonthLabel,
 	isWithinMonth: () => isWithinMonth,
 	now: () => now,
 	toISOString: () => toISOString
@@ -2122,7 +3196,7 @@ var time_exports = /* @__PURE__ */ __exportAll({
 }
 /**
 * One month in seconds
-*/ var ONE_MONTH = 720 * 60 * 60;
+*/ var ONE_MONTH = 2592e3;
 /**
 * Checks if a Unix timestamp is within the last 30 days.
 *
@@ -2293,6 +3367,32 @@ function formatYearMonth(timestamp, timeZone = "UTC") {
 	}).formatToParts(date);
 	return `${parts.find((part) => part.type === "year")?.value ?? "1970"}-${parts.find((part) => part.type === "month")?.value ?? "01"}`;
 }
+/**
+* Formats a "YYYY-MM" grouping key as a readable month label.
+*
+* The label is always en-US, matching the archive's other month copy — the
+* grid header and the list marker read from this one function so their labels
+* cannot drift apart.
+*
+* @param yearMonth - Year-month string in "YYYY-MM" format
+* @returns Month label such as "February 2024", or null when the key is malformed
+*
+* @example
+* ```ts
+* const label = formatYearMonthLabel("2024-02");
+* // Returns: "February 2024"
+* ```
+*/ function formatYearMonthLabel(yearMonth) {
+	const [year, month] = yearMonth.split("-");
+	if (!year || !month) return null;
+	const yearNumber = parseInt(year, 10);
+	const monthNumber = parseInt(month, 10);
+	if (!Number.isInteger(yearNumber) || !Number.isInteger(monthNumber)) return null;
+	return new Date(yearNumber, monthNumber - 1).toLocaleDateString("en-US", {
+		year: "numeric",
+		month: "long"
+	});
+}
 //#endregion
 //#region src/lib/footnotes.ts
 /**
@@ -2567,23 +3667,6 @@ function hasCanonicalFootnoteNode(node) {
 	};
 }
 //#endregion
-//#region src/lib/html.ts
-/**
-* HTML Utilities
-*/ /**
-* Escape HTML special characters for safe insertion into HTML strings.
-*
-* @param str - The string to escape
-* @returns The escaped string
-* @example
-* ```ts
-* escapeHtml('<script>alert("xss")<\/script>')
-* // '&lt;script&gt;alert(&quot;xss&quot;)&lt;/script&gt;'
-* ```
-*/ function escapeHtml(str) {
-	return str.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
-}
-//#endregion
 //#region src/lib/embed-providers.ts
 /**
 * Embed Provider Registry
@@ -3244,18 +4327,11 @@ function createRenderContext(footnotes) {
 		content: doc.content.slice(start, end)
 	});
 }
-//#endregion
-//#region src/lib/summary.ts
-/**
-* Summary Extraction from Tiptap JSON
-*
-* Extracts plain-text and HTML summaries from a Tiptap JSON document
-* for use in feeds, meta descriptions, and article previews.
-*/
+var NOTE_SUMMARY_MAX_CHARS = 1500;
 /**
 * Block node types that carry user-visible content for summary extraction.
 * Structural nodes (horizontalRule, moreBreak, image) are excluded.
-*/ var SUMMARY_BLOCK_TYPES = new Set([
+*/ var SUMMARY_BLOCK_TYPES = /* @__PURE__ */ new Set([
 	"paragraph",
 	"heading",
 	"bulletList",
@@ -3293,7 +4369,7 @@ function createRenderContext(footnotes) {
 * Content-bearing TipTap node types whose text should be indexed for search.
 * Block-level containers (bulletList, orderedList, table, etc.) are included
 * because they recurse into child nodes that carry text.
-*/ var SEARCHABLE_TYPES = new Set([
+*/ var SEARCHABLE_TYPES = /* @__PURE__ */ new Set([
 	"doc",
 	"paragraph",
 	"heading",
@@ -3489,6 +4565,32 @@ function extractSummary(bodyJson, maxBlocks, maxChars) {
 		breakAtIndex: lastSelectedIdx + 1
 	};
 }
+/**
+* Extract the summary the site's timeline shows for a post, at the boundary
+* the timeline uses.
+*
+* Wraps {@link extractSummaryHtml} with the limits that decide where a card
+* stops: a titled post is an article whose excerpt is a teaser, an untitled one
+* is a note whose body is the content and only needs a cap. Callers that need
+* that boundary — the feed renderer, the theme exporter — share this rather
+* than repeating five numbers each.
+*
+* @param bodyJson - TipTap JSON body, or null/undefined for a post without one
+* @param hasTitle - Whether the post has a title, which makes it an article
+* @param renderOptions - Renderer options, notably the footnote namespace
+* @returns The truncated HTML and whether content continues, or null when
+*   there is no TipTap document to truncate
+* @example
+* extractTimelineSummary(post.body, !!post.title, { namespace: post.id });
+* // { html: "<p>Intro</p>", hasMore: true }
+*/ function extractTimelineSummary(bodyJson, hasTitle, renderOptions = {}) {
+	if (!bodyJson) return null;
+	const result = extractSummaryHtml(bodyJson, hasTitle ? 5 : 10, hasTitle ? 500 : NOTE_SUMMARY_MAX_CHARS, hasTitle ? 0 : 200, renderOptions);
+	return result ? {
+		html: result.html,
+		hasMore: result.hasMore
+	} : null;
+}
 //#endregion
 //#region src/lib/markdown-manager.ts
 var MARKDOWN_MARKED_OPTIONS = {
@@ -4010,12 +5112,11 @@ var MarkdownFootnoteDefinition = Node.create({
 		}];
 	},
 	renderHTML({ node }) {
-		const label = normalizeFootnoteLabel(node.attrs.label);
 		return [
 			"div",
 			{
 				"data-footnote-definition": "",
-				"data-footnote-label": label,
+				"data-footnote-label": normalizeFootnoteLabel(node.attrs.label),
 				class: "tiptap-footnote-definition"
 			},
 			0
@@ -4288,6 +5389,28 @@ function serializeMarkdownDocument(doc) {
 	return plain.slice(0, maxLength).trim() + "...";
 }
 //#endregion
+//#region src/lib/markdown-to-tiptap.ts
+/**
+* Markdown → TipTap JSON Conversion
+*
+* Converts Markdown strings to TipTap JSON documents using the official
+* Tiptap MarkdownManager and the same extension schema used elsewhere in Jant.
+*/
+/**
+* Converts a Markdown string to a TipTap JSON document string.
+*
+* @param markdown - Markdown source text
+* @returns Stringified TipTap JSON document
+*
+* @example
+* ```ts
+* const json = markdownToTiptapJson("Hello **world**");
+* // '{"type":"doc","content":[{"type":"paragraph","content":[...]}]}'
+* ```
+*/ function markdownToTiptapJson(markdown) {
+	return JSON.stringify(parseMarkdownDocument(markdown));
+}
+//#endregion
 //#region src/lib/tiptap-to-markdown.ts
 /**
 * Tiptap JSON → Markdown Converter
@@ -4316,6 +5439,279 @@ function serializeMarkdownDocument(doc) {
 	}
 }
 //#endregion
+//#region src/lib/github-app.ts
+var github_app_exports = /* @__PURE__ */ __exportAll({
+	buildInstallUrl: () => buildInstallUrl,
+	createAppJwt: () => createAppJwt,
+	getInstallation: () => getInstallation,
+	getInstallationToken: () => getInstallationToken,
+	listInstallationReposPage: () => listInstallationReposPage,
+	searchInstallationRepos: () => searchInstallationRepos
+});
+/**
+* GitHub App authentication helpers.
+*
+* Implements the App → installation token exchange using Web Crypto so it
+* runs unchanged in Cloudflare Workers and Node 18+.
+*
+* Flow:
+*  1. Sign a short-lived JWT with the App's RSA private key (RS256).
+*  2. Exchange the JWT for a per-installation access token.
+*  3. Cache the installation token in-process until shortly before expiry.
+*
+* The installation token can then be passed to `createGitHubClient` the same
+* way a PAT is — the downstream client is auth-agnostic.
+*/ var GITHUB_API = "https://api.github.com";
+var tokenCache = /* @__PURE__ */ new Map();
+var CACHE_SAFETY_MARGIN_SECONDS = 60;
+function cacheKey(appId, installationId) {
+	return `${appId}:${installationId}`;
+}
+function base64UrlEncode(input) {
+	let bytes;
+	if (typeof input === "string") bytes = new TextEncoder().encode(input);
+	else if (input instanceof Uint8Array) bytes = input;
+	else bytes = new Uint8Array(input);
+	let binary = "";
+	for (let i = 0; i < bytes.length; i++) binary += String.fromCharCode(bytes[i]);
+	return btoa(binary).replace(/\+/g, "-").replace(/\//g, "_").replace(/=+$/, "");
+}
+/**
+* ASN.1 DER length encoding (short form for < 128, long form otherwise).
+* Used to wrap a PKCS#1 key inside a PKCS#8 envelope.
+*/ function encodeDerLength(len) {
+	if (len < 128) return [len];
+	if (len <= 255) return [129, len];
+	if (len <= 65535) return [
+		130,
+		len >> 8 & 255,
+		len & 255
+	];
+	throw new Error("Private key too large to encode");
+}
+/**
+* Wrap a PKCS#1 `RSAPrivateKey` DER blob in a PKCS#8 `PrivateKeyInfo` envelope.
+* Web Crypto's `importKey("pkcs8", ...)` only accepts PKCS#8, but GitHub
+* hands out PKCS#1 PEMs (`-----BEGIN RSA PRIVATE KEY-----`) by default, so
+* we wrap on the fly when we detect that header.
+*/ function wrapPkcs1AsPkcs8(pkcs1) {
+	const rsaAlgorithmIdentifier = [
+		48,
+		13,
+		6,
+		9,
+		42,
+		134,
+		72,
+		134,
+		247,
+		13,
+		1,
+		1,
+		1,
+		5,
+		0
+	];
+	const version = [
+		2,
+		1,
+		0
+	];
+	const octetStringHeader = [4, ...encodeDerLength(pkcs1.length)];
+	const bodyLen = version.length + rsaAlgorithmIdentifier.length + octetStringHeader.length + pkcs1.length;
+	const outerHeader = [48, ...encodeDerLength(bodyLen)];
+	const out = new Uint8Array(outerHeader.length + bodyLen);
+	let off = 0;
+	out.set(outerHeader, off);
+	off += outerHeader.length;
+	out.set(version, off);
+	off += version.length;
+	out.set(rsaAlgorithmIdentifier, off);
+	off += rsaAlgorithmIdentifier.length;
+	out.set(octetStringHeader, off);
+	off += octetStringHeader.length;
+	out.set(pkcs1, off);
+	return out;
+}
+function pemToPkcs8(pem) {
+	const isPkcs1 = /-----BEGIN RSA PRIVATE KEY-----/.test(pem);
+	const cleaned = pem.replace(/-----BEGIN [^-]+-----/g, "").replace(/-----END [^-]+-----/g, "").replace(/\s+/g, "");
+	if (!cleaned) throw new Error("Empty GitHub App private key");
+	const binary = atob(cleaned);
+	const rawDer = new Uint8Array(binary.length);
+	for (let i = 0; i < binary.length; i++) rawDer[i] = binary.charCodeAt(i);
+	const pkcs8 = isPkcs1 ? wrapPkcs1AsPkcs8(rawDer) : rawDer;
+	const out = new ArrayBuffer(pkcs8.byteLength);
+	new Uint8Array(out).set(pkcs8);
+	return out;
+}
+async function importPrivateKey(pem) {
+	return crypto.subtle.importKey("pkcs8", pemToPkcs8(pem), {
+		name: "RSASSA-PKCS1-v1_5",
+		hash: "SHA-256"
+	}, false, ["sign"]);
+}
+/**
+* Create a JWT signed with the GitHub App's private key.
+*
+* GitHub allows up to 10 minutes; we issue 9 minutes with a 60s backdated `iat`
+* to tolerate clock skew.
+*/ async function createAppJwt(appId, privateKeyPem) {
+	const now = Math.floor(Date.now() / 1e3);
+	const header = {
+		alg: "RS256",
+		typ: "JWT"
+	};
+	const payload = {
+		iat: now - 60,
+		exp: now + 540,
+		iss: appId
+	};
+	const signingInput = `${base64UrlEncode(JSON.stringify(header))}.${base64UrlEncode(JSON.stringify(payload))}`;
+	const key = await importPrivateKey(privateKeyPem);
+	return `${signingInput}.${base64UrlEncode(await crypto.subtle.sign("RSASSA-PKCS1-v1_5", key, new TextEncoder().encode(signingInput)))}`;
+}
+/**
+* Fetch (or reuse) a short-lived installation access token.
+*
+* Results are cached in-process until `CACHE_SAFETY_MARGIN_SECONDS` before the
+* real expiry so the same token can be reused across a burst of API calls.
+*/ async function getInstallationToken(app, installationId) {
+	const key = cacheKey(app.appId, installationId);
+	const cached = tokenCache.get(key);
+	const nowSec = Math.floor(Date.now() / 1e3);
+	if (cached && cached.expiresAt > nowSec) return cached.token;
+	const jwt = await createAppJwt(app.appId, app.privateKey);
+	const res = await fetch(`${GITHUB_API}/app/installations/${installationId}/access_tokens`, {
+		method: "POST",
+		headers: {
+			Accept: "application/vnd.github+json",
+			Authorization: `Bearer ${jwt}`,
+			"User-Agent": "jant-github-sync",
+			"X-GitHub-Api-Version": "2022-11-28"
+		}
+	});
+	if (!res.ok) {
+		const body = await res.text();
+		throw new Error(`GitHub App token exchange failed (${res.status}): ${body}`);
+	}
+	const data = await res.json();
+	const expiresAt = Math.floor(new Date(data.expires_at).getTime() / 1e3) - CACHE_SAFETY_MARGIN_SECONDS;
+	tokenCache.set(key, {
+		token: data.token,
+		expiresAt
+	});
+	return data.token;
+}
+/**
+* Build the URL users visit to install the GitHub App on their account/org.
+*
+* `state` is a CSRF token the caller should verify on the redirect back.
+*/ function buildInstallUrl(slug, state) {
+	const params = new URLSearchParams({ state });
+	return `https://github.com/apps/${encodeURIComponent(slug)}/installations/new?${params.toString()}`;
+}
+/**
+* Fetch metadata for a given installation, including the account it's
+* installed on. Uses an App JWT because the target endpoint is
+* `/app/installations/{id}`, which is App-scoped, not installation-scoped.
+*/ async function getInstallation(app, installationId) {
+	const jwt = await createAppJwt(app.appId, app.privateKey);
+	const res = await fetch(`${GITHUB_API}/app/installations/${encodeURIComponent(installationId)}`, { headers: {
+		Accept: "application/vnd.github+json",
+		Authorization: `Bearer ${jwt}`,
+		"User-Agent": "jant-github-sync",
+		"X-GitHub-Api-Version": "2022-11-28"
+	} });
+	if (!res.ok) {
+		const body = await res.text();
+		throw new Error(`Fetching installation failed (${res.status}): ${body}`);
+	}
+	const data = await res.json();
+	const type = data.account.type === "Organization" ? "Organization" : "User";
+	return { account: {
+		login: data.account.login,
+		type,
+		avatarUrl: data.account.avatar_url ?? ""
+	} };
+}
+/**
+* Fetch a single page of installation repositories.
+*
+* Used by the picker for lazy-loading. Callers can either stop after the
+* first page (UI does local filtering) or keep paging for larger accounts.
+* For search, prefer `searchInstallationRepos` — this endpoint does not
+* support a query parameter.
+*/ async function listInstallationReposPage(app, installationId, page, perPage = 100) {
+	const token = await getInstallationToken(app, installationId);
+	const res = await fetch(`${GITHUB_API}/installation/repositories?per_page=${perPage}&page=${page}`, { headers: {
+		Accept: "application/vnd.github+json",
+		Authorization: `Bearer ${token}`,
+		"User-Agent": "jant-github-sync",
+		"X-GitHub-Api-Version": "2022-11-28"
+	} });
+	if (!res.ok) {
+		const body = await res.text();
+		throw new Error(`Listing installation repos failed: ${res.status} ${body}`);
+	}
+	const data = await res.json();
+	const repos = data.repositories.slice().sort((a, b) => {
+		const at = Date.parse(a.updated_at ?? a.created_at ?? "") || 0;
+		return (Date.parse(b.updated_at ?? b.created_at ?? "") || 0) - at;
+	}).map((r) => ({
+		fullName: r.full_name,
+		name: r.name,
+		private: r.private,
+		defaultBranch: r.default_branch
+	}));
+	const hasMore = repos.length === perPage;
+	return {
+		repos,
+		totalCount: data.total_count,
+		hasMore,
+		nextPage: hasMore ? page + 1 : null
+	};
+}
+/**
+* Search the installation's repositories via `GET /search/repositories`.
+*
+* GitHub's Search API doesn't scope automatically to an installation, so
+* we filter server-side by the installation's account login. This keeps
+* results relevant while still covering repos past the first 100.
+*
+* The `q` string is wrapped (caller passes raw user input, we add the
+* scope qualifier). Uses the installation token for auth.
+*/ async function searchInstallationRepos(app, installationId, accountLogin, q, perPage = 30) {
+	const token = await getInstallationToken(app, installationId);
+	const fullQuery = `${q} in:name user:${accountLogin} fork:true`;
+	const params = new URLSearchParams({
+		q: fullQuery,
+		per_page: String(perPage),
+		sort: "updated",
+		order: "desc"
+	});
+	const res = await fetch(`${GITHUB_API}/search/repositories?${params.toString()}`, { headers: {
+		Accept: "application/vnd.github+json",
+		Authorization: `Bearer ${token}`,
+		"User-Agent": "jant-github-sync",
+		"X-GitHub-Api-Version": "2022-11-28"
+	} });
+	if (!res.ok) {
+		const body = await res.text();
+		throw new Error(`Searching repos failed: ${res.status} ${body}`);
+	}
+	const data = await res.json();
+	return {
+		repos: data.items.map((r) => ({
+			fullName: r.full_name,
+			name: r.name,
+			private: r.private,
+			defaultBranch: r.default_branch
+		})),
+		totalCount: data.total_count
+	};
+}
+//#endregion
 //#region src/db/thread-activity.ts
 /**
 * Thread activity — one definition, shared by every surface that orders by it.
@@ -4473,6 +5869,7 @@ function serializeMarkdownDocument(doc) {
 	"status",
 	"visibility",
 	"summary_text",
+	"truncated",
 	"link_url",
 	"source_name",
 	"source_url",
@@ -4521,19 +5918,19 @@ function serializeMarkdownDocument(doc) {
 }
 //#endregion
 //#region src/styles/tokens.css?raw
-var tokens_default = "/**\n * Design Tokens\n *\n * CSS custom properties for all visual aspects of the UI.\n * These are the stable customization API — override in custom CSS\n * to change typography, layout, surfaces, and element sizing.\n */\n\n:root {\n  /* Typography — Font families */\n  --font-cjk-serif-fallback: \"Jant Language Fallback\";\n  --font-cjk-sans-fallback: \"Jant Language Fallback\";\n  --font-body:\n    system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto,\n    \"Helvetica Neue\", Helvetica, Arial, var(--font-cjk-sans-fallback),\n    sans-serif;\n  --font-heading:\n    \"New York Small\", \"New York\", \"Iowan Old Style\", Charter,\n    \"Bitstream Charter\", \"Source Serif 4\", Cambria, \"Sitka Text\", Georgia,\n    var(--font-cjk-serif-fallback), ui-serif, serif;\n  --font-site-title:\n    \"New York Small\", \"New York\", \"Iowan Old Style\", Charter,\n    \"Bitstream Charter\", \"Source Serif 4\", Cambria, \"Sitka Text\", Georgia,\n    var(--font-cjk-serif-fallback), ui-serif, serif;\n  --font-serif:\n    var(--font-cjk-serif-fallback), ui-serif, \"New York Small\", \"New York\",\n    \"Iowan Old Style\", Charter, Georgia, \"Times New Roman\", Times, serif;\n  --font-ui:\n    system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto,\n    \"Helvetica Neue\", Helvetica, Arial, var(--font-cjk-sans-fallback),\n    sans-serif;\n  --font-mono:\n    ui-monospace, Menlo, Monaco, Consolas, \"Cascadia Code\", \"Courier New\",\n    monospace;\n  /*\n   * Blockquote font family.\n   *\n   * Defaults to `inherit` so blockquotes follow the body font in sans-only\n   * themes (Clean, Friendly, Bold) and serif-only themes (Tufte, Bookish).\n   * Mixed themes that want a distinct blockquote voice — e.g. Classic, which\n   * pairs a sans body with serif headings — override this token in their\n   * `cssVariables` to point at a serif stack. This also restores a type-level\n   * distinction for CJK, where italic is disabled.\n   */\n  --font-blockquote: inherit;\n\n  /* Typography — Font weights */\n  --fw-light: 300;\n  --fw-regular: 400;\n  --fw-medium: 500;\n  --fw-semibold: 600;\n  --fw-bold: 700;\n  --fw-extrabold: 800;\n  /*\n   * Unified type scale.\n   *\n   * Every font-size in the system — reading content AND UI controls —\n   * must reference one of these tokens. No raw rem/px values elsewhere.\n   *\n   *   --type-display    2.7rem  (40.5px) — page titles, h1\n   *   --type-title      2.1rem  (31.5px) — h2, feed card titles\n   *   --type-subtitle   1.8rem  (27px)   — h3\n   *   --type-body       1.4rem  (21px)   — running text, form inputs\n   *   --type-secondary  1.1rem  (16.5px) — meta, nav, sidenotes, UI labels\n   *   --type-base       1.0rem  (15px)   — UI buttons, controls\n   *   --type-sm         0.9rem  (13.5px) — small UI text\n   *   --type-xs         0.8rem  (12px)   — captions, descriptions, chips\n   *   --type-2xs        0.65rem (9.75px) — tiny labels, file sizes, badges\n   */\n  --type-display: 2.7rem;\n  --type-title: 2.1rem;\n  --type-subtitle: 1.8rem;\n  --type-body: 1.4rem;\n  --type-secondary: 1.1rem;\n  --type-base: 1rem;\n  --type-sm: 0.9rem;\n  --type-xs: 0.8rem;\n  --type-2xs: 0.65rem;\n\n  /* Content reading tokens — desktop maps to core scale,\n     mobile overrides below cap sizes for small screens.\n     --type-content-scale uniformly scales all content sizes\n     without affecting UI controls. */\n  --type-content-scale: 0.8;\n  --type-content-display: calc(var(--type-display) * var(--type-content-scale));\n  --type-content-title: calc(var(--type-title) * var(--type-content-scale));\n  --type-content-subtitle: calc(\n    var(--type-subtitle) * var(--type-content-scale)\n  );\n  --type-content-body: calc(var(--type-body) * var(--type-content-scale));\n  --type-content-quote: calc(var(--type-content-body) * 1.16);\n  --type-content-quote-leading: 1.4;\n\n  /* Semantic aliases */\n  --type-body-size: var(--type-content-body);\n  --type-footnote-ref: calc(var(--type-body-size) * 0.75);\n  --type-code: calc(var(--type-body-size) * 0.94);\n  --type-code-block: calc(var(--type-body-size) * 0.9);\n  --type-body-tracking: 0;\n  --type-ui-title: var(--type-secondary);\n  --type-ui-control: var(--type-base);\n  --type-ui-meta: var(--type-base);\n  --type-ui-hint: var(--type-sm);\n  --type-ui-caption: var(--type-xs);\n  --type-ui-micro: var(--type-2xs);\n  --type-ui-input: var(--type-secondary);\n  --type-thread-context: var(--type-base);\n  --type-thread-context-title: var(--type-secondary);\n  --type-thread-context-meta: var(--type-sm);\n  --feed-note-title-size: calc(var(--type-content-body) * 1.36);\n  --feed-note-title-leading: var(--type-heading-leading);\n  --type-body-leading: 1.7;\n  --type-display-leading: 1.15;\n  --type-heading-leading: 1.15;\n  --type-heading-weight: var(--fw-medium);\n  --type-heading-tracking: 0;\n  --type-display-weight: var(--fw-medium);\n  --type-display-tracking: 0;\n  --type-label-weight: var(--fw-medium);\n  --type-label-tracking: 0.08em;\n\n  /* Layout — Tufte proportional model */\n  --content-max-width: 42rem;\n  --form-max-width: 42rem;\n  /* compose dialogs + feed content cap */\n  --layout-body-max-width: 1088px;\n  --layout-content-width: 55%;\n  --layout-sidenote-width: 50%;\n  --layout-sidenote-gap: 10%;\n  --layout-sidenote-margin: -60%;\n  --site-padding: 1.5rem;\n  --content-gap: 1rem;\n  --space-xl: 2rem;\n  --space-2xl: 4rem;\n  /*\n   * Home timeline vertical rhythm — the single source of truth for the gaps\n   * between stacked sections on the home page:\n   *\n   *   site description → separator → first post → divider → post → ...\n   *\n   * where \"separator\" is the description hairline (logged out) or the compose\n   * prompt (logged in). Every one of those gaps derives from this token, and\n   * the individual pieces (compose prompt, description hairline, post cards)\n   * carry no rhythm margin of their own — the structural wrappers\n   * (.site-home-header, hr.feed-divider) own the spacing. Retune the whole\n   * feed cadence by changing this one value.\n   *\n   * Note: per-format card padding (.feed-quote-post, thread previews) is the\n   * card's own internal spacing and is intentionally NOT part of this rhythm.\n   *\n   * Kept as a free-standing value (not pinned to the --space-* scale) so the\n   * feed cadence can be tuned independently.\n   */\n  --site-feed-rhythm: 4.4rem;\n  /*\n   * The post footer's action row (reply / menu buttons) is a taller tap\n   * target than its visible content, leaving a few px of dead space below\n   * the last visible element of every post (~5.9px logged out from the\n   * footer min-height, ~6.8px logged in from the menu button). hr.feed-divider\n   * subtracts this from its top margin so the VISIBLE gap between posts equals\n   * --site-feed-rhythm — the same as the header spacing. Re-measure if the\n   * footer button size or meta font changes.\n   */\n  --post-footer-overshoot: 6px;\n  /*\n   * The site intro (description) block is deliberately tighter than\n   * --site-feed-rhythm so it reads as a compact header unit rather than a\n   * full feed section. -top: gap from the header nav down to the intro.\n   * -bottom: gap from the intro down to its separator — the hairline (logged\n   * out) or the compose prompt text (logged in). Same values in both states.\n   */\n  --site-intro-gap-top: 24px;\n  --site-intro-gap-bottom: 36px;\n\n  /* Sidebar layout (admin + site sidebar pages) */\n  --sidebar-width: 12rem;\n  --sidebar-gap: 2rem;\n\n  /* Surfaces */\n  --card-bg: var(--card);\n  --card-radius: 0;\n  --card-padding: 1rem;\n  --card-border-width: 0;\n  --card-shadow: none;\n\n  /* Elements */\n  --avatar-size: 28px;\n  --avatar-radius: 50%;\n  --media-radius: 0.5rem;\n\n  /* Icons */\n  --icon-stroke: 2;\n  --icon-stroke-fine: 1.5;\n\n  /* Derived color tokens (from BaseCoat variables) */\n  --site-accent: var(--primary);\n  --site-accent-text: var(--primary-foreground);\n  --site-column-outline: var(--border);\n  --site-border-light: color-mix(\n    in srgb,\n    var(--site-column-outline) 52%,\n    transparent\n  );\n  --site-threadline: var(--border);\n  --site-page-bg: var(--background);\n  /* Despite the name, this is the page colour and ~60 rules use it that way —\n     including three that use it as *text* on a dark button. It cannot be\n     lifted without repainting the whole site; `--site-raised-bg` below is the\n     one that actually means \"above the page\". Read this as\n     \"--site-default-surface\" until the call sites are triaged. */\n  --site-elevated-bg: var(--background);\n  /* What sits *above* the page: dialogs, popovers, menus, sheets. On a light\n     page this is the page colour, because the separating is done by the\n     backdrop dim and the drop shadows — both black over white. Neither works\n     on a dark page: 30% black over `#110f0d` composites to `#0c0b09`, and a\n     black shadow on near-black is nothing at all, which left the compose\n     dialog at 1.03:1 against its own backdrop. So in dark mode this lifts\n     instead (see the dark blocks below). Elevation there is lightness, not\n     shadow. */\n  --site-raised-bg: var(--site-page-bg);\n  /* The edge of a raised layer. On a light page the fill already separates and\n     this is just a hairline; on a dark one it does most of the work, because\n     the fill has almost no room to lift into. Same formula as\n     `--compose-control-border` in light so nothing moves there. */\n  --site-raised-border: color-mix(\n    in srgb,\n    var(--site-column-outline) 68%,\n    transparent\n  );\n  --site-nav-hover-bg: var(--accent);\n  --site-text-primary: var(--foreground);\n  --site-text-secondary: var(--muted-foreground);\n  --site-reading-title: color-mix(\n    in oklch,\n    var(--site-text-primary) 81%,\n    black\n  );\n  --site-reading-heading: color-mix(\n    in oklch,\n    var(--site-text-primary) 86%,\n    black\n  );\n  --site-reading-body: color-mix(in oklch, var(--site-text-primary) 90%, black);\n  --site-reading-quote: color-mix(\n    in oklch,\n    var(--site-text-primary) 95%,\n    black\n  );\n  --site-reading-meta: color-mix(\n    in srgb,\n    var(--site-text-secondary) 72%,\n    var(--site-text-primary)\n  );\n  --site-reading-caption: color-mix(\n    in srgb,\n    var(--site-text-secondary) 88%,\n    var(--site-text-primary)\n  );\n  --site-footnote-text: var(--site-reading-caption);\n  --site-footnote-marker: color-mix(\n    in oklch,\n    var(--site-text-secondary) 88%,\n    var(--site-page-bg)\n  );\n  --site-content-link: inherit;\n  --site-content-link-hover: var(--site-text-primary);\n  --site-content-link-underline: color-mix(\n    in srgb,\n    var(--site-text-secondary) 58%,\n    transparent\n  );\n  --site-reading-link: var(--site-reading-body);\n  --site-reading-link-hover: var(--site-reading-heading);\n  --site-reading-link-underline: color-mix(\n    in srgb,\n    var(--site-reading-meta) 58%,\n    transparent\n  );\n  --site-text-placeholder: oklch(from var(--muted-foreground) l c h / 0.5);\n  --site-media-outline: var(--border);\n  --site-divider: var(--border);\n  --site-feed-card-bg: color-mix(\n    in srgb,\n    var(--site-elevated-bg) 88%,\n    var(--site-nav-hover-bg)\n  );\n  --site-feed-card-border: color-mix(\n    in srgb,\n    var(--site-divider) 78%,\n    transparent\n  );\n  --site-feed-card-shadow: color-mix(\n    in srgb,\n    var(--site-text-primary) 12%,\n    transparent\n  );\n  --site-code-text: color-mix(\n    in srgb,\n    var(--site-reading-heading) 86%,\n    var(--site-reading-body)\n  );\n  --site-code-bg: color-mix(in srgb, var(--site-reading-meta) 12%, transparent);\n  --site-code-block-bg: color-mix(\n    in srgb,\n    var(--site-elevated-bg) 94%,\n    var(--site-nav-hover-bg)\n  );\n  --site-code-block-border: color-mix(\n    in srgb,\n    var(--site-divider) 62%,\n    transparent\n  );\n  --site-feed-divider-color: color-mix(\n    in srgb,\n    var(--site-text-secondary) 30%,\n    transparent\n  );\n  --site-feed-link-tint: color-mix(in srgb, var(--site-accent) 7%, transparent);\n  --site-feed-quote-tint: color-mix(\n    in srgb,\n    var(--site-accent) 10%,\n    transparent\n  );\n  --site-blockquote-rail: color-mix(\n    in srgb,\n    var(--site-accent) 22%,\n    var(--site-divider)\n  );\n  --site-blockquote-bg: color-mix(\n    in srgb,\n    var(--site-feed-quote-tint) 62%,\n    var(--site-page-bg)\n  );\n  --site-blockquote-text: color-mix(\n    in oklch,\n    var(--site-text-primary) 92%,\n    black\n  );\n  --site-summary-blockquote-bg: color-mix(\n    in srgb,\n    var(--site-feed-quote-tint) 42%,\n    var(--site-page-bg)\n  );\n  --site-reading-blockquote-rail: color-mix(\n    in srgb,\n    var(--site-reading-link) 18%,\n    var(--site-reading-meta)\n  );\n  --site-reading-blockquote-bg: color-mix(\n    in srgb,\n    var(--site-accent) 6%,\n    var(--site-page-bg)\n  );\n  --site-thread-context-bg: color-mix(\n    in srgb,\n    var(--site-nav-hover-bg) 58%,\n    transparent\n  );\n  --site-thread-context-border: color-mix(\n    in srgb,\n    var(--site-divider) 74%,\n    transparent\n  );\n  --site-thread-gap-bg: color-mix(\n    in srgb,\n    var(--site-nav-hover-bg) 42%,\n    transparent\n  );\n  --site-thread-item-spacing: 32px;\n  --site-thread-context-max-height: 160px;\n  --site-thread-dot-ring: color-mix(\n    in srgb,\n    var(--site-accent) 16%,\n    transparent\n  );\n  /* The composer is a floating sheet in every mode but one, so its paper is\n     the raised surface. `.compose-page` — the full-page `/new` composer, which\n     *is* the page — puts this back to `--site-page-bg` locally. */\n  --compose-paper-bg: var(--site-raised-bg);\n  --compose-control-bg: color-mix(\n    in srgb,\n    var(--site-nav-hover-bg) 72%,\n    var(--compose-paper-bg)\n  );\n  --compose-control-bg-strong: color-mix(\n    in srgb,\n    var(--site-nav-hover-bg) 88%,\n    var(--compose-paper-bg)\n  );\n  --compose-control-border: color-mix(\n    in srgb,\n    var(--site-column-outline) 68%,\n    transparent\n  );\n  /* The tools row sits directly under the sentence being written, so its icons\n     stay a step behind the body's own muted ink and only come forward when\n     pointed at or switched on. 72% keeps the faded state above the 3:1\n     non-text contrast floor. */\n  --compose-tool-ink: color-mix(\n    in srgb,\n    var(--site-text-secondary) 72%,\n    var(--compose-paper-bg)\n  );\n  --compose-blockquote-rail: color-mix(\n    in srgb,\n    var(--site-accent) 24%,\n    var(--compose-control-border)\n  );\n  --compose-blockquote-bg: color-mix(\n    in srgb,\n    var(--compose-control-bg) 56%,\n    var(--compose-paper-bg)\n  );\n  --compose-blockquote-bg-focus: color-mix(\n    in srgb,\n    var(--compose-control-bg-strong) 70%,\n    var(--compose-paper-bg)\n  );\n  --compose-blockquote-text: color-mix(\n    in srgb,\n    var(--site-text-primary) 88%,\n    var(--site-text-secondary)\n  );\n  --compose-floating-bg: color-mix(\n    in srgb,\n    var(--compose-paper-bg) 94%,\n    var(--site-nav-hover-bg) 6%\n  );\n\n  /* Search highlight */\n  --search-mark-bg: oklch(0.92 0.14 90 / 0.55);\n  --search-mark-color: oklch(0.35 0.09 70);\n\n  /* Admin */\n  --dash-bg: oklch(0.97 0.005 80);\n  --dash-card-radius: 10px;\n}\n\n@media (max-width: 760px) {\n  :root {\n    --site-padding: 1.875rem;\n  }\n}\n\n/* Tufte two-column → single-column collapse.\n *\n * Below this width the post column is already narrowed to `min(100%, 35rem)`\n * (preset.css) and there is no room for a 45% sidenote gutter, so all content\n * goes full-width. Single images (MediaGallery getSingleVisualWidth) and link\n * previews (.link-preview) read this token directly, so they collapse here too.\n *\n * Keep this breakpoint in sync with the post-column collapse (preset.css /\n * ui.css feed-divider, both `max-width: 1024px`) and the sidenote float→inline\n * collapse (ui.css). They are one layout switch; do not let them drift apart. */\n@media (max-width: 1024px) {\n  :root {\n    --layout-content-width: 100%;\n  }\n}\n\n/*\n * Dark-mode reading color overrides.\n *\n * These rules must beat the active color theme's light-mode block, which\n * uses `:root:root { ... }` (specificity 0,0,2,0) with no media query and\n * therefore applies in both light and dark modes. Most themes do not\n * redefine `--site-reading-*` in their dark block, so without higher\n * specificity here the light reading-body color would leak into dark mode\n * (resulting in near-invisible body text on a dark background).\n *\n * We repeat `:root:root` to reach specificity 0,0,3,0, which outranks the\n * theme's light `:root:root` (0,0,2,0). The theme's dark blocks use\n * `:root:root[data-theme-mode=\"dark\"]` or `:root:root:not([data-theme-mode=\"light\"])`\n * (also 0,0,3,0), so a theme that explicitly defines dark reading colors\n * still wins via source order.\n */\n@media (prefers-color-scheme: dark) {\n  :root:root:not([data-theme-mode=\"light\"]) {\n    --site-reading-title: var(--site-text-primary);\n    --site-reading-heading: color-mix(\n      in oklch,\n      var(--site-text-primary) 94%,\n      var(--site-text-secondary)\n    );\n    --site-reading-body: color-mix(\n      in oklch,\n      var(--site-text-primary) 96%,\n      black\n    );\n    --site-reading-quote: color-mix(\n      in oklch,\n      var(--site-text-primary) 98%,\n      black\n    );\n    --site-reading-meta: color-mix(\n      in srgb,\n      var(--site-text-secondary) 92%,\n      var(--site-text-primary)\n    );\n    --site-reading-caption: color-mix(\n      in srgb,\n      var(--site-text-secondary) 96%,\n      var(--site-text-primary)\n    );\n    --site-reading-link: var(--site-reading-body);\n    --search-mark-bg: oklch(0.45 0.1 85 / 0.5);\n    --search-mark-color: oklch(0.92 0.08 90);\n    --dash-bg: oklch(0.2 0.005 80);\n    --site-raised-bg: color-mix(\n      in oklab,\n      var(--background) 88%,\n      var(--foreground)\n    );\n    --site-raised-border: color-mix(\n      in oklab,\n      var(--site-raised-bg) 78%,\n      var(--foreground)\n    );\n  }\n}\n\n:root:root[data-theme-mode=\"dark\"] {\n  --site-reading-title: var(--site-text-primary);\n  --site-reading-heading: color-mix(\n    in oklch,\n    var(--site-text-primary) 94%,\n    var(--site-text-secondary)\n  );\n  --site-reading-body: color-mix(in oklch, var(--site-text-primary) 96%, black);\n  --site-reading-quote: color-mix(\n    in oklch,\n    var(--site-text-primary) 98%,\n    black\n  );\n  --site-reading-meta: color-mix(\n    in srgb,\n    var(--site-text-secondary) 92%,\n    var(--site-text-primary)\n  );\n  --site-reading-caption: color-mix(\n    in srgb,\n    var(--site-text-secondary) 96%,\n    var(--site-text-primary)\n  );\n  --site-reading-link: var(--site-reading-body);\n  --search-mark-bg: oklch(0.45 0.1 85 / 0.5);\n  --search-mark-color: oklch(0.92 0.08 90);\n  --dash-bg: oklch(0.2 0.005 80);\n  /* 12% of the foreground mixed into the page. The headroom here is small and\n     bounded: `--site-divider` sits 1.36:1 above the page, and a surface lifted\n     past it would swallow every hairline drawn on it. 12% lands at 1.24:1 —\n     most of the range that exists, with the dividers still on top of it. */\n  --site-raised-bg: color-mix(\n    in oklab,\n    var(--background) 88%,\n    var(--foreground)\n  );\n  /* Carries the separation the fill cannot: 12% of lift is most of the room\n     the palette has, so the edge has to say the rest. */\n  --site-raised-border: color-mix(\n    in oklab,\n    var(--site-raised-bg) 78%,\n    var(--foreground)\n  );\n}\n\n@media (max-width: 760px), (hover: none) and (pointer: coarse) {\n  :root {\n    /* Content layer — tighter scale for mobile reading.\n       Ratio ≈ 1.88 : 1.42 : 1.15 : 1 (display:title:subtitle:body).\n       At 15px root × 0.8 content-scale: 29.4 / 22.2 / 18 / 15.6px.\n       Body is floored to a 16px minimum below (max()) for readability;\n       the floor still yields to calc() when the user zooms the root up. */\n    --type-content-display: calc(2.45rem * var(--type-content-scale));\n    --type-content-title: calc(1.85rem * var(--type-content-scale));\n    --type-content-subtitle: calc(1.5rem * var(--type-content-scale));\n    --type-content-body: max(16px, calc(1.3rem * var(--type-content-scale)));\n\n    /* UI layer — pixel floors for touch targets */\n    --type-ui-title: max(16px, var(--type-secondary));\n    --type-ui-control: max(15px, var(--type-base));\n    --type-ui-meta: max(15px, var(--type-secondary));\n    --type-ui-hint: max(13px, var(--type-sm));\n    --type-ui-caption: max(13px, var(--type-xs));\n    --type-ui-micro: max(12px, var(--type-2xs));\n    --type-ui-input: max(16px, var(--type-secondary));\n    --type-thread-context: max(15px, var(--type-base));\n    --type-thread-context-title: max(16px, var(--type-secondary));\n    --type-thread-context-meta: max(14px, var(--type-sm));\n  }\n}\n";
+var tokens_default = "/**\n * Design Tokens\n *\n * CSS custom properties for all visual aspects of the UI.\n * These are the stable customization API — override in custom CSS\n * to change typography, layout, surfaces, and element sizing.\n */\n\n:root {\n  /* Typography — Font families */\n  /*\n   * CJK fallback slots, kept in sync with `DEFAULT_FONT_CJK_*_FALLBACK` in\n   * `ui/font-themes.ts` (a test asserts they match). A page whose language names\n   * a CJK profile overrides both with a stack that leads on its own glyph\n   * shapes; every other page keeps these, because the Latin families and the\n   * `serif` / `sans-serif` generics around them have no Han coverage and would\n   * otherwise drop the text to the OS last-resort font.\n   */\n  --font-cjk-serif-fallback:\n    \"Songti SC\", STSong, SimSun, \"Noto Serif SC\", \"Noto Serif CJK SC\",\n    \"Songti TC\", PMingLiU, MingLiU, \"Noto Serif TC\", \"Noto Serif CJK TC\",\n    \"Hiragino Mincho ProN\", \"Hiragino Mincho Pro\", \"Yu Mincho\", YuMincho,\n    \"Noto Serif JP\", \"Noto Serif CJK JP\", \"MS PMincho\", \"MS Mincho\", Batang,\n    \"Noto Serif KR\", \"Noto Serif CJK KR\", NanumMyeongjo;\n  --font-cjk-sans-fallback:\n    \"PingFang SC\", \"Hiragino Sans GB\", \"Microsoft YaHei\", \"Noto Sans SC\",\n    \"Noto Sans CJK SC\", \"PingFang TC\", \"Hiragino Sans CNS\",\n    \"Microsoft JhengHei\", \"Noto Sans TC\", \"Noto Sans CJK TC\", \"Hiragino Sans\",\n    \"Hiragino Kaku Gothic ProN\", \"Yu Gothic\", YuGothic, \"Noto Sans JP\",\n    \"Noto Sans CJK JP\", Meiryo, \"Apple SD Gothic Neo\", \"Noto Sans KR\",\n    \"Noto Sans CJK KR\", \"Malgun Gothic\";\n  --font-body:\n    system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto,\n    \"Helvetica Neue\", Helvetica, Arial, var(--font-cjk-sans-fallback),\n    sans-serif;\n  --font-heading:\n    \"New York Small\", \"New York\", \"Iowan Old Style\", Charter,\n    \"Bitstream Charter\", \"Source Serif 4\", Cambria, \"Sitka Text\", Georgia,\n    var(--font-cjk-serif-fallback), ui-serif, serif;\n  --font-site-title:\n    \"New York Small\", \"New York\", \"Iowan Old Style\", Charter,\n    \"Bitstream Charter\", \"Source Serif 4\", Cambria, \"Sitka Text\", Georgia,\n    var(--font-cjk-serif-fallback), ui-serif, serif;\n  --font-serif:\n    var(--font-cjk-serif-fallback), ui-serif, \"New York Small\", \"New York\",\n    \"Iowan Old Style\", Charter, Georgia, \"Times New Roman\", Times, serif;\n  --font-ui:\n    system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto,\n    \"Helvetica Neue\", Helvetica, Arial, var(--font-cjk-sans-fallback),\n    sans-serif;\n  --font-mono:\n    ui-monospace, Menlo, Monaco, Consolas, \"Cascadia Code\", \"Courier New\",\n    monospace;\n  /*\n   * Blockquote font family.\n   *\n   * Defaults to `inherit` so blockquotes follow the body font in sans-only\n   * themes (Clean, Friendly, Bold) and serif-only themes (Tufte, Bookish).\n   * Mixed themes that want a distinct blockquote voice — e.g. Classic, which\n   * pairs a sans body with serif headings — override this token in their\n   * `cssVariables` to point at a serif stack. This also restores a type-level\n   * distinction for CJK, where italic is disabled.\n   */\n  --font-blockquote: inherit;\n\n  /* Typography — Font weights */\n  --fw-light: 300;\n  --fw-regular: 400;\n  --fw-medium: 500;\n  --fw-semibold: 600;\n  --fw-bold: 700;\n  --fw-extrabold: 800;\n  /*\n   * Unified type scale.\n   *\n   * Every font-size in the system — reading content AND UI controls —\n   * must reference one of these tokens. No raw rem/px values elsewhere.\n   *\n   *   --type-display    2.7rem  (40.5px) — page titles, h1\n   *   --type-title      2.1rem  (31.5px) — h2, feed card titles\n   *   --type-subtitle   1.8rem  (27px)   — h3\n   *   --type-body       1.4rem  (21px)   — running text, form inputs\n   *   --type-secondary  1.1rem  (16.5px) — meta, nav, sidenotes, UI labels\n   *   --type-base       1.0rem  (15px)   — UI buttons, controls\n   *   --type-sm         0.9rem  (13.5px) — small UI text\n   *   --type-xs         0.8rem  (12px)   — captions, descriptions, chips\n   *   --type-2xs        0.65rem (9.75px) — tiny labels, file sizes, badges\n   */\n  --type-display: 2.7rem;\n  --type-title: 2.1rem;\n  --type-subtitle: 1.8rem;\n  --type-body: 1.4rem;\n  --type-secondary: 1.1rem;\n  --type-base: 1rem;\n  --type-sm: 0.9rem;\n  --type-xs: 0.8rem;\n  --type-2xs: 0.65rem;\n\n  /* Content reading tokens — desktop maps to core scale,\n     mobile overrides below cap sizes for small screens.\n     --type-content-scale uniformly scales all content sizes\n     without affecting UI controls. */\n  --type-content-scale: 0.8;\n  --type-content-display: calc(var(--type-display) * var(--type-content-scale));\n  --type-content-title: calc(var(--type-title) * var(--type-content-scale));\n  --type-content-subtitle: calc(\n    var(--type-subtitle) * var(--type-content-scale)\n  );\n  --type-content-body: calc(var(--type-body) * var(--type-content-scale));\n  --type-content-quote: calc(var(--type-content-body) * 1.16);\n  --type-content-quote-leading: 1.4;\n\n  /* Semantic aliases */\n  --type-body-size: var(--type-content-body);\n  --type-footnote-ref: calc(var(--type-body-size) * 0.75);\n  --type-code: calc(var(--type-body-size) * 0.94);\n  --type-code-block: calc(var(--type-body-size) * 0.9);\n  --type-body-tracking: 0;\n  --type-ui-title: var(--type-secondary);\n  --type-ui-control: var(--type-base);\n  --type-ui-meta: var(--type-base);\n  --type-ui-hint: var(--type-sm);\n  --type-ui-caption: var(--type-xs);\n  --type-ui-micro: var(--type-2xs);\n  --type-ui-input: var(--type-secondary);\n  --type-thread-context: var(--type-base);\n  --type-thread-context-title: var(--type-secondary);\n  --type-thread-context-meta: var(--type-sm);\n  --feed-note-title-size: calc(var(--type-content-body) * 1.36);\n  --feed-note-title-leading: var(--type-heading-leading);\n  --type-body-leading: 1.7;\n  --type-display-leading: 1.15;\n  --type-heading-leading: 1.15;\n  --type-heading-weight: var(--fw-medium);\n  --type-heading-tracking: 0;\n  --type-display-weight: var(--fw-medium);\n  --type-display-tracking: 0;\n  --type-label-weight: var(--fw-medium);\n  --type-label-tracking: 0.08em;\n\n  /* Layout — Tufte proportional model */\n  --content-max-width: 42rem;\n  --form-max-width: 42rem;\n  /* compose dialogs + feed content cap */\n  --layout-body-max-width: 1088px;\n  /*\n   * Two widths, one column — keep the distinction straight.\n   *\n   * `--layout-content-width` is the Tufte proportion: how much of a page\n   * section its content occupies, leaving the rest as sidenote gutter. Page\n   * shells that should fill the frame once the gutter is gone (settings,\n   * the collections directory) read this one, which is why it flattens to\n   * 100% below 1024px.\n   *\n   * `--layout-reading-width` is the reading column a post's text actually\n   * gets. It tracks the proportion while the gutter exists, then keeps a\n   * measure of its own instead of going full-width. Anything that must line\n   * up with body copy — the text blocks in preset.css, a lone image\n   * (MediaGallery `getSingleVisualWidth`), a link preview, the feed divider\n   * that centers over the column — reads this one. Before it existed those\n   * consumers capped on the proportion and quietly outgrew the text between\n   * 700px and 1024px.\n   */\n  --layout-content-width: 55%;\n  --layout-reading-width: var(--layout-content-width);\n  --layout-sidenote-width: 50%;\n  --layout-sidenote-gap: 10%;\n  --layout-sidenote-margin: -60%;\n  --site-padding: 1.5rem;\n  --content-gap: 1rem;\n  --space-xl: 2rem;\n  --space-2xl: 4rem;\n  /*\n   * Home timeline vertical rhythm — the single source of truth for the gaps\n   * between stacked sections on the home page:\n   *\n   *   site description → separator → first post → divider → post → ...\n   *\n   * where \"separator\" is the description hairline (logged out) or the compose\n   * prompt (logged in). Every one of those gaps derives from this token, and\n   * the individual pieces (compose prompt, description hairline, post cards)\n   * carry no rhythm margin of their own — the structural wrappers\n   * (.site-home-header, hr.feed-divider) own the spacing. Retune the whole\n   * feed cadence by changing this one value.\n   *\n   * Note: per-format card padding (.feed-quote-post, thread previews) is the\n   * card's own internal spacing and is intentionally NOT part of this rhythm.\n   *\n   * Kept as a free-standing value (not pinned to the --space-* scale) so the\n   * feed cadence can be tuned independently.\n   */\n  --site-feed-rhythm: 4.4rem;\n  /*\n   * The post footer's action row (reply / menu buttons) is a taller tap\n   * target than its visible content, leaving a few px of dead space below\n   * the last visible element of every post (~5.9px logged out from the\n   * footer min-height, ~6.8px logged in from the menu button). hr.feed-divider\n   * subtracts this from its top margin so the VISIBLE gap between posts equals\n   * --site-feed-rhythm — the same as the header spacing. Re-measure if the\n   * footer button size or meta font changes.\n   */\n  --post-footer-overshoot: 6px;\n  /*\n   * The site intro (description) block is deliberately tighter than\n   * --site-feed-rhythm so it reads as a compact header unit rather than a\n   * full feed section. -top: gap from the header nav down to the intro.\n   * -bottom: gap from the intro down to its separator — the hairline (logged\n   * out) or the compose prompt text (logged in). Same values in both states.\n   */\n  --site-intro-gap-top: 20px;\n  --site-intro-gap-bottom: 36px;\n\n  /* Sidebar layout (admin + site sidebar pages) */\n  --sidebar-width: 12rem;\n  --sidebar-gap: 2rem;\n\n  /* Surfaces */\n  --card-bg: var(--card);\n  --card-radius: 0;\n  --card-padding: 1rem;\n  --card-border-width: 0;\n  --card-shadow: none;\n\n  /* Elements */\n  --avatar-size: 28px;\n  --avatar-radius: 50%;\n  --media-radius: 0.5rem;\n\n  /* Icons */\n  --icon-stroke: 2;\n  --icon-stroke-fine: 1.5;\n\n  /* Derived color tokens (from BaseCoat variables) */\n  --site-accent: var(--primary);\n  --site-accent-text: var(--primary-foreground);\n  --site-column-outline: var(--border);\n  --site-border-light: color-mix(\n    in srgb,\n    var(--site-column-outline) 52%,\n    transparent\n  );\n  --site-threadline: var(--border);\n  --site-page-bg: var(--background);\n  /* Despite the name, this is the page colour and ~60 rules use it that way —\n     including three that use it as *text* on a dark button. It cannot be\n     lifted without repainting the whole site; `--site-raised-bg` below is the\n     one that actually means \"above the page\". Read this as\n     \"--site-default-surface\" until the call sites are triaged. */\n  --site-elevated-bg: var(--background);\n  /* What sits *above* the page: dialogs, popovers, menus, sheets. On a light\n     page this is the page colour, because the separating is done by the\n     backdrop dim and the drop shadows — both black over white. Neither works\n     on a dark page: 30% black over `#110f0d` composites to `#0c0b09`, and a\n     black shadow on near-black is nothing at all, which left the compose\n     dialog at 1.03:1 against its own backdrop. So in dark mode this lifts\n     instead (see the dark blocks below). Elevation there is lightness, not\n     shadow. */\n  --site-raised-bg: var(--site-page-bg);\n  /* The edge of a raised layer. On a light page the fill already separates and\n     this is just a hairline; on a dark one it does most of the work, because\n     the fill has almost no room to lift into. Same formula as\n     `--compose-control-border` in light so nothing moves there. */\n  --site-raised-border: color-mix(\n    in srgb,\n    var(--site-column-outline) 68%,\n    transparent\n  );\n  --site-nav-hover-bg: var(--accent);\n  --site-text-primary: var(--foreground);\n  --site-text-secondary: var(--muted-foreground);\n  --site-reading-title: color-mix(\n    in oklch,\n    var(--site-text-primary) 81%,\n    black\n  );\n  --site-reading-heading: color-mix(\n    in oklch,\n    var(--site-text-primary) 86%,\n    black\n  );\n  --site-reading-body: color-mix(in oklch, var(--site-text-primary) 90%, black);\n  --site-reading-quote: color-mix(\n    in oklch,\n    var(--site-text-primary) 95%,\n    black\n  );\n  --site-reading-meta: color-mix(\n    in srgb,\n    var(--site-text-secondary) 72%,\n    var(--site-text-primary)\n  );\n  --site-reading-caption: color-mix(\n    in srgb,\n    var(--site-text-secondary) 88%,\n    var(--site-text-primary)\n  );\n  --site-footnote-text: var(--site-reading-caption);\n  --site-footnote-marker: color-mix(\n    in oklch,\n    var(--site-text-secondary) 88%,\n    var(--site-page-bg)\n  );\n  --site-content-link: inherit;\n  --site-content-link-hover: var(--site-text-primary);\n  --site-content-link-underline: color-mix(\n    in srgb,\n    var(--site-text-secondary) 58%,\n    transparent\n  );\n  --site-reading-link: var(--site-reading-body);\n  --site-reading-link-hover: var(--site-reading-heading);\n  --site-reading-link-underline: color-mix(\n    in srgb,\n    var(--site-reading-meta) 58%,\n    transparent\n  );\n  --site-text-placeholder: oklch(from var(--muted-foreground) l c h / 0.5);\n  --site-media-outline: var(--border);\n  --site-divider: var(--border);\n  --site-feed-card-bg: color-mix(\n    in srgb,\n    var(--site-elevated-bg) 88%,\n    var(--site-nav-hover-bg)\n  );\n  --site-feed-card-border: color-mix(\n    in srgb,\n    var(--site-divider) 78%,\n    transparent\n  );\n  --site-feed-card-shadow: color-mix(\n    in srgb,\n    var(--site-text-primary) 12%,\n    transparent\n  );\n  --site-code-text: color-mix(\n    in srgb,\n    var(--site-reading-heading) 86%,\n    var(--site-reading-body)\n  );\n  --site-code-bg: color-mix(in srgb, var(--site-reading-meta) 12%, transparent);\n  --site-code-block-bg: color-mix(\n    in srgb,\n    var(--site-elevated-bg) 94%,\n    var(--site-nav-hover-bg)\n  );\n  --site-code-block-border: color-mix(\n    in srgb,\n    var(--site-divider) 62%,\n    transparent\n  );\n  --site-feed-divider-color: color-mix(\n    in srgb,\n    var(--site-text-secondary) 30%,\n    transparent\n  );\n  --site-feed-link-tint: color-mix(in srgb, var(--site-accent) 7%, transparent);\n  --site-feed-quote-tint: color-mix(\n    in srgb,\n    var(--site-accent) 10%,\n    transparent\n  );\n  --site-blockquote-rail: color-mix(\n    in srgb,\n    var(--site-accent) 22%,\n    var(--site-divider)\n  );\n  --site-blockquote-bg: color-mix(\n    in srgb,\n    var(--site-feed-quote-tint) 62%,\n    var(--site-page-bg)\n  );\n  --site-blockquote-text: color-mix(\n    in oklch,\n    var(--site-text-primary) 92%,\n    black\n  );\n  --site-summary-blockquote-bg: color-mix(\n    in srgb,\n    var(--site-feed-quote-tint) 42%,\n    var(--site-page-bg)\n  );\n  --site-reading-blockquote-rail: color-mix(\n    in srgb,\n    var(--site-reading-link) 18%,\n    var(--site-reading-meta)\n  );\n  --site-reading-blockquote-bg: color-mix(\n    in srgb,\n    var(--site-accent) 6%,\n    var(--site-page-bg)\n  );\n  --site-thread-context-bg: color-mix(\n    in srgb,\n    var(--site-nav-hover-bg) 58%,\n    transparent\n  );\n  --site-thread-context-border: color-mix(\n    in srgb,\n    var(--site-divider) 74%,\n    transparent\n  );\n  --site-thread-gap-bg: color-mix(\n    in srgb,\n    var(--site-nav-hover-bg) 42%,\n    transparent\n  );\n  --site-thread-item-spacing: 32px;\n  --site-thread-context-max-height: 160px;\n  --site-thread-dot-ring: color-mix(\n    in srgb,\n    var(--site-accent) 16%,\n    transparent\n  );\n  /* The composer is a floating sheet in every mode but one, so its paper is\n     the raised surface. `.compose-page` — the full-page `/new` composer, which\n     *is* the page — puts this back to `--site-page-bg` locally. */\n  --compose-paper-bg: var(--site-raised-bg);\n  --compose-control-bg: color-mix(\n    in srgb,\n    var(--site-nav-hover-bg) 72%,\n    var(--compose-paper-bg)\n  );\n  --compose-control-bg-strong: color-mix(\n    in srgb,\n    var(--site-nav-hover-bg) 88%,\n    var(--compose-paper-bg)\n  );\n  --compose-control-border: color-mix(\n    in srgb,\n    var(--site-column-outline) 68%,\n    transparent\n  );\n  /* The tools row sits directly under the sentence being written, so its icons\n     stay a step behind the body's own muted ink and only come forward when\n     pointed at or switched on. 72% keeps the faded state above the 3:1\n     non-text contrast floor. */\n  --compose-tool-ink: color-mix(\n    in srgb,\n    var(--site-text-secondary) 72%,\n    var(--compose-paper-bg)\n  );\n  --compose-blockquote-rail: color-mix(\n    in srgb,\n    var(--site-accent) 24%,\n    var(--compose-control-border)\n  );\n  --compose-blockquote-bg: color-mix(\n    in srgb,\n    var(--compose-control-bg) 56%,\n    var(--compose-paper-bg)\n  );\n  --compose-blockquote-bg-focus: color-mix(\n    in srgb,\n    var(--compose-control-bg-strong) 70%,\n    var(--compose-paper-bg)\n  );\n  --compose-blockquote-text: color-mix(\n    in srgb,\n    var(--site-text-primary) 88%,\n    var(--site-text-secondary)\n  );\n  --compose-floating-bg: color-mix(\n    in srgb,\n    var(--compose-paper-bg) 94%,\n    var(--site-nav-hover-bg) 6%\n  );\n\n  /* Search highlight */\n  --search-mark-bg: oklch(0.92 0.14 90 / 0.55);\n  --search-mark-color: oklch(0.35 0.09 70);\n\n  /* Admin */\n  --dash-bg: oklch(0.97 0.005 80);\n  --dash-card-radius: 10px;\n}\n\n/* =========================================================================\n * Breakpoint ledger\n *\n * Every width breakpoint in the stylesheets comes from this list, and each\n * entry names the one job it does. `src/__tests__/stylesheet-breakpoints.test.ts`\n * fails the build on anything else, because a second number for a job that\n * already has one is how the phone switch drifted apart before: the composer\n * once went full-screen at 700px while its own controls took their touch\n * sizing at 760px, so a 750px window got thumb-sized buttons inside a windowed\n * dialog.\n *\n *   480px   Header hamburger; the composer's post-meta pill sheds its words.\n *   580px   Nav collapse tier-sm (hides the 3rd inline link).\n *   640px   Media grid and lightbox chrome.\n *   700px   THE PHONE SWITCH. Below it the layout is a phone's: the composer\n *           is a full-screen sheet, the compose FAB appears, page gutters and\n *           the content type scale go narrow. Written `max-width: 699px` on\n *           the phone side and `min-width: 700px` on the desktop side, so the\n *           two never both match at 700px itself.\n *   780px   Nav collapse tier-md (also hides the 4th inline link).\n *   960px   Nav collapse tier-lg (hides the 5th+ inline link into More).\n *   1024px  Tufte two-column → single-column (see the note below).\n *   1079px  Collections sidebar drops out.\n *   1200px  Header search collapses to an icon.\n *\n * Touch is NOT a width. Thumb-sized controls and always-visible affordances\n * belong to `(hover: none) and (pointer: coarse)`, which is what actually\n * catches a phone or a tablet; a narrow desktop window is still a mouse.\n * Rules that want both say both.\n * ========================================================================= */\n\n@media (max-width: 699px) {\n  :root {\n    --site-padding: 1.875rem;\n  }\n}\n\n/* Tufte two-column → single-column collapse.\n *\n * There is no room for a 45% sidenote gutter here, so page shells go\n * full-width — but the reading column does not follow them. It keeps a 35rem\n * measure, and everything sized to the text (preset.css blocks, single images,\n * link previews, the feed divider) tracks that through\n * `--layout-reading-width` rather than restating the number.\n *\n * Keep this breakpoint in sync with the sidenote float→inline collapse\n * (ui.css). They are one layout switch; do not let them drift apart. */\n@media (max-width: 1024px) {\n  :root {\n    --layout-content-width: 100%;\n    --layout-reading-width: min(100%, 35rem);\n  }\n}\n\n/*\n * Dark-mode reading color overrides.\n *\n * These rules must beat the active color theme's light-mode block, which\n * uses `:root:root { ... }` (specificity 0,0,2,0) with no media query and\n * therefore applies in both light and dark modes. Most themes do not\n * redefine `--site-reading-*` in their dark block, so without higher\n * specificity here the light reading-body color would leak into dark mode\n * (resulting in near-invisible body text on a dark background).\n *\n * We repeat `:root:root` to reach specificity 0,0,3,0, which outranks the\n * theme's light `:root:root` (0,0,2,0). The theme's dark blocks use\n * `:root:root[data-theme-mode=\"dark\"]` or `:root:root:not([data-theme-mode=\"light\"])`\n * (also 0,0,3,0), so a theme that explicitly defines dark reading colors\n * still wins via source order.\n */\n@media (prefers-color-scheme: dark) {\n  :root:root:not([data-theme-mode=\"light\"]) {\n    --site-reading-title: var(--site-text-primary);\n    --site-reading-heading: color-mix(\n      in oklch,\n      var(--site-text-primary) 94%,\n      var(--site-text-secondary)\n    );\n    --site-reading-body: color-mix(\n      in oklch,\n      var(--site-text-primary) 96%,\n      black\n    );\n    --site-reading-quote: color-mix(\n      in oklch,\n      var(--site-text-primary) 98%,\n      black\n    );\n    --site-reading-meta: color-mix(\n      in srgb,\n      var(--site-text-secondary) 92%,\n      var(--site-text-primary)\n    );\n    --site-reading-caption: color-mix(\n      in srgb,\n      var(--site-text-secondary) 96%,\n      var(--site-text-primary)\n    );\n    --site-reading-link: var(--site-reading-body);\n    --search-mark-bg: oklch(0.45 0.1 85 / 0.5);\n    --search-mark-color: oklch(0.92 0.08 90);\n    --dash-bg: oklch(0.2 0.005 80);\n    --site-raised-bg: color-mix(\n      in oklab,\n      var(--background) 88%,\n      var(--foreground)\n    );\n    --site-raised-border: color-mix(\n      in oklab,\n      var(--site-raised-bg) 78%,\n      var(--foreground)\n    );\n  }\n}\n\n:root:root[data-theme-mode=\"dark\"] {\n  --site-reading-title: var(--site-text-primary);\n  --site-reading-heading: color-mix(\n    in oklch,\n    var(--site-text-primary) 94%,\n    var(--site-text-secondary)\n  );\n  --site-reading-body: color-mix(in oklch, var(--site-text-primary) 96%, black);\n  --site-reading-quote: color-mix(\n    in oklch,\n    var(--site-text-primary) 98%,\n    black\n  );\n  --site-reading-meta: color-mix(\n    in srgb,\n    var(--site-text-secondary) 92%,\n    var(--site-text-primary)\n  );\n  --site-reading-caption: color-mix(\n    in srgb,\n    var(--site-text-secondary) 96%,\n    var(--site-text-primary)\n  );\n  --site-reading-link: var(--site-reading-body);\n  --search-mark-bg: oklch(0.45 0.1 85 / 0.5);\n  --search-mark-color: oklch(0.92 0.08 90);\n  --dash-bg: oklch(0.2 0.005 80);\n  /* 12% of the foreground mixed into the page. The headroom here is small and\n     bounded: `--site-divider` sits 1.36:1 above the page, and a surface lifted\n     past it would swallow every hairline drawn on it. 12% lands at 1.24:1 —\n     most of the range that exists, with the dividers still on top of it. */\n  --site-raised-bg: color-mix(\n    in oklab,\n    var(--background) 88%,\n    var(--foreground)\n  );\n  /* Carries the separation the fill cannot: 12% of lift is most of the room\n     the palette has, so the edge has to say the rest. */\n  --site-raised-border: color-mix(\n    in oklab,\n    var(--site-raised-bg) 78%,\n    var(--foreground)\n  );\n}\n\n@media (max-width: 699px), (hover: none) and (pointer: coarse) {\n  :root {\n    /* Content layer — tighter scale for mobile reading.\n       Ratio ≈ 1.88 : 1.42 : 1.15 : 1 (display:title:subtitle:body).\n       At 15px root × 0.8 content-scale: 29.4 / 22.2 / 18 / 15.6px.\n       Body is floored to a 16px minimum below (max()) for readability;\n       the floor still yields to calc() when the user zooms the root up. */\n    --type-content-display: calc(2.45rem * var(--type-content-scale));\n    --type-content-title: calc(1.85rem * var(--type-content-scale));\n    --type-content-subtitle: calc(1.5rem * var(--type-content-scale));\n    --type-content-body: max(16px, calc(1.3rem * var(--type-content-scale)));\n\n    /* UI layer — pixel floors for touch targets */\n    --type-ui-title: max(16px, var(--type-secondary));\n    --type-ui-control: max(15px, var(--type-base));\n    --type-ui-meta: max(15px, var(--type-secondary));\n    --type-ui-hint: max(13px, var(--type-sm));\n    --type-ui-caption: max(13px, var(--type-xs));\n    --type-ui-micro: max(12px, var(--type-2xs));\n    --type-ui-input: max(16px, var(--type-secondary));\n    --type-thread-context: max(15px, var(--type-base));\n    --type-thread-context-title: max(16px, var(--type-secondary));\n    --type-thread-context-meta: max(14px, var(--type-sm));\n  }\n}\n";
 //#endregion
 //#region src/services/export-theme/theme.toml?raw
 var theme_default = "name = \"jant\"\nlicense = \"MIT\"\nlicenselink = \"https://github.com/jant-me/jant/blob/main/LICENSE\"\ndescription = \"Default theme packaged with Jant exports.\"\nhomepage = \"https://jant.so\"\ntags = [\"blog\", \"microblog\", \"minimal\"]\nfeatures = [\"pagination\", \"aliases\"]\nmin_version = \"0.160.1\"\n\n[author]\n  name = \"Jant\"\n  homepage = \"https://jant.so\"\n";
 //#endregion
 //#region src/services/export-theme/styles/main.css?raw
-var main_default = "/*\n * Jant Hugo Export — main.css\n *\n * Fresh minimal text-first design. All colors, spacing, and type sizing\n * come from tokens.css (loaded first in the <head>). Color theme values\n * are supplied by theme.css; customizations live in custom.css.\n *\n * Load order in <head>: tokens.css → main.css → theme.css → custom.css\n *\n * This file intentionally avoids any hardcoded hex, rgb, or px color\n * values. Everything token-driven so the design evolves with the theme.\n */\n\n/* -------------------------------------------------------------------------\n * Reset + box model\n * ------------------------------------------------------------------------- */\n\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n\nhtml {\n  font-size: 15px;\n  -webkit-text-size-adjust: 100%;\n  text-size-adjust: 100%;\n}\n\nbody {\n  margin: 0;\n  font-family: var(--font-body);\n  font-size: var(--type-body-size, var(--type-content-body));\n  line-height: var(--type-body-leading);\n  color: var(--site-reading-body);\n  background-color: var(--site-page-bg);\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\nimg,\nvideo,\naudio,\niframe {\n  max-width: 100%;\n  height: auto;\n}\n\nfigure {\n  margin: 0;\n}\n\nhr {\n  border: 0;\n  border-top: 1px solid var(--site-divider);\n  margin: var(--space-xl) 0;\n}\n\n/* -------------------------------------------------------------------------\n * Typography\n * ------------------------------------------------------------------------- */\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  font-family: var(--font-heading);\n  font-weight: var(--type-heading-weight);\n  line-height: var(--type-heading-leading);\n  letter-spacing: var(--type-heading-tracking);\n  color: var(--site-reading-heading);\n  margin: 1.6em 0 0.6em;\n}\n\nh1 {\n  font-size: var(--type-content-display);\n  line-height: var(--type-display-leading);\n  font-weight: var(--type-display-weight);\n  letter-spacing: var(--type-display-tracking);\n  margin: 4rem 0 1.5rem;\n}\n\nh2 {\n  font-size: var(--type-content-title);\n  margin: 2.1rem 0 1.4rem;\n}\n\nh3 {\n  font-size: var(--type-content-subtitle);\n  margin: 2rem 0 1.4rem;\n}\n\nh4 {\n  font-size: var(--type-content-body);\n  font-weight: var(--fw-medium);\n}\n\nh5,\nh6 {\n  font-size: var(--type-content-body);\n  font-weight: var(--fw-medium);\n  color: var(--site-reading-meta);\n}\n\np {\n  margin: 1.4rem 0;\n}\n\nsmall {\n  font-size: var(--type-sm);\n}\n\ncode,\nkbd,\nsamp {\n  font-family: var(--font-mono);\n  font-size: var(--type-code);\n  line-height: 1.42;\n}\n\ncode {\n  color: var(--site-code-text);\n  overflow-wrap: break-word;\n}\n\npre {\n  font-family: var(--font-mono);\n  font-size: var(--type-code-block);\n  line-height: 1.5;\n  padding: 1rem;\n  overflow-x: auto;\n  color: var(--site-code-text);\n  background-color: var(--site-code-block-bg);\n  border: 1px solid var(--site-code-block-border);\n  border-radius: 6px;\n}\n\npre code {\n  padding: 0;\n  background: transparent;\n  border: 0;\n  color: inherit;\n  font-size: inherit;\n}\n\n:not(pre) > code {\n  padding: 0.08em 0.28em;\n  background-color: var(--site-code-bg);\n  border-radius: 0.22em;\n  box-decoration-break: clone;\n  -webkit-box-decoration-break: clone;\n}\n\n/* Blockquotes — tinted background card with quote icon (matches main site). */\nblockquote {\n  position: relative;\n  margin: 1.4rem 0;\n  padding: 1.4rem 1rem 0.75rem;\n  border: none;\n  background: var(--site-blockquote-bg);\n  border-radius: 6px;\n  color: var(--site-blockquote-text);\n  font-family: var(--font-blockquote);\n  font-style: italic;\n  font-weight: inherit;\n  quotes: none;\n  text-wrap: pretty;\n}\n\nblockquote::before {\n  content: \"\";\n  display: block;\n  width: 1.3rem;\n  height: 1.3rem;\n  margin-bottom: 0.35rem;\n  background: var(--site-blockquote-rail);\n  opacity: 0.6;\n  mask-image: url(\"data:image/svg+xml,%3Csvg viewBox='0 0 96 96' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24.4 10.5C16.9 17.7 11.5 26.8 8.2 37.7C4.9 48.7 4.8 58.9 7.8 68.2C10.3 75.7 15.4 79.5 22.9 79.5C28 79.5 32.2 77.8 35.4 74.2C38.6 70.7 40.2 66.5 40.2 61.4C40.2 56.5 38.8 52.6 36 49.6C33.3 46.6 29.7 45.1 25.2 45.1C23.4 45.1 21.8 45.3 20.2 45.8C22.2 37.3 26.7 29.2 33.6 21.4L24.4 10.5Z'/%3E%3Cpath d='M60.8 10.5C53.3 17.7 47.9 26.8 44.6 37.7C41.3 48.7 41.2 58.9 44.2 68.2C46.7 75.7 51.8 79.5 59.3 79.5C64.4 79.5 68.6 77.8 71.8 74.2C75 70.7 76.6 66.5 76.6 61.4C76.6 56.5 75.2 52.6 72.4 49.6C69.7 46.6 66.1 45.1 61.6 45.1C59.8 45.1 58.2 45.3 56.6 45.8C58.6 37.3 63.1 29.2 70 21.4L60.8 10.5Z'/%3E%3C/svg%3E\");\n  mask-size: contain;\n  mask-repeat: no-repeat;\n  -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg viewBox='0 0 96 96' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24.4 10.5C16.9 17.7 11.5 26.8 8.2 37.7C4.9 48.7 4.8 58.9 7.8 68.2C10.3 75.7 15.4 79.5 22.9 79.5C28 79.5 32.2 77.8 35.4 74.2C38.6 70.7 40.2 66.5 40.2 61.4C40.2 56.5 38.8 52.6 36 49.6C33.3 46.6 29.7 45.1 25.2 45.1C23.4 45.1 21.8 45.3 20.2 45.8C22.2 37.3 26.7 29.2 33.6 21.4L24.4 10.5Z'/%3E%3Cpath d='M60.8 10.5C53.3 17.7 47.9 26.8 44.6 37.7C41.3 48.7 41.2 58.9 44.2 68.2C46.7 75.7 51.8 79.5 59.3 79.5C64.4 79.5 68.6 77.8 71.8 74.2C75 70.7 76.6 66.5 76.6 61.4C76.6 56.5 75.2 52.6 72.4 49.6C69.7 46.6 66.1 45.1 61.6 45.1C59.8 45.1 58.2 45.3 56.6 45.8C58.6 37.3 63.1 29.2 70 21.4L60.8 10.5Z'/%3E%3C/svg%3E\");\n  -webkit-mask-size: contain;\n  -webkit-mask-repeat: no-repeat;\n}\n\nblockquote :where(p:first-of-type)::before,\nblockquote :where(p:last-of-type)::after {\n  content: none;\n}\n\nblockquote > :first-child {\n  margin-top: 0;\n}\n\nblockquote > :last-child {\n  margin-bottom: 0;\n}\n\nblockquote p {\n  margin: 0;\n}\n\nblockquote p + p,\nblockquote ul,\nblockquote ol,\nblockquote pre {\n  margin-top: 0.6em;\n}\n\nblockquote cite {\n  font-style: normal;\n  color: var(--site-reading-meta);\n  font-size: var(--type-sm);\n}\n\n/* CJK: no italic for blockquotes (no true italic glyph) */\n:lang(zh) blockquote,\n:lang(ja) blockquote,\n:lang(ko) blockquote {\n  font-style: normal;\n}\n\nul,\nol {\n  padding-left: 1.4em;\n  margin: 1.25em 0;\n}\n\nol ol {\n  list-style-type: lower-alpha;\n  margin-top: 0.4em;\n  margin-bottom: 0.4em;\n}\n\nol ol ol {\n  list-style-type: lower-roman;\n}\n\nli {\n  margin-top: 0.5em;\n  margin-bottom: 0.5em;\n}\n\n/* Normalize li > p so list spacing is controlled by li alone,\n   regardless of whether the markdown renderer wraps li contents in <p>. */\nli > p:first-child {\n  margin-top: 0;\n}\n\nli > p:last-child {\n  margin-bottom: 0;\n}\n\nli > p:has(+ ol) {\n  margin-bottom: 0;\n}\n\na {\n  color: var(--site-reading-link);\n  text-decoration: underline;\n  text-decoration-color: var(--site-reading-link-underline);\n  text-underline-offset: 0.15em;\n  transition:\n    color 0.2s ease,\n    text-decoration-color 0.2s ease;\n}\n\na:hover,\na:focus {\n  color: var(--site-reading-link-hover);\n  text-decoration-color: currentColor;\n}\n\na:focus-visible {\n  outline: 2px solid var(--site-accent);\n  outline-offset: 2px;\n  border-radius: 2px;\n}\n\ntime {\n  color: var(--site-reading-meta);\n  font-size: var(--type-sm);\n  font-variant-numeric: tabular-nums;\n}\n\n/* -------------------------------------------------------------------------\n * Page layout — Tufte horizontal frame\n *\n * Mirrors the main site's `.site-page > header/main/footer` rule. Every\n * top-level section gets the same asymmetric padding so the reading column\n * aligns with the rest of the site.\n *\n * 12.5% left + 4% right = 16.5% padding → content = 83.5% of the box.\n * max-width = body-max-width / 0.835 so the inner content area exactly\n * equals `--layout-body-max-width` on wide viewports. min() caps keep\n * padding from growing beyond 210px / 67px. Mobile widens to 5% / 5%\n * and the 55% content column collapses to 100% (via tokens.css).\n * ------------------------------------------------------------------------- */\n\n.site-page {\n  min-height: 100vh;\n  min-height: 100dvh;\n  background-color: var(--site-page-bg);\n}\n\n.site-page > header,\n.site-page > main,\n.site-page > footer,\n.site-page > .home-branding-credit {\n  width: 100%;\n  max-width: calc(var(--layout-body-max-width) / 0.835);\n  padding-left: min(12.5%, 210px);\n  padding-right: min(4%, 67px);\n  margin-left: auto;\n  margin-right: auto;\n}\n\n@media (max-width: 760px) {\n  .site-page > header,\n  .site-page > main,\n  .site-page > footer,\n  .site-page > .home-branding-credit {\n    padding-left: max(5%, 28px);\n    padding-right: 5%;\n  }\n}\n\n.site-main {\n  padding-top: var(--space-xl);\n  padding-bottom: var(--space-xl);\n}\n\n/* -------------------------------------------------------------------------\n * Header\n * ------------------------------------------------------------------------- */\n\n.site-header {\n  padding-top: 24px;\n  background-color: var(--site-page-bg);\n}\n\n@media (min-width: 700px) {\n  .site-header {\n    padding-top: 30px;\n  }\n}\n\n.site-header-inner {\n  display: flex;\n  flex-direction: column;\n  align-items: stretch;\n  gap: 0;\n}\n\n.site-header-top {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: clamp(0.6rem, 2.2vw, 1rem);\n  flex-wrap: nowrap;\n  min-height: 2.75rem;\n  width: 100%;\n}\n\n.site-header-top-bordered {\n  padding-bottom: 15px;\n}\n\n@media (min-width: 700px) {\n  .site-header-top-bordered {\n    padding-bottom: 18px;\n  }\n}\n\n.site-logo {\n  display: flex;\n  flex: 0 1 auto;\n  align-items: center;\n  gap: 10px;\n  min-width: 0;\n  padding: 0.15rem 0;\n  font-family: var(--font-site-title);\n  font-size: var(--type-subtitle);\n  font-weight: var(--fw-regular);\n  letter-spacing: -0.02em;\n  line-height: 1.15;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  color: var(--site-text-primary);\n  text-decoration: none;\n}\n\n.site-logo:hover,\n.site-logo:focus {\n  color: var(--site-text-primary);\n  text-decoration: none;\n}\n\n.site-logo-avatar {\n  box-sizing: border-box;\n  width: calc(var(--avatar-size) + 4px);\n  height: calc(var(--avatar-size) + 4px);\n  border-radius: var(--avatar-radius);\n  object-fit: cover;\n  border: 1px solid color-mix(in srgb, var(--site-divider) 82%, transparent);\n  flex: none;\n}\n\n.site-logo-text {\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.site-header-nav {\n  display: flex;\n  align-items: center;\n  flex-wrap: nowrap;\n  justify-content: flex-end;\n  gap: clamp(0.6rem, 2.2vw, 1rem);\n  margin-left: auto;\n  min-width: 0;\n  font-family: var(--font-ui);\n}\n\n.site-header-link {\n  display: inline-flex;\n  flex: none;\n  align-items: center;\n  position: relative;\n  min-height: 2rem;\n  padding: 0.15rem 0;\n  font-size: var(--type-ui-meta);\n  font-weight: var(--fw-medium);\n  letter-spacing: 0.01em;\n  line-height: 1;\n  white-space: nowrap;\n  color: color-mix(in srgb, var(--site-text-secondary) 62%, transparent);\n  text-decoration: none;\n  transition: color 0.15s;\n}\n\n.site-header-link:hover,\n.site-header-link:focus {\n  color: color-mix(\n    in srgb,\n    var(--site-text-primary) 84%,\n    var(--site-text-secondary)\n  );\n  text-decoration: none;\n}\n\n.site-header-link-active {\n  color: color-mix(\n    in srgb,\n    var(--site-text-primary) 84%,\n    var(--site-text-secondary)\n  );\n}\n\n/* --- \"More\" dropdown ---------------------------------------------------- */\n\n.site-header-more {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n}\n\n.site-header-more-responsive-only {\n  display: none;\n}\n\n.site-header-more-btn {\n  display: inline-flex;\n  align-items: center;\n  gap: 0.45rem;\n  min-height: 2rem;\n  padding: 0.15rem 0;\n  border: none;\n  background: transparent;\n  cursor: pointer;\n  font-family: var(--font-ui);\n  font-size: var(--type-ui-meta);\n  font-weight: var(--fw-medium);\n  letter-spacing: 0.01em;\n  line-height: 1;\n  color: color-mix(in srgb, var(--site-text-secondary) 62%, transparent);\n  transition: color 0.15s;\n}\n\n.site-header-more-btn svg {\n  width: 0.82rem;\n  height: 0.82rem;\n  transition: transform 0.18s ease;\n}\n\n.site-header-more-btn:hover,\n.site-header-more-btn[aria-expanded=\"true\"] {\n  color: color-mix(\n    in srgb,\n    var(--site-text-primary) 84%,\n    var(--site-text-secondary)\n  );\n}\n\n.site-header-more-btn[aria-expanded=\"true\"] svg {\n  transform: rotate(180deg);\n}\n\n.site-header-more-popover {\n  display: block;\n  position: absolute;\n  top: 100%;\n  right: 0;\n  margin-top: 0.6rem;\n  min-width: 12.25rem;\n  padding: 0.3rem 0;\n  background: var(--site-page-bg);\n  border: 0.5px solid color-mix(in srgb, var(--site-divider) 80%, transparent);\n  border-radius: 0.4rem;\n  box-shadow:\n    0 4px 20px -8px rgba(0, 0, 0, 0.12),\n    0 2px 6px -2px rgba(0, 0, 0, 0.06);\n  opacity: 0;\n  visibility: hidden;\n  pointer-events: none;\n  transform: translateY(-6px);\n  transform-origin: top right;\n  transition:\n    opacity 0.18s ease,\n    transform 0.18s ease,\n    visibility 0s linear 0.18s;\n  z-index: 50;\n}\n\n.site-header-more-popover[aria-hidden=\"false\"] {\n  opacity: 1;\n  visibility: visible;\n  pointer-events: auto;\n  transform: translateY(0);\n  transition-delay: 0s;\n}\n\n.site-header-more-link {\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 0.35rem;\n  padding: 0.45rem 1rem;\n  font-family: var(--font-ui);\n  font-size: var(--type-ui-meta);\n  color: var(--site-text-secondary);\n  text-decoration: none;\n  transition:\n    color 0.15s,\n    background-color 0.15s;\n}\n\n.site-header-more-link:hover,\n.site-header-more-link:focus {\n  color: color-mix(\n    in srgb,\n    var(--site-text-primary) 84%,\n    var(--site-text-secondary)\n  );\n  background: color-mix(in srgb, var(--site-nav-hover-bg) 58%, transparent);\n  text-decoration: none;\n}\n\n.site-header-more-link-active {\n  color: color-mix(\n    in srgb,\n    var(--site-text-primary) 84%,\n    var(--site-text-secondary)\n  );\n}\n\n.site-header-more-link-responsive,\n.site-header-more-divider-responsive {\n  display: none;\n}\n\n.site-header-more-divider {\n  height: 0;\n  margin: 0.35rem 0.75rem;\n  border-top: 0.5px solid\n    color-mix(in srgb, var(--site-divider) 60%, transparent);\n}\n\n/* --- Tiered responsive collapse ---------------------------------------- *\n *\n *   ≤960px — 5th+ inline link collapses into More (tier-lg)\n *   ≤780px — also 4th collapses (tier-md)\n *   ≤580px — also 3rd collapses (tier-sm)\n * The first two links always stay inline. No hamburger on static export —\n * at very narrow widths 2 inline links + More button is the floor.\n */\n\n@media (max-width: 960px) {\n  .site-header-link-collapse-lg {\n    display: none;\n  }\n\n  .site-header-more-responsive-only.site-header-more-tier-lg {\n    display: inline-flex;\n  }\n\n  .site-header-more-link-show-lg {\n    display: flex;\n  }\n\n  .site-header-more-divider-responsive {\n    display: block;\n  }\n}\n\n@media (max-width: 780px) {\n  .site-header-link-collapse-md {\n    display: none;\n  }\n\n  .site-header-more-responsive-only.site-header-more-tier-md {\n    display: inline-flex;\n  }\n\n  .site-header-more-link-show-md {\n    display: flex;\n  }\n}\n\n@media (max-width: 580px) {\n  .site-header-link-collapse-sm {\n    display: none;\n  }\n\n  .site-header-more-responsive-only.site-header-more-tier-sm {\n    display: inline-flex;\n  }\n\n  .site-header-more-link-show-sm {\n    display: flex;\n  }\n}\n\n/* -------------------------------------------------------------------------\n * Footer\n * ------------------------------------------------------------------------- */\n\n.site-footer {\n  margin-top: var(--space-xl);\n  padding-bottom: var(--space-xl);\n  color: var(--site-text-secondary);\n  font-size: var(--type-xs);\n  background-color: var(--site-page-bg);\n}\n\n.site-footer-inner {\n  border-top: 0.5px solid var(--site-divider);\n  padding-top: var(--space-xl);\n  display: flex;\n  flex-direction: column;\n  gap: 0.75rem;\n}\n\n.site-footer-content {\n  color: var(--site-text-secondary);\n}\n\n.site-footer-content p {\n  margin: 0 0 0.5em;\n}\n\n.site-footer-nav-list {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 1rem;\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n\n.home-branding-credit {\n  margin-top: var(--space-xl);\n  padding-bottom: var(--space-xl);\n  text-align: center;\n  color: var(--site-text-secondary);\n  font-size: var(--type-base);\n}\n\n.home-branding-credit a {\n  display: inline-flex;\n  align-items: center;\n  gap: 0.38rem;\n  color: inherit;\n  text-decoration: none;\n  border-bottom: 0.5px solid\n    color-mix(in srgb, var(--site-text-secondary) 45%, transparent);\n  transition:\n    color 160ms ease,\n    border-color 160ms ease;\n}\n\n.home-branding-credit a:hover,\n.home-branding-credit a:focus-visible {\n  color: var(--site-text-primary);\n  border-color: currentColor;\n}\n\n/* -------------------------------------------------------------------------\n * Tufte content-width constraint\n *\n * Mirrors the main site's 55% rule: reading text occupies a narrow\n * column inside the Tufte frame, leaving a wide right margin that\n * would host sidenotes on the main site. Media (images, video, audio)\n * is NOT included — galleries intentionally span the full frame so\n * they can breathe.\n *\n * Mobile (<=760px): `--layout-content-width` collapses to 100% via\n * tokens.css. Tablet: cap at 35rem for readability.\n * ------------------------------------------------------------------------- */\n\n.section-header,\n.section-body,\n.post-card-title,\n.post-card-summary,\n.post-card-link-domain,\n.post-card-quote-content,\n.post-card-quote-attribution,\n.post-card-quote-commentary,\n.post-card-footer,\n.reply-title,\n.reply-body,\n.reply-link-domain,\n.reply-footer,\n.thread-title,\n.thread-body,\n.thread-link-domain,\n.thread-footer,\n.collection-directory,\n.pagination,\n.empty-state,\n.page-summary {\n  width: var(--layout-content-width);\n  max-width: 100%;\n}\n\n@media (min-width: 761px) and (max-width: 1024px) {\n  .section-header,\n  .section-body,\n  .post-card-title,\n  .post-card-summary,\n  .post-card-link-domain,\n  .post-card-quote-content,\n  .post-card-quote-attribution,\n  .post-card-quote-commentary,\n  .post-card-footer,\n  .reply-title,\n  .reply-body,\n  .reply-link-domain,\n  .reply-footer,\n  .thread-title,\n  .thread-body,\n  .thread-link-domain,\n  .thread-footer,\n  .collection-directory,\n  .pagination,\n  .empty-state,\n  .page-summary {\n    width: min(100%, 35rem);\n  }\n}\n\n/* -------------------------------------------------------------------------\n * Section headers\n * ------------------------------------------------------------------------- */\n\n.section-header {\n  margin-bottom: var(--space-xl);\n  padding-bottom: 1rem;\n  border-bottom: 1px solid var(--site-border-light);\n}\n\n.section-title {\n  margin: 0 0 0.25em;\n}\n\n.section-summary {\n  margin: 0;\n  color: var(--site-reading-meta);\n  font-size: var(--type-secondary);\n}\n\n.section-meta {\n  margin: 0.5em 0 0;\n  color: var(--site-reading-meta);\n  font-size: var(--type-sm);\n}\n\n/* -------------------------------------------------------------------------\n * Post list + post cards\n * ------------------------------------------------------------------------- */\n\n.post-list {\n  display: flex;\n  flex-direction: column;\n  gap: calc(var(--space-xl) * 1.25);\n}\n\n.post-list-pinned {\n  margin-bottom: calc(var(--space-xl) * 1.25);\n  padding-bottom: calc(var(--space-xl) * 1.25);\n  border-bottom: 1px solid var(--site-border-light);\n}\n\n/* Decorative divider between posts in a timeline feed. Mirrors the main\n   site's `hr.feed-divider`: a trio of small chevron marks masked from the\n   current text color, so it picks up the theme automatically.\n   `margin-left` centers the divider within the 55% reading column so it\n   visually sits at the middle of the post-card text stack. */\nhr.feed-divider {\n  border: none;\n  width: 30px;\n  height: 9px;\n  margin: 0;\n  margin-left: calc(var(--layout-content-width) / 2 - 15px);\n  color: var(--site-feed-divider-color);\n  background-color: currentColor;\n  -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 45 13'%3E%3Cpath fill='black' transform='translate(0,0) rotate(90 6 6.5)' d='M6.765.5.177 6.093l2.61 5.966 8.39-3.17L6.765.5Z'/%3E%3Cpath fill='black' transform='translate(16,0) rotate(100 6 6.5)' d='M6.765.5.177 6.093l2.61 5.966 8.39-3.17L6.765.5Z'/%3E%3Cpath fill='black' transform='translate(32,0) rotate(80 6 6.5)' d='M6.765.5.177 6.093l2.61 5.966 8.39-3.17L6.765.5Z'/%3E%3C/svg%3E\");\n  mask-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 45 13'%3E%3Cpath fill='black' transform='translate(0,0) rotate(90 6 6.5)' d='M6.765.5.177 6.093l2.61 5.966 8.39-3.17L6.765.5Z'/%3E%3Cpath fill='black' transform='translate(16,0) rotate(100 6 6.5)' d='M6.765.5.177 6.093l2.61 5.966 8.39-3.17L6.765.5Z'/%3E%3Cpath fill='black' transform='translate(32,0) rotate(80 6 6.5)' d='M6.765.5.177 6.093l2.61 5.966 8.39-3.17L6.765.5Z'/%3E%3C/svg%3E\");\n  -webkit-mask-repeat: no-repeat;\n  mask-repeat: no-repeat;\n  -webkit-mask-position: center;\n  mask-position: center;\n  -webkit-mask-size: contain;\n  mask-size: contain;\n}\n\n.post-card {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  gap: 0.75rem;\n}\n\n.post-card-title {\n  font-family: var(--font-heading);\n  font-size: var(--feed-note-title-size);\n  font-weight: var(--type-heading-weight);\n  line-height: var(--feed-note-title-leading);\n  margin: 0;\n  color: var(--site-reading-title);\n}\n\n.post-card-title a {\n  color: inherit;\n  text-decoration: none;\n}\n\n.post-card-title a:hover,\n.post-card-title a:focus {\n  text-decoration: underline;\n  text-underline-offset: 0.18em;\n}\n\n.post-card-summary {\n  margin: 0;\n  color: var(--site-reading-body);\n}\n\n.post-card > .post-card-summary :is(h1, h2),\n.post-card > .post-card-quote-commentary :is(h1, h2) {\n  font-size: calc(var(--type-content-body) * 1.12);\n  font-weight: var(--fw-medium);\n  margin-top: 1.45rem;\n  margin-bottom: 0.55rem;\n}\n\n.post-card > .post-card-summary :is(h3, h4),\n.post-card > .post-card-quote-commentary :is(h3, h4) {\n  font-size: var(--type-content-body);\n  font-weight: var(--fw-medium);\n  margin-top: 1.2rem;\n  margin-bottom: 0.45rem;\n}\n\n.post-card > .post-card-summary :is(h5, h6),\n.post-card > .post-card-quote-commentary :is(h5, h6) {\n  font-size: var(--type-secondary);\n  font-weight: var(--fw-medium);\n  color: var(--site-text-secondary);\n  margin-top: 1rem;\n  margin-bottom: 0.35rem;\n}\n\n/* Link card domain row — shown ABOVE the title (matches main site's\n   `.feed-link-domain` pattern). Inline flex with icon + host text. */\n.post-card-link-domain,\n.thread-link-domain,\n.reply-link-domain {\n  display: inline-flex;\n  align-items: center;\n  gap: 0.3rem;\n  max-width: 100%;\n  margin: 0 0 0.4rem 0;\n  font-family: var(--font-ui);\n  font-size: var(--type-ui-meta);\n  font-weight: var(--fw-regular);\n  line-height: 1.3;\n  color: var(--site-text-secondary);\n  text-decoration: none;\n  word-break: break-all;\n  transition: color 0.18s ease;\n}\n\n.post-card-link-domain:hover,\n.post-card-link-domain:focus,\n.thread-link-domain:hover,\n.thread-link-domain:focus,\n.reply-link-domain:hover,\n.reply-link-domain:focus {\n  color: var(--site-text-primary);\n}\n\n.post-card-link-domain-icon {\n  width: 0.72rem;\n  height: 0.72rem;\n  flex-shrink: 0;\n}\n\n/* Slight extra breathing room below link-card titles to match main site. */\n.post-card-link-title,\n.thread-link-title,\n.reply-link-title {\n  text-wrap: pretty;\n}\n\n.post-card-link-title a,\n.thread-link-title a,\n.reply-link-title a {\n  text-decoration: none;\n}\n\n.post-card-link-title a:hover,\n.post-card-link-title a:focus,\n.thread-link-title a:hover,\n.thread-link-title a:focus,\n.reply-link-title a:hover,\n.reply-link-title a:focus {\n  text-decoration: underline;\n  text-underline-offset: 3px;\n}\n\n.post-card-media,\n.reply-media,\n.thread-media {\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: 0.75rem;\n}\n\n.post-card-figure img,\n.reply-figure img,\n.thread-figure img {\n  display: block;\n  width: 100%;\n  border-radius: var(--media-radius);\n  border: 1px solid var(--site-media-outline);\n}\n\n.post-card-figure video,\n.reply-figure video,\n.thread-figure video {\n  display: block;\n  width: 100%;\n  height: auto;\n  border-radius: var(--media-radius);\n  border: 1px solid var(--site-media-outline);\n  background: #000;\n}\n\n.post-card-figure audio,\n.reply-figure audio,\n.thread-figure audio {\n  display: block;\n  width: 100%;\n}\n\n.post-card-figure-video a {\n  position: relative;\n  display: block;\n}\n\n.post-card-video-badge {\n  position: absolute;\n  left: 0.5rem;\n  bottom: 0.5rem;\n  padding: 0.125rem 0.5rem;\n  font-size: var(--type-xs);\n  color: #fff;\n  background: rgba(0, 0, 0, 0.65);\n  border-radius: 999px;\n  pointer-events: none;\n}\n\n.thread-file a,\n.reply-file a {\n  color: var(--site-link);\n  text-decoration: underline;\n}\n\n/* -------------------------------------------------------------------------\n * Quote format — decorative mark, serif body, attribution line\n * ------------------------------------------------------------------------- */\n\n.post-card-quote {\n  position: static;\n  margin: 0;\n  padding: 0;\n  border: 0;\n  border-radius: 0;\n  background: transparent;\n  color: var(--site-reading-quote);\n  font-family: inherit;\n  font-style: normal;\n}\n\n/* Quote-format posts have their own decorative `.post-card-quote-mark`\n   SVG inside the blockquote — suppress the global blockquote icon. */\n.post-card-quote::before {\n  content: none;\n}\n\n.post-card-quote-mark {\n  display: block;\n  position: relative;\n  width: 1.7rem;\n  margin-bottom: -0.1rem;\n  margin-left: -0.04rem;\n  line-height: 0;\n  pointer-events: none;\n  color: color-mix(in srgb, var(--site-accent) 14%, var(--site-divider));\n  opacity: 0.66;\n}\n\n.post-card-quote-mark svg {\n  display: block;\n  width: 100%;\n  height: auto;\n}\n\n.post-card-quote-content {\n  font-family: var(--font-serif);\n  color: var(--site-text-primary);\n  font-size: var(--type-content-quote);\n  line-height: var(--type-content-quote-leading);\n  white-space: pre-line;\n  text-wrap: pretty;\n  margin: 0;\n}\n\n.post-card-quote-attribution {\n  display: flex;\n  align-items: center;\n  gap: 0.45rem;\n  flex-wrap: wrap;\n  margin-top: 0.95rem;\n  color: var(--site-text-secondary);\n  font-family: var(--font-ui);\n  font-size: var(--type-ui-meta);\n  font-style: normal;\n  line-height: 1.3;\n}\n\n.post-card-quote-attribution::before {\n  content: \"\";\n  width: 0.9rem;\n  height: 1px;\n  background: color-mix(\n    in srgb,\n    var(--site-text-secondary) 38%,\n    var(--site-divider)\n  );\n}\n\n.post-card-quote-source {\n  color: inherit;\n  text-decoration: underline;\n  text-decoration-color: color-mix(\n    in srgb,\n    var(--site-text-secondary) 55%,\n    transparent\n  );\n  text-underline-offset: 3px;\n}\n\n.post-card-quote-source:hover,\n.post-card-quote-source:focus {\n  color: var(--site-text-primary);\n  text-decoration-color: currentColor;\n}\n\n.post-card-quote-commentary {\n  position: relative;\n  margin-top: 1.1rem;\n  padding-top: 0.95rem;\n  color: color-mix(\n    in srgb,\n    var(--site-text-secondary) 84%,\n    var(--site-text-primary)\n  );\n  text-wrap: pretty;\n}\n\n.post-card-quote-commentary::before {\n  content: \"\";\n  position: absolute;\n  left: 0;\n  right: 0;\n  top: 0;\n  height: 1px;\n  background: linear-gradient(\n    90deg,\n    transparent 0%,\n    color-mix(in srgb, var(--site-divider) 48%, transparent) 16%,\n    color-mix(in srgb, var(--site-divider) 78%, transparent) 50%,\n    color-mix(in srgb, var(--site-divider) 48%, transparent) 84%,\n    transparent 100%\n  );\n}\n\n.post-card-quote-commentary.prose > :first-child {\n  margin-top: 0;\n}\n\n.post-card-quote-commentary.prose > :last-child {\n  margin-bottom: 0;\n}\n\n.post-card-quote-commentary p {\n  margin: 0;\n}\n\n.post-card-quote-commentary p + p,\n.post-card-quote-commentary ul,\n.post-card-quote-commentary ol,\n.post-card-quote-commentary blockquote,\n.post-card-quote-commentary pre {\n  margin-top: 0.55rem;\n}\n\n/* Fade the post meta on quote cards so the quote body stays visually primary. */\n.post-card-quote ~ .post-card-footer,\n.post-card-quote-commentary + .post-card-footer {\n  opacity: 0.72;\n}\n\n/* -------------------------------------------------------------------------\n * Post footer — meta (featured, time, external link, collections, pinned)\n * ------------------------------------------------------------------------- */\n\n.post-card-footer,\n.reply-footer {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  gap: 10px;\n  min-height: 2rem;\n  font-size: var(--type-ui-hint);\n}\n\n.post-footer-detail {\n  margin-top: 24px;\n  /* Match the feed/reply footer size so the root post's footer doesn't\n     visually dominate. Main site uses a larger size because every post\n     on the detail page is rendered at detail size; here only the root\n     post gets this class, which otherwise creates a mismatch with the\n     replies below. */\n  font-size: var(--type-ui-hint);\n  color: var(--site-text-secondary);\n}\n\n.post-footer-meta {\n  display: flex;\n  flex: 1 1 auto;\n  align-items: center;\n  gap: 8px;\n  flex-wrap: wrap;\n  min-width: 0;\n  font-family: var(--font-ui);\n  line-height: 1.35;\n  color: var(--site-text-secondary);\n}\n\n.post-footer-meta time {\n  font-size: inherit;\n  color: inherit;\n}\n\n.post-footer-featured {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  color: color-mix(\n    in srgb,\n    var(--search-mark-color) 72%,\n    var(--site-text-secondary)\n  );\n  flex-shrink: 0;\n}\n\n.post-footer-featured svg {\n  width: 1rem;\n  height: 1rem;\n  opacity: 0.9;\n}\n\n.post-footer-link {\n  color: var(--site-text-secondary);\n  text-decoration: none;\n  white-space: nowrap;\n  flex-shrink: 0;\n}\n\n.post-footer-link:hover,\n.post-footer-link:focus {\n  color: var(--site-text-primary);\n  text-decoration: underline;\n}\n\n.post-footer-external-link {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 1.6rem;\n  height: 1.6rem;\n  border-radius: 0.6rem;\n  color: var(--site-text-secondary);\n  text-decoration: none;\n  transition:\n    color 0.18s ease,\n    background-color 0.16s ease;\n  flex-shrink: 0;\n}\n\n.post-footer-external-link:hover,\n.post-footer-external-link:focus {\n  color: var(--site-text-primary);\n}\n\n.post-footer-external-link svg {\n  width: 1rem;\n  height: 1rem;\n}\n\n.post-collection-tags {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  flex-wrap: wrap;\n  min-width: 0;\n  max-width: 100%;\n  color: var(--site-text-secondary);\n}\n\n.post-collection-tag {\n  display: inline-flex;\n  align-items: center;\n  gap: 3px;\n  color: inherit;\n  text-decoration: none;\n  min-width: 0;\n  max-width: min(100%, 22ch);\n}\n\n.post-collection-tag:hover,\n.post-collection-tag:focus {\n  color: var(--site-text-primary);\n  text-decoration: underline;\n  text-underline-offset: 0.18em;\n}\n\n.post-collection-tag-text {\n  display: block;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.post-card-pin {\n  font-size: var(--type-2xs);\n  text-transform: uppercase;\n  letter-spacing: var(--type-label-tracking);\n  color: var(--site-accent);\n  border: 1px solid var(--site-accent);\n  padding: 0.1em 0.5em;\n  border-radius: 999px;\n  flex-shrink: 0;\n}\n\n/* -------------------------------------------------------------------------\n * Thread preview (list pages: root context + hero latest reply)\n *\n * Mirrors the main site's `.thread-group.thread-group-preview` layout:\n * content sits flush-left inside the preview, and the vertical rail +\n * dot markers are positioned OUTSIDE the content (overflowing into the\n * container's left gutter) via a negative `left` on the rail/dots.\n * ------------------------------------------------------------------------- */\n\n.thread-preview {\n  /* Rail position: negative = overflow outside content. Mirrors\n     `--site-thread-rail-line-left` on the main site. */\n  --thread-rail-left: -27px;\n  --thread-rail-width: 1px;\n  --thread-rail-indent: 0px;\n  --thread-dot-size: 10px;\n  --thread-dot-ring-width: 2px;\n  --thread-dot-border-width: 2px;\n  --thread-hero-dot-size: 14px;\n  --thread-hero-dot-border-width: 3px;\n  --thread-item-spacing: 0.35rem;\n\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  gap: 0.6rem;\n  padding-left: var(--thread-rail-indent);\n}\n\n@media (max-width: 760px) {\n  .thread-preview {\n    --thread-rail-left: -11px;\n    --thread-rail-indent: 8px;\n  }\n}\n\n/* Continuous vertical rail — subtle gradient so the line fades into\n   whitespace at the top and tail. Sits outside the content via negative\n   `left`. */\n.thread-preview::before {\n  content: \"\";\n  position: absolute;\n  left: var(--thread-rail-left);\n  top: 0;\n  bottom: 0;\n  width: var(--thread-rail-width);\n  background: linear-gradient(\n    180deg,\n    transparent 0,\n    color-mix(in srgb, var(--site-threadline) 85%, transparent) 8%,\n    color-mix(in srgb, var(--site-threadline) 55%, transparent) 100%\n  );\n  pointer-events: none;\n}\n\n.thread-preview-context {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  /* Match runtime `.thread-group-preview .thread-item` which uses\n     `padding: var(--site-thread-item-spacing) 0` — adjacent items have\n     2x the token between them, so the flex `gap` here is 2x to match. */\n  gap: calc(var(--site-thread-item-spacing) * 2);\n  margin: 0;\n  padding: 0;\n  border-left: 0;\n}\n\n/* Individual entry in a thread preview — wraps a full `.post-card` so\n   the root, second, and penultimate replies render with their own\n   title/body/footer. Dot marker sits on the rail at the card's\n   vertical midpoint. */\n.thread-preview .thread-item {\n  position: relative;\n  min-width: 0;\n  max-width: 100%;\n}\n\n.thread-preview .thread-item::before {\n  content: \"\";\n  position: absolute;\n  left: calc(\n    var(--thread-rail-left) + var(--thread-rail-width) / 2 -\n      var(--thread-dot-size) / 2 - var(--thread-rail-indent)\n  );\n  top: 1.4rem;\n  width: var(--thread-dot-size);\n  height: var(--thread-dot-size);\n  border-radius: 50%;\n  background-color: var(--site-threadline);\n  border: var(--thread-dot-border-width) solid var(--site-page-bg);\n  box-shadow: 0 0 0 var(--thread-dot-ring-width) var(--site-thread-dot-ring);\n  z-index: 1;\n}\n\n/* Gap \"N more posts\" row has no card so we place the marker at its\n   vertical midpoint instead of the card's top area. Swap the single dot\n   for a short column of small beads (a vertical \"⋮\") so the rail visibly\n   \"skips\" a run of posts — mirrors the main site's `.thread-item-gap`. */\n.thread-preview .thread-item-gap {\n  display: flex;\n  align-items: center;\n  padding: 0.15rem 0 0.35rem;\n}\n\n.thread-preview .thread-item-gap::before {\n  top: 50%;\n  transform: translateY(-50%);\n  left: calc(\n    var(--thread-rail-left) + var(--thread-rail-width) / 2 - 2px -\n      var(--thread-rail-indent)\n  );\n  width: 4px;\n  height: 24px;\n  border: 0;\n  border-radius: 0;\n  background: radial-gradient(\n    circle,\n    var(--site-threadline) 1.75px,\n    transparent 2px\n  );\n  background-size: 4px 8px;\n  background-repeat: repeat-y;\n  background-position: center top;\n  box-shadow: none;\n}\n\n/* Hidden-posts count — a calm route into the thread, matching the main\n   site's `.thread-gap-link`: styled like a sibling of the Show more toggle\n   with a small right-pointing chevron rather than an underline, firming up\n   to the primary text colour on hover. */\n.thread-preview-gap {\n  display: inline-flex;\n  align-items: center;\n  gap: 0.4rem;\n  align-self: flex-start;\n  margin: 0.15rem 0;\n  padding: 0.25rem 0;\n  color: var(--site-text-secondary);\n  font-size: var(--type-thread-context-meta);\n  font-weight: 500;\n  line-height: 1.2;\n  text-decoration: none;\n  transition: color 0.18s ease;\n}\n\n.thread-preview-gap::after {\n  content: \"\";\n  width: 0.36em;\n  height: 0.36em;\n  border: 1.5px solid currentColor;\n  border-left: 0;\n  border-bottom: 0;\n  opacity: 0.65;\n  transform: rotate(45deg);\n  transition:\n    transform 0.18s ease,\n    opacity 0.18s ease;\n}\n\n.thread-preview-gap:hover,\n.thread-preview-gap:focus {\n  color: var(--site-text-primary);\n}\n\n.thread-preview-gap:hover::after,\n.thread-preview-gap:focus::after {\n  opacity: 1;\n  transform: translateX(2px) rotate(45deg);\n}\n\n/* Hero (latest reply) row: spacing above and below matches the main\n   site's `.thread-item-hero`, and the dot is larger + accent-colored. */\n.thread-preview-hero {\n  display: flex;\n  flex-direction: column;\n  gap: 0.5rem;\n  padding-top: calc(var(--space-xl) * 1.1);\n  margin-top: 0;\n}\n\n/* Featured timelines keep Post-level selection while grouping by Thread.\n   Selected Root/Child Posts use the accent marker; context Posts retain the\n   neutral rail marker. */\n.thread-preview .thread-item-featured::before {\n  left: calc(\n    var(--thread-rail-left) + var(--thread-rail-width) / 2 -\n      var(--thread-hero-dot-size) / 2 - var(--thread-rail-indent)\n  );\n  width: var(--thread-hero-dot-size);\n  height: var(--thread-hero-dot-size);\n  background-color: var(--site-accent);\n  border-width: var(--thread-hero-dot-border-width);\n}\n\n.thread-preview .thread-item-hero::before {\n  left: calc(\n    var(--thread-rail-left) + var(--thread-rail-width) / 2 -\n      var(--thread-hero-dot-size) / 2 - var(--thread-rail-indent)\n  );\n  top: calc(var(--space-xl) * 1.1 + 1.4rem);\n  width: var(--thread-hero-dot-size);\n  height: var(--thread-hero-dot-size);\n  background-color: var(--site-accent);\n  border-width: var(--thread-hero-dot-border-width);\n}\n\n.thread-preview-thread-link {\n  align-self: flex-start;\n  font-size: var(--type-sm);\n  color: var(--site-reading-meta);\n  text-decoration: none;\n}\n\n.thread-preview-thread-link:hover,\n.thread-preview-thread-link:focus {\n  color: var(--site-text-primary);\n  text-decoration: underline;\n}\n\n/* -------------------------------------------------------------------------\n * Thread (single post page with inline replies)\n * ------------------------------------------------------------------------- */\n\n.thread {\n  /* Rail variables match `.thread-preview` so the detail-page rail\n     shares the same visual position. */\n  --thread-rail-left: -27px;\n  --thread-rail-width: 1px;\n  --thread-rail-indent: 0px;\n  --thread-dot-size: 10px;\n  --thread-dot-ring-width: 2px;\n  --thread-dot-border-width: 2px;\n  --thread-hero-dot-size: 14px;\n  --thread-hero-dot-border-width: 3px;\n\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  gap: 1.25rem;\n  padding-left: var(--thread-rail-indent);\n}\n\n@media (max-width: 760px) {\n  .thread {\n    --thread-rail-left: -11px;\n    --thread-rail-indent: 8px;\n  }\n}\n\n/* Continuous vertical rail spanning the entire thread (root post + replies).\n   Only shown when the root post actually has replies — a lone post should\n   not have a rail or dot. Matches `.thread-preview`. */\n.thread-has-replies::before {\n  content: \"\";\n  position: absolute;\n  left: var(--thread-rail-left);\n  top: 0;\n  bottom: 0;\n  width: var(--thread-rail-width);\n  background: linear-gradient(\n    180deg,\n    transparent 0,\n    color-mix(in srgb, var(--site-threadline) 85%, transparent) 8%,\n    color-mix(in srgb, var(--site-threadline) 55%, transparent) 100%\n  );\n  pointer-events: none;\n}\n\n/* Dot marker for each post in the thread (root + replies). Shown only when\n   there are replies so a solo post doesn't get an orphaned dot. */\n.thread .thread-item {\n  position: relative;\n  min-width: 0;\n  max-width: 100%;\n}\n\n.thread-has-replies .thread-item::before {\n  content: \"\";\n  position: absolute;\n  left: calc(\n    var(--thread-rail-left) + var(--thread-rail-width) / 2 -\n      var(--thread-dot-size) / 2 - var(--thread-rail-indent)\n  );\n  top: 1.4rem;\n  width: var(--thread-dot-size);\n  height: var(--thread-dot-size);\n  border-radius: 50%;\n  background-color: var(--site-threadline);\n  border: var(--thread-dot-border-width) solid var(--site-page-bg);\n  box-shadow: 0 0 0 var(--thread-dot-ring-width) var(--site-thread-dot-ring);\n  z-index: 1;\n}\n\n.thread-item-root {\n  display: flex;\n  flex-direction: column;\n  gap: 0.75rem;\n}\n\n.thread-header {\n  display: flex;\n  flex-direction: column;\n  gap: 0.5rem;\n}\n\n.thread-title {\n  font-family: var(--font-heading);\n  font-size: var(--type-content-display);\n  font-weight: var(--type-display-weight);\n  line-height: var(--type-display-leading);\n  margin: 0;\n  color: var(--site-reading-title);\n}\n\n.thread-title a {\n  color: inherit;\n  text-decoration: none;\n}\n\n.thread-title a:hover,\n.thread-title a:focus {\n  text-decoration: underline;\n  text-underline-offset: 0.18em;\n}\n\n.thread-body {\n  font-size: var(--type-content-body);\n  line-height: var(--type-body-leading);\n  color: var(--site-reading-body);\n}\n\n.thread-body > :first-child {\n  margin-top: 0;\n}\n\n.thread-body > :last-child {\n  margin-bottom: 0;\n}\n\n.thread-replies {\n  /* Flex container for replies. The rail and dots are provided by\n     `.thread::before` and `.thread-item::before` so replies stay visually\n     connected to the root post. */\n  display: flex;\n  flex-direction: column;\n  gap: var(--space-xl);\n}\n\n/* -------------------------------------------------------------------------\n * Replies\n * ------------------------------------------------------------------------- */\n\n.reply {\n  scroll-margin-top: 1.5rem;\n  display: flex;\n  flex-direction: column;\n  gap: 0.6rem;\n}\n\n.reply:target {\n  background-color: var(--search-mark-bg);\n  border-radius: 0.25rem;\n  padding: 0.75rem 1rem;\n  margin-left: -1rem;\n  margin-right: -1rem;\n}\n\n.reply:target::before {\n  background-color: var(--site-accent);\n}\n\n.reply-title {\n  font-family: var(--font-heading);\n  font-size: var(--type-content-subtitle);\n  font-weight: var(--type-heading-weight);\n  line-height: var(--type-heading-leading);\n  margin: 0;\n  color: var(--site-reading-heading);\n}\n\n.reply-body {\n  color: var(--site-reading-body);\n}\n\n.reply-body > :first-child {\n  margin-top: 0;\n}\n\n.reply-body > :last-child {\n  margin-bottom: 0;\n}\n\n/* -------------------------------------------------------------------------\n * Collections page\n *\n * Mirrors the main site's authenticated-less collections view\n * (`ui/pages/CollectionsPage.tsx` + `ui/shared/CollectionDirectory.tsx`):\n * a page-intro block with count, then a two-column grid per row where a\n * monospace sequence label sits beside the collection title, description,\n * and entry/activity meta.\n * ------------------------------------------------------------------------- */\n\n.collections-page-shell {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  width: var(--layout-content-width);\n  max-width: 100%;\n  gap: clamp(1.25rem, 3vw, 1.75rem);\n}\n\n@media (min-width: 761px) and (max-width: 1024px) {\n  .collections-page-shell {\n    width: min(100%, 35rem);\n  }\n}\n\n@media (max-width: 760px) {\n  .collections-page-shell {\n    width: 100%;\n  }\n}\n\n.collections-page-header {\n  position: relative;\n  display: flex;\n  align-items: flex-start;\n  padding-bottom: 0.2rem;\n}\n\n.collections-page-heading {\n  min-width: 0;\n  flex: 1 1 18rem;\n}\n\n.page-intro {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  padding-bottom: 0.1rem;\n}\n\n.page-intro-title-row {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: baseline;\n  gap: 0.7rem;\n  min-width: 0;\n}\n\n.page-intro-title {\n  margin: 0;\n  font-family: var(--font-heading);\n  font-size: var(--type-title, 2rem);\n  font-weight: var(--type-heading-weight);\n  line-height: 1.15;\n  letter-spacing: -0.01em;\n  color: var(--site-text-primary);\n}\n\n.page-intro-meta-row {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  justify-content: space-between;\n  gap: 0.75rem 1rem;\n}\n\n.page-intro-meta,\n.page-intro-description {\n  margin: 0;\n  color: var(--site-text-secondary);\n  font-family: var(--font-ui);\n  font-size: var(--type-secondary);\n  line-height: 1.3;\n}\n\n.collection-directory {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  gap: 0.15rem;\n  list-style: none;\n  padding: 0;\n  margin: 0;\n}\n\n.collection-directory-item {\n  position: relative;\n  display: flex;\n  align-items: flex-start;\n  gap: 0.75rem;\n  padding: 0.95rem 0;\n  background: transparent;\n  text-decoration: none;\n}\n\n.collection-directory-main {\n  --collection-directory-sequence-width: 3.5ch;\n  --collection-directory-title-line-height: 1.18;\n  min-width: 0;\n  flex: 1;\n  display: grid;\n  grid-template-columns: var(--collection-directory-sequence-width) minmax(\n      0,\n      1fr\n    );\n  align-items: start;\n  column-gap: 0.8rem;\n  row-gap: 0.25rem;\n}\n\n.collection-directory-sequence {\n  grid-column: 1;\n  grid-row: 1;\n  display: block;\n  width: var(--collection-directory-sequence-width);\n  padding-top: 0.2rem;\n  font-family: var(--font-mono);\n  font-size: var(--type-xs);\n  font-variant-numeric: tabular-nums;\n  line-height: var(--collection-directory-title-line-height);\n  letter-spacing: 0.14em;\n  color: var(--site-text-secondary);\n}\n\n.collection-directory-title-row {\n  grid-column: 2;\n  grid-row: 1;\n  min-width: 0;\n  display: flex;\n  align-items: flex-start;\n}\n\n.collection-directory-title-link {\n  color: inherit;\n  text-decoration: none;\n  transition: color 0.15s ease;\n}\n\n.collection-directory-title-link:hover,\n.collection-directory-title-link:focus-visible {\n  color: var(--site-text-primary);\n}\n\n.collection-directory-title-link:hover .collection-directory-title,\n.collection-directory-title-link:focus-visible .collection-directory-title {\n  text-decoration: underline;\n  text-underline-offset: 3px;\n}\n\n.collection-directory-title {\n  min-width: 0;\n  display: inline-flex;\n  align-items: center;\n  gap: 0.45rem;\n  font-family: var(--font-heading);\n  font-size: var(--type-content-body);\n  font-weight: var(--type-heading-weight);\n  line-height: var(--collection-directory-title-line-height);\n  letter-spacing: -0.02em;\n  text-wrap: pretty;\n}\n\n.collection-directory-title-marker {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 0.95rem;\n  min-width: 0.95rem;\n  height: 0.95rem;\n  color: var(--site-text-secondary);\n  transition: color 0.15s ease;\n}\n\n.collection-directory-title-link:hover .collection-directory-title-marker,\n.collection-directory-title-link:focus-visible\n  .collection-directory-title-marker {\n  color: var(--site-text-primary);\n}\n\n.collection-directory-description {\n  grid-column: 2;\n  grid-row: 2;\n  margin: 0;\n  color: color-mix(in srgb, var(--site-text-secondary) 80%, transparent);\n  font-family: var(--font-body);\n  font-size: var(--type-sm);\n  line-height: 1.45;\n}\n\n.collection-directory-description :where(p) {\n  margin-top: 0.25em;\n  margin-bottom: 0.25em;\n}\n\n/* Links inside the description inherit the description color so they sit in\n   the same gray tone as the copy around them (matches the main site's\n   `.prose { --tw-prose-links: var(--site-content-link); }` which resolves\n   to `inherit`). The underline stays, drawn in currentColor. */\n.collection-directory-description :where(a) {\n  color: inherit;\n  text-decoration: underline;\n  text-decoration-color: currentColor;\n  text-underline-offset: 0.15em;\n}\n\n.collection-directory-description :where(a:hover),\n.collection-directory-description :where(a:focus-visible) {\n  color: var(--site-text-primary);\n}\n\n.collection-directory-description :where(p:first-child) {\n  margin-top: 0;\n}\n\n.collection-directory-description :where(p:last-child) {\n  margin-bottom: 0;\n}\n\n.collection-directory-description + .collection-directory-summary {\n  grid-row: 3;\n}\n\n.collection-directory-summary {\n  grid-column: 2;\n  grid-row: 2;\n  display: flex;\n  min-width: 0;\n  overflow: hidden;\n  align-items: center;\n  gap: 0.2rem 0.5rem;\n  margin: 0;\n  color: var(--site-reading-meta);\n  font-family: var(--font-ui);\n  font-size: var(--type-sm);\n  line-height: 1.3;\n  white-space: nowrap;\n}\n\n.collection-directory-meta {\n  flex: 0 0 auto;\n  color: inherit;\n}\n\n.collection-directory-meta-separator {\n  flex: 0 0 auto;\n  color: color-mix(in srgb, var(--site-divider) 88%, transparent);\n}\n\n.collection-directory-updated {\n  flex: 0 0 auto;\n  color: inherit;\n  white-space: nowrap;\n}\n\n.collection-directory-divider {\n  padding: 1.5rem 0 0.85rem;\n}\n\n.collection-directory-divider-row {\n  display: flex;\n  align-items: center;\n  gap: 0.95rem;\n}\n\n.collection-directory-divider-text {\n  font-family: var(--font-heading);\n  font-size: var(--type-secondary);\n  letter-spacing: 0;\n  font-style: normal;\n  white-space: nowrap;\n  color: var(--site-text-secondary);\n}\n\n.collection-directory-divider-line {\n  flex: 1;\n  height: 1px;\n  border: none;\n  margin: 0;\n  background: linear-gradient(\n    90deg,\n    color-mix(in srgb, var(--site-divider) 100%, transparent),\n    color-mix(in srgb, var(--site-divider) 54%, transparent) 34%,\n    transparent 86%\n  );\n}\n\n/* -------------------------------------------------------------------------\n * Pagination\n * ------------------------------------------------------------------------- */\n\n.pagination {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-wrap: wrap;\n  gap: 1rem;\n  padding: 1.5rem 0;\n  font-size: var(--type-sm);\n  font-variant-numeric: tabular-nums;\n}\n\n.pagination-link {\n  color: var(--site-text-secondary);\n  text-decoration: underline;\n  text-underline-offset: 3px;\n  transition: color 0.15s ease;\n}\n\n.pagination-link:hover,\n.pagination-link:focus {\n  color: var(--site-text-primary);\n}\n\n.pagination-link.is-disabled {\n  color: color-mix(in srgb, var(--site-text-secondary) 50%, transparent);\n  cursor: default;\n  text-decoration: none;\n}\n\n.pagination-current {\n  color: var(--site-text-primary);\n  font-weight: var(--fw-medium);\n}\n\n.pagination-ellipsis {\n  color: var(--site-text-secondary);\n}\n\n/* -------------------------------------------------------------------------\n * Empty states + utility\n * ------------------------------------------------------------------------- */\n\n.empty-state {\n  color: var(--site-reading-meta);\n  font-style: italic;\n  text-align: center;\n  padding: var(--space-xl) 0;\n}\n\n.page,\n.section {\n  display: block;\n}\n\n.page-summary,\n.section-summary {\n  font-size: var(--type-secondary);\n  color: var(--site-reading-meta);\n}\n\n/* -------------------------------------------------------------------------\n * Wider viewport refinements\n * ------------------------------------------------------------------------- */\n\n@media (min-width: 768px) {\n  .site-main {\n    padding-top: calc(var(--space-xl) * 1.5);\n    padding-bottom: calc(var(--space-xl) * 1.5);\n  }\n\n  .post-card-media,\n  .thread-media,\n  .reply-media {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n\n  .post-card-media:has(> :only-child),\n  .thread-media:has(> :only-child),\n  .reply-media:has(> :only-child) {\n    grid-template-columns: 1fr;\n  }\n}\n";
+var main_default = "/*\n * Jant Hugo Export — main.css\n *\n * Fresh minimal text-first design. All colors, spacing, and type sizing\n * come from tokens.css (loaded first in the <head>). Color theme values\n * are supplied by theme.css; customizations live in custom.css.\n *\n * Load order in <head>: tokens.css → main.css → theme.css → custom.css\n *\n * This file intentionally avoids any hardcoded hex, rgb, or px color\n * values. Everything token-driven so the design evolves with the theme.\n */\n\n/* -------------------------------------------------------------------------\n * Reset + box model\n * ------------------------------------------------------------------------- */\n\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n\nhtml {\n  font-size: 15px;\n  -webkit-text-size-adjust: 100%;\n  text-size-adjust: 100%;\n}\n\nbody {\n  margin: 0;\n  font-family: var(--font-body);\n  font-size: var(--type-body-size, var(--type-content-body));\n  line-height: var(--type-body-leading);\n  color: var(--site-reading-body);\n  background-color: var(--site-page-bg);\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  /* Every text node in an exported page is authored content, and authored text\n     can contain a run with no break opportunity — a long URL, an ID, a word\n     typed without spaces. Such a run does not wrap on its own and spills past\n     the content column across the page. `break-word` splits it only when it\n     cannot fit a line by itself, so ordinary text keeps its natural line breaks\n     and intrinsic sizing is unaffected. */\n  overflow-wrap: break-word;\n}\n\nimg,\nvideo,\naudio,\niframe {\n  max-width: 100%;\n  height: auto;\n}\n\nfigure {\n  margin: 0;\n}\n\nhr {\n  border: 0;\n  border-top: 1px solid var(--site-divider);\n  margin: var(--space-xl) 0;\n}\n\n/* -------------------------------------------------------------------------\n * Typography\n * ------------------------------------------------------------------------- */\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  font-family: var(--font-heading);\n  font-weight: var(--type-heading-weight);\n  line-height: var(--type-heading-leading);\n  letter-spacing: var(--type-heading-tracking);\n  color: var(--site-reading-heading);\n  margin: 1.6em 0 0.6em;\n}\n\nh1 {\n  font-size: var(--type-content-display);\n  line-height: var(--type-display-leading);\n  font-weight: var(--type-display-weight);\n  letter-spacing: var(--type-display-tracking);\n  margin: 4rem 0 1.5rem;\n}\n\nh2 {\n  font-size: var(--type-content-title);\n  margin: 2.1rem 0 1.4rem;\n}\n\nh3 {\n  font-size: var(--type-content-subtitle);\n  margin: 2rem 0 1.4rem;\n}\n\nh4 {\n  font-size: var(--type-content-body);\n  font-weight: var(--fw-medium);\n}\n\nh5,\nh6 {\n  font-size: var(--type-content-body);\n  font-weight: var(--fw-medium);\n  color: var(--site-reading-meta);\n}\n\np {\n  margin: 1.4rem 0;\n}\n\nsmall {\n  font-size: var(--type-sm);\n}\n\ncode,\nkbd,\nsamp {\n  font-family: var(--font-mono);\n  font-size: var(--type-code);\n  line-height: 1.42;\n}\n\ncode {\n  color: var(--site-code-text);\n  overflow-wrap: break-word;\n}\n\npre {\n  font-family: var(--font-mono);\n  font-size: var(--type-code-block);\n  line-height: 1.5;\n  padding: 1rem;\n  overflow-x: auto;\n  color: var(--site-code-text);\n  background-color: var(--site-code-block-bg);\n  border: 1px solid var(--site-code-block-border);\n  border-radius: 6px;\n}\n\npre code {\n  padding: 0;\n  background: transparent;\n  border: 0;\n  color: inherit;\n  font-size: inherit;\n}\n\n:not(pre) > code {\n  padding: 0.08em 0.28em;\n  background-color: var(--site-code-bg);\n  border-radius: 0.22em;\n  box-decoration-break: clone;\n  -webkit-box-decoration-break: clone;\n}\n\n/* Blockquotes — tinted background card with quote icon (matches main site). */\nblockquote {\n  position: relative;\n  margin: 1.4rem 0;\n  padding: 1.4rem 1rem 0.75rem;\n  border: none;\n  background: var(--site-blockquote-bg);\n  border-radius: 6px;\n  color: var(--site-blockquote-text);\n  font-family: var(--font-blockquote);\n  font-style: italic;\n  font-weight: inherit;\n  quotes: none;\n  text-wrap: pretty;\n}\n\nblockquote::before {\n  content: \"\";\n  display: block;\n  width: 1.3rem;\n  height: 1.3rem;\n  margin-bottom: 0.35rem;\n  background: var(--site-blockquote-rail);\n  opacity: 0.6;\n  mask-image: url(\"data:image/svg+xml,%3Csvg viewBox='0 0 96 96' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24.4 10.5C16.9 17.7 11.5 26.8 8.2 37.7C4.9 48.7 4.8 58.9 7.8 68.2C10.3 75.7 15.4 79.5 22.9 79.5C28 79.5 32.2 77.8 35.4 74.2C38.6 70.7 40.2 66.5 40.2 61.4C40.2 56.5 38.8 52.6 36 49.6C33.3 46.6 29.7 45.1 25.2 45.1C23.4 45.1 21.8 45.3 20.2 45.8C22.2 37.3 26.7 29.2 33.6 21.4L24.4 10.5Z'/%3E%3Cpath d='M60.8 10.5C53.3 17.7 47.9 26.8 44.6 37.7C41.3 48.7 41.2 58.9 44.2 68.2C46.7 75.7 51.8 79.5 59.3 79.5C64.4 79.5 68.6 77.8 71.8 74.2C75 70.7 76.6 66.5 76.6 61.4C76.6 56.5 75.2 52.6 72.4 49.6C69.7 46.6 66.1 45.1 61.6 45.1C59.8 45.1 58.2 45.3 56.6 45.8C58.6 37.3 63.1 29.2 70 21.4L60.8 10.5Z'/%3E%3C/svg%3E\");\n  mask-size: contain;\n  mask-repeat: no-repeat;\n  -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg viewBox='0 0 96 96' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24.4 10.5C16.9 17.7 11.5 26.8 8.2 37.7C4.9 48.7 4.8 58.9 7.8 68.2C10.3 75.7 15.4 79.5 22.9 79.5C28 79.5 32.2 77.8 35.4 74.2C38.6 70.7 40.2 66.5 40.2 61.4C40.2 56.5 38.8 52.6 36 49.6C33.3 46.6 29.7 45.1 25.2 45.1C23.4 45.1 21.8 45.3 20.2 45.8C22.2 37.3 26.7 29.2 33.6 21.4L24.4 10.5Z'/%3E%3Cpath d='M60.8 10.5C53.3 17.7 47.9 26.8 44.6 37.7C41.3 48.7 41.2 58.9 44.2 68.2C46.7 75.7 51.8 79.5 59.3 79.5C64.4 79.5 68.6 77.8 71.8 74.2C75 70.7 76.6 66.5 76.6 61.4C76.6 56.5 75.2 52.6 72.4 49.6C69.7 46.6 66.1 45.1 61.6 45.1C59.8 45.1 58.2 45.3 56.6 45.8C58.6 37.3 63.1 29.2 70 21.4L60.8 10.5Z'/%3E%3C/svg%3E\");\n  -webkit-mask-size: contain;\n  -webkit-mask-repeat: no-repeat;\n}\n\nblockquote :where(p:first-of-type)::before,\nblockquote :where(p:last-of-type)::after {\n  content: none;\n}\n\nblockquote > :first-child {\n  margin-top: 0;\n}\n\nblockquote > :last-child {\n  margin-bottom: 0;\n}\n\nblockquote p {\n  margin: 0;\n}\n\nblockquote p + p,\nblockquote ul,\nblockquote ol,\nblockquote pre {\n  margin-top: 0.6em;\n}\n\nblockquote cite {\n  font-style: normal;\n  color: var(--site-reading-meta);\n  font-size: var(--type-sm);\n}\n\n/* CJK: no italic for blockquotes (no true italic glyph) */\n:lang(zh) blockquote,\n:lang(ja) blockquote,\n:lang(ko) blockquote {\n  font-style: normal;\n}\n\nul,\nol {\n  padding-left: 1.4em;\n  margin: 1.25em 0;\n}\n\nol ol {\n  list-style-type: lower-alpha;\n  margin-top: 0.4em;\n  margin-bottom: 0.4em;\n}\n\nol ol ol {\n  list-style-type: lower-roman;\n}\n\nli {\n  margin-top: 0.5em;\n  margin-bottom: 0.5em;\n}\n\n/* Normalize li > p so list spacing is controlled by li alone,\n   regardless of whether the markdown renderer wraps li contents in <p>. */\nli > p:first-child {\n  margin-top: 0;\n}\n\nli > p:last-child {\n  margin-bottom: 0;\n}\n\nli > p:has(+ ol) {\n  margin-bottom: 0;\n}\n\na {\n  color: var(--site-reading-link);\n  text-decoration: underline;\n  text-decoration-color: var(--site-reading-link-underline);\n  text-underline-offset: 0.15em;\n  transition:\n    color 0.2s ease,\n    text-decoration-color 0.2s ease;\n}\n\na:hover,\na:focus {\n  color: var(--site-reading-link-hover);\n  text-decoration-color: currentColor;\n}\n\na:focus-visible {\n  outline: 2px solid var(--site-accent);\n  outline-offset: 2px;\n  border-radius: 2px;\n}\n\ntime {\n  color: var(--site-reading-meta);\n  font-size: var(--type-sm);\n  font-variant-numeric: tabular-nums;\n}\n\n/* -------------------------------------------------------------------------\n * Page layout — Tufte horizontal frame\n *\n * Mirrors the main site's `.site-page > header/main/footer` rule. Every\n * top-level section gets the same asymmetric padding so the reading column\n * aligns with the rest of the site.\n *\n * 12.5% left + 4% right = 16.5% padding → content = 83.5% of the box.\n * max-width = body-max-width / 0.835 so the inner content area exactly\n * equals `--layout-body-max-width` on wide viewports. min() caps keep\n * padding from growing beyond 210px / 67px. Mobile widens to 5% / 5%\n * and the 55% content column collapses to 100% (via tokens.css).\n * ------------------------------------------------------------------------- */\n\n.site-page {\n  min-height: 100vh;\n  min-height: 100dvh;\n  background-color: var(--site-page-bg);\n}\n\n.site-page > header,\n.site-page > main,\n.site-page > footer,\n.site-page > .home-branding-credit {\n  width: 100%;\n  max-width: calc(var(--layout-body-max-width) / 0.835);\n  padding-left: min(12.5%, 210px);\n  padding-right: min(4%, 67px);\n  margin-left: auto;\n  margin-right: auto;\n}\n\n@media (max-width: 760px) {\n  .site-page > header,\n  .site-page > main,\n  .site-page > footer,\n  .site-page > .home-branding-credit {\n    padding-left: max(5%, 28px);\n    padding-right: 5%;\n  }\n}\n\n.site-main {\n  padding-top: var(--space-xl);\n  padding-bottom: var(--space-xl);\n}\n\n/* -------------------------------------------------------------------------\n * Header\n * ------------------------------------------------------------------------- */\n\n.site-header {\n  padding-top: 24px;\n  background-color: var(--site-page-bg);\n}\n\n@media (min-width: 700px) {\n  .site-header {\n    padding-top: 30px;\n  }\n}\n\n.site-header-inner {\n  display: flex;\n  flex-direction: column;\n  align-items: stretch;\n  gap: 0;\n}\n\n.site-header-top {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: clamp(0.6rem, 2.2vw, 1rem);\n  flex-wrap: nowrap;\n  min-height: 2.75rem;\n  width: 100%;\n}\n\n.site-header-top-bordered {\n  padding-bottom: 15px;\n}\n\n@media (min-width: 700px) {\n  .site-header-top-bordered {\n    padding-bottom: 18px;\n  }\n}\n\n.site-logo {\n  display: flex;\n  flex: 0 1 auto;\n  align-items: center;\n  gap: 10px;\n  min-width: 0;\n  padding: 0.15rem 0;\n  font-family: var(--font-site-title);\n  font-size: var(--type-subtitle);\n  font-weight: var(--fw-regular);\n  letter-spacing: -0.02em;\n  line-height: 1.15;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  color: var(--site-text-primary);\n  text-decoration: none;\n}\n\n.site-logo:hover,\n.site-logo:focus {\n  color: var(--site-text-primary);\n  text-decoration: none;\n}\n\n.site-logo-avatar {\n  box-sizing: border-box;\n  width: calc(var(--avatar-size) + 4px);\n  height: calc(var(--avatar-size) + 4px);\n  border-radius: var(--avatar-radius);\n  object-fit: cover;\n  border: 1px solid color-mix(in srgb, var(--site-divider) 82%, transparent);\n  flex: none;\n}\n\n.site-logo-text {\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.site-header-nav {\n  display: flex;\n  align-items: center;\n  flex-wrap: nowrap;\n  justify-content: flex-end;\n  gap: clamp(0.6rem, 2.2vw, 1rem);\n  margin-left: auto;\n  min-width: 0;\n  font-family: var(--font-ui);\n}\n\n.site-header-link {\n  display: inline-flex;\n  flex: none;\n  align-items: center;\n  position: relative;\n  min-height: 2rem;\n  padding: 0.15rem 0;\n  font-size: var(--type-ui-meta);\n  font-weight: var(--fw-medium);\n  letter-spacing: 0.01em;\n  line-height: 1;\n  white-space: nowrap;\n  color: color-mix(in srgb, var(--site-text-secondary) 62%, transparent);\n  text-decoration: none;\n  transition: color 0.15s;\n}\n\n.site-header-link:hover,\n.site-header-link:focus {\n  color: color-mix(\n    in srgb,\n    var(--site-text-primary) 84%,\n    var(--site-text-secondary)\n  );\n  text-decoration: none;\n}\n\n.site-header-link-active {\n  color: color-mix(\n    in srgb,\n    var(--site-text-primary) 84%,\n    var(--site-text-secondary)\n  );\n}\n\n/* --- \"More\" dropdown ---------------------------------------------------- */\n\n.site-header-more {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n}\n\n.site-header-more-responsive-only {\n  display: none;\n}\n\n.site-header-more-btn {\n  display: inline-flex;\n  align-items: center;\n  gap: 0.45rem;\n  min-height: 2rem;\n  padding: 0.15rem 0;\n  border: none;\n  background: transparent;\n  cursor: pointer;\n  font-family: var(--font-ui);\n  font-size: var(--type-ui-meta);\n  font-weight: var(--fw-medium);\n  letter-spacing: 0.01em;\n  line-height: 1;\n  color: color-mix(in srgb, var(--site-text-secondary) 62%, transparent);\n  transition: color 0.15s;\n}\n\n.site-header-more-btn svg {\n  width: 0.82rem;\n  height: 0.82rem;\n  transition: transform 0.18s ease;\n}\n\n.site-header-more-btn:hover,\n.site-header-more-btn[aria-expanded=\"true\"] {\n  color: color-mix(\n    in srgb,\n    var(--site-text-primary) 84%,\n    var(--site-text-secondary)\n  );\n}\n\n.site-header-more-btn[aria-expanded=\"true\"] svg {\n  transform: rotate(180deg);\n}\n\n.site-header-more-popover {\n  display: block;\n  position: absolute;\n  top: 100%;\n  right: 0;\n  margin-top: 0.6rem;\n  min-width: 12.25rem;\n  padding: 0.3rem 0;\n  background: var(--site-page-bg);\n  border: 0.5px solid color-mix(in srgb, var(--site-divider) 80%, transparent);\n  border-radius: 0.4rem;\n  box-shadow:\n    0 4px 20px -8px rgba(0, 0, 0, 0.12),\n    0 2px 6px -2px rgba(0, 0, 0, 0.06);\n  opacity: 0;\n  visibility: hidden;\n  pointer-events: none;\n  transform: translateY(-6px);\n  transform-origin: top right;\n  transition:\n    opacity 0.18s ease,\n    transform 0.18s ease,\n    visibility 0s linear 0.18s;\n  z-index: 50;\n}\n\n.site-header-more-popover[aria-hidden=\"false\"] {\n  opacity: 1;\n  visibility: visible;\n  pointer-events: auto;\n  transform: translateY(0);\n  transition-delay: 0s;\n}\n\n.site-header-more-link {\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 0.35rem;\n  padding: 0.45rem 1rem;\n  font-family: var(--font-ui);\n  font-size: var(--type-ui-meta);\n  color: var(--site-text-secondary);\n  text-decoration: none;\n  transition:\n    color 0.15s,\n    background-color 0.15s;\n}\n\n.site-header-more-link:hover,\n.site-header-more-link:focus {\n  color: color-mix(\n    in srgb,\n    var(--site-text-primary) 84%,\n    var(--site-text-secondary)\n  );\n  background: color-mix(in srgb, var(--site-nav-hover-bg) 58%, transparent);\n  text-decoration: none;\n}\n\n.site-header-more-link-active {\n  color: color-mix(\n    in srgb,\n    var(--site-text-primary) 84%,\n    var(--site-text-secondary)\n  );\n}\n\n.site-header-more-link-responsive,\n.site-header-more-divider-responsive {\n  display: none;\n}\n\n.site-header-more-divider {\n  height: 0;\n  margin: 0.35rem 0.75rem;\n  border-top: 0.5px solid\n    color-mix(in srgb, var(--site-divider) 60%, transparent);\n}\n\n/* --- Tiered responsive collapse ---------------------------------------- *\n *\n *   ≤960px — 5th+ inline link collapses into More (tier-lg)\n *   ≤780px — also 4th collapses (tier-md)\n *   ≤580px — also 3rd collapses (tier-sm)\n * The first two links always stay inline. No hamburger on static export —\n * at very narrow widths 2 inline links + More button is the floor.\n */\n\n@media (max-width: 960px) {\n  .site-header-link-collapse-lg {\n    display: none;\n  }\n\n  .site-header-more-responsive-only.site-header-more-tier-lg {\n    display: inline-flex;\n  }\n\n  .site-header-more-link-show-lg {\n    display: flex;\n  }\n\n  .site-header-more-divider-responsive {\n    display: block;\n  }\n}\n\n@media (max-width: 780px) {\n  .site-header-link-collapse-md {\n    display: none;\n  }\n\n  .site-header-more-responsive-only.site-header-more-tier-md {\n    display: inline-flex;\n  }\n\n  .site-header-more-link-show-md {\n    display: flex;\n  }\n}\n\n@media (max-width: 580px) {\n  .site-header-link-collapse-sm {\n    display: none;\n  }\n\n  .site-header-more-responsive-only.site-header-more-tier-sm {\n    display: inline-flex;\n  }\n\n  .site-header-more-link-show-sm {\n    display: flex;\n  }\n}\n\n/* -------------------------------------------------------------------------\n * Footer\n * ------------------------------------------------------------------------- */\n\n.site-footer {\n  margin-top: var(--space-xl);\n  padding-bottom: var(--space-xl);\n  color: var(--site-text-secondary);\n  font-size: var(--type-xs);\n  background-color: var(--site-page-bg);\n}\n\n.site-footer-inner {\n  border-top: 0.5px solid var(--site-divider);\n  padding-top: var(--space-xl);\n  display: flex;\n  flex-direction: column;\n  gap: 0.75rem;\n}\n\n.site-footer-content {\n  color: var(--site-text-secondary);\n}\n\n.site-footer-content p {\n  margin: 0 0 0.5em;\n}\n\n.site-footer-nav-list {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 1rem;\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n\n.home-branding-credit {\n  margin-top: var(--space-xl);\n  padding-bottom: var(--space-xl);\n  text-align: center;\n  color: var(--site-text-secondary);\n  font-size: var(--type-base);\n}\n\n.home-branding-credit a {\n  display: inline-flex;\n  align-items: center;\n  gap: 0.38rem;\n  color: inherit;\n  text-decoration: none;\n  border-bottom: 0.5px solid\n    color-mix(in srgb, var(--site-text-secondary) 45%, transparent);\n  transition:\n    color 160ms ease,\n    border-color 160ms ease;\n}\n\n.home-branding-credit a:hover,\n.home-branding-credit a:focus-visible {\n  color: var(--site-text-primary);\n  border-color: currentColor;\n}\n\n/* -------------------------------------------------------------------------\n * Tufte content-width constraint\n *\n * Mirrors the main site's 55% rule: reading text occupies a narrow\n * column inside the Tufte frame, leaving a wide right margin that\n * would host sidenotes on the main site. Media (images, video, audio)\n * is NOT included — galleries intentionally span the full frame so\n * they can breathe.\n *\n * Mobile (<=760px): `--layout-content-width` collapses to 100% via\n * tokens.css. Tablet: cap at 35rem for readability.\n * ------------------------------------------------------------------------- */\n\n.section-header,\n.section-body,\n.post-card-title,\n.post-card-summary,\n.post-card-link-domain,\n.post-card-quote-content,\n.post-card-quote-attribution,\n.post-card-quote-commentary,\n.post-card-footer,\n.reply-title,\n.reply-body,\n.reply-link-domain,\n.reply-footer,\n.thread-title,\n.thread-body,\n.thread-link-domain,\n.thread-footer,\n.collection-directory,\n.pagination,\n.empty-state,\n.page-summary {\n  width: var(--layout-content-width);\n  max-width: 100%;\n}\n\n@media (min-width: 761px) and (max-width: 1024px) {\n  .section-header,\n  .section-body,\n  .post-card-title,\n  .post-card-summary,\n  .post-card-link-domain,\n  .post-card-quote-content,\n  .post-card-quote-attribution,\n  .post-card-quote-commentary,\n  .post-card-footer,\n  .reply-title,\n  .reply-body,\n  .reply-link-domain,\n  .reply-footer,\n  .thread-title,\n  .thread-body,\n  .thread-link-domain,\n  .thread-footer,\n  .collection-directory,\n  .pagination,\n  .empty-state,\n  .page-summary {\n    width: min(100%, 35rem);\n  }\n}\n\n/* -------------------------------------------------------------------------\n * Section headers\n * ------------------------------------------------------------------------- */\n\n.section-header {\n  margin-bottom: var(--space-xl);\n  padding-bottom: 1rem;\n  border-bottom: 1px solid var(--site-border-light);\n}\n\n.section-title {\n  margin: 0 0 0.25em;\n}\n\n.section-summary {\n  margin: 0;\n  color: var(--site-reading-meta);\n  font-size: var(--type-secondary);\n}\n\n.section-meta {\n  margin: 0.5em 0 0;\n  color: var(--site-reading-meta);\n  font-size: var(--type-sm);\n}\n\n/* -------------------------------------------------------------------------\n * Post list + post cards\n * ------------------------------------------------------------------------- */\n\n.post-list {\n  display: flex;\n  flex-direction: column;\n  gap: calc(var(--space-xl) * 1.25);\n}\n\n.post-list-pinned {\n  margin-bottom: calc(var(--space-xl) * 1.25);\n  padding-bottom: calc(var(--space-xl) * 1.25);\n  border-bottom: 1px solid var(--site-border-light);\n}\n\n/* Decorative divider between posts in a timeline feed. Mirrors the main\n   site's `hr.feed-divider`: a trio of small chevron marks masked from the\n   current text color, so it picks up the theme automatically.\n   `margin-left` centers the divider within the 55% reading column so it\n   visually sits at the middle of the post-card text stack. */\nhr.feed-divider {\n  border: none;\n  width: 30px;\n  height: 9px;\n  margin: 0;\n  margin-left: calc(var(--layout-content-width) / 2 - 15px);\n  color: var(--site-feed-divider-color);\n  background-color: currentColor;\n  -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 45 13'%3E%3Cpath fill='black' transform='translate(0,0) rotate(90 6 6.5)' d='M6.765.5.177 6.093l2.61 5.966 8.39-3.17L6.765.5Z'/%3E%3Cpath fill='black' transform='translate(16,0) rotate(100 6 6.5)' d='M6.765.5.177 6.093l2.61 5.966 8.39-3.17L6.765.5Z'/%3E%3Cpath fill='black' transform='translate(32,0) rotate(80 6 6.5)' d='M6.765.5.177 6.093l2.61 5.966 8.39-3.17L6.765.5Z'/%3E%3C/svg%3E\");\n  mask-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 45 13'%3E%3Cpath fill='black' transform='translate(0,0) rotate(90 6 6.5)' d='M6.765.5.177 6.093l2.61 5.966 8.39-3.17L6.765.5Z'/%3E%3Cpath fill='black' transform='translate(16,0) rotate(100 6 6.5)' d='M6.765.5.177 6.093l2.61 5.966 8.39-3.17L6.765.5Z'/%3E%3Cpath fill='black' transform='translate(32,0) rotate(80 6 6.5)' d='M6.765.5.177 6.093l2.61 5.966 8.39-3.17L6.765.5Z'/%3E%3C/svg%3E\");\n  -webkit-mask-repeat: no-repeat;\n  mask-repeat: no-repeat;\n  -webkit-mask-position: center;\n  mask-position: center;\n  -webkit-mask-size: contain;\n  mask-size: contain;\n}\n\n.post-card {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  gap: 0.75rem;\n}\n\n.post-card-title {\n  font-family: var(--font-heading);\n  font-size: var(--feed-note-title-size);\n  font-weight: var(--type-heading-weight);\n  line-height: var(--feed-note-title-leading);\n  margin: 0;\n  color: var(--site-reading-title);\n}\n\n.post-card-title a {\n  color: inherit;\n  text-decoration: none;\n}\n\n.post-card-title a:hover,\n.post-card-title a:focus {\n  text-decoration: underline;\n  text-underline-offset: 0.18em;\n}\n\n.post-card-summary {\n  margin: 0;\n  color: var(--site-reading-body);\n}\n\n.post-card > .post-card-summary :is(h1, h2),\n.post-card > .post-card-quote-commentary :is(h1, h2) {\n  font-size: calc(var(--type-content-body) * 1.12);\n  font-weight: var(--fw-medium);\n  margin-top: 1.45rem;\n  margin-bottom: 0.55rem;\n}\n\n.post-card > .post-card-summary :is(h3, h4),\n.post-card > .post-card-quote-commentary :is(h3, h4) {\n  font-size: var(--type-content-body);\n  font-weight: var(--fw-medium);\n  margin-top: 1.2rem;\n  margin-bottom: 0.45rem;\n}\n\n.post-card > .post-card-summary :is(h5, h6),\n.post-card > .post-card-quote-commentary :is(h5, h6) {\n  font-size: var(--type-secondary);\n  font-weight: var(--fw-medium);\n  color: var(--site-text-secondary);\n  margin-top: 1rem;\n  margin-bottom: 0.35rem;\n}\n\n/* Link card domain row — shown ABOVE the title (matches main site's\n   `.feed-link-domain` pattern). Inline flex with icon + host text. */\n.post-card-link-domain,\n.thread-link-domain,\n.reply-link-domain {\n  display: inline-flex;\n  align-items: center;\n  gap: 0.3rem;\n  max-width: 100%;\n  margin: 0 0 0.4rem 0;\n  font-family: var(--font-ui);\n  font-size: var(--type-ui-meta);\n  font-weight: var(--fw-regular);\n  line-height: 1.3;\n  color: var(--site-text-secondary);\n  text-decoration: none;\n  word-break: break-all;\n  transition: color 0.18s ease;\n}\n\n.post-card-link-domain:hover,\n.post-card-link-domain:focus,\n.thread-link-domain:hover,\n.thread-link-domain:focus,\n.reply-link-domain:hover,\n.reply-link-domain:focus {\n  color: var(--site-text-primary);\n}\n\n.post-card-link-domain-icon {\n  width: 0.72rem;\n  height: 0.72rem;\n  flex-shrink: 0;\n}\n\n/* Slight extra breathing room below link-card titles to match main site. */\n.post-card-link-title,\n.thread-link-title,\n.reply-link-title {\n  text-wrap: pretty;\n}\n\n.post-card-link-title a,\n.thread-link-title a,\n.reply-link-title a {\n  text-decoration: none;\n}\n\n.post-card-link-title a:hover,\n.post-card-link-title a:focus,\n.thread-link-title a:hover,\n.thread-link-title a:focus,\n.reply-link-title a:hover,\n.reply-link-title a:focus {\n  text-decoration: underline;\n  text-underline-offset: 3px;\n}\n\n.post-card-media,\n.reply-media,\n.thread-media {\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: 0.75rem;\n}\n\n.post-card-figure img,\n.reply-figure img,\n.thread-figure img {\n  display: block;\n  width: 100%;\n  border-radius: var(--media-radius);\n  border: 1px solid var(--site-media-outline);\n}\n\n.post-card-figure video,\n.reply-figure video,\n.thread-figure video {\n  display: block;\n  width: 100%;\n  height: auto;\n  border-radius: var(--media-radius);\n  border: 1px solid var(--site-media-outline);\n  background: #000;\n}\n\n.post-card-figure audio,\n.reply-figure audio,\n.thread-figure audio {\n  display: block;\n  width: 100%;\n}\n\n.post-card-figure-video a {\n  position: relative;\n  display: block;\n}\n\n.post-card-video-badge {\n  position: absolute;\n  left: 0.5rem;\n  bottom: 0.5rem;\n  padding: 0.125rem 0.5rem;\n  font-size: var(--type-xs);\n  color: #fff;\n  background: rgba(0, 0, 0, 0.65);\n  border-radius: 999px;\n  pointer-events: none;\n}\n\n.thread-file a,\n.reply-file a {\n  color: var(--site-link);\n  text-decoration: underline;\n}\n\n/* -------------------------------------------------------------------------\n * Quote format — decorative mark, serif body, attribution line\n * ------------------------------------------------------------------------- */\n\n.post-card-quote {\n  position: static;\n  margin: 0;\n  padding: 0;\n  border: 0;\n  border-radius: 0;\n  background: transparent;\n  color: var(--site-reading-quote);\n  font-family: inherit;\n  font-style: normal;\n}\n\n/* Quote-format posts have their own decorative `.post-card-quote-mark`\n   SVG inside the blockquote — suppress the global blockquote icon. */\n.post-card-quote::before {\n  content: none;\n}\n\n.post-card-quote-mark {\n  display: block;\n  position: relative;\n  width: 1.7rem;\n  margin-bottom: -0.1rem;\n  margin-left: -0.04rem;\n  line-height: 0;\n  pointer-events: none;\n  color: color-mix(in srgb, var(--site-accent) 14%, var(--site-divider));\n  opacity: 0.66;\n}\n\n.post-card-quote-mark svg {\n  display: block;\n  width: 100%;\n  height: auto;\n}\n\n.post-card-quote-content {\n  font-family: var(--font-serif);\n  color: var(--site-text-primary);\n  font-size: var(--type-content-quote);\n  line-height: var(--type-content-quote-leading);\n  white-space: pre-line;\n  text-wrap: pretty;\n  margin: 0;\n}\n\n.post-card-quote-attribution {\n  display: flex;\n  align-items: center;\n  gap: 0.45rem;\n  flex-wrap: wrap;\n  /* The name and source are flex items, which refuse to shrink below their\n     min-content width. The inherited `break-word` leaves min-content at the\n     longest word and the item still overflows; `anywhere` also shrinks\n     min-content, which is what lets the row wrap. */\n  overflow-wrap: anywhere;\n  margin-top: 0.95rem;\n  color: var(--site-text-secondary);\n  font-family: var(--font-ui);\n  font-size: var(--type-ui-meta);\n  font-style: normal;\n  line-height: 1.3;\n}\n\n.post-card-quote-attribution::before {\n  content: \"\";\n  width: 0.9rem;\n  height: 1px;\n  background: color-mix(\n    in srgb,\n    var(--site-text-secondary) 38%,\n    var(--site-divider)\n  );\n}\n\n.post-card-quote-source {\n  color: inherit;\n  text-decoration: underline;\n  text-decoration-color: color-mix(\n    in srgb,\n    var(--site-text-secondary) 55%,\n    transparent\n  );\n  text-underline-offset: 3px;\n}\n\n.post-card-quote-source:hover,\n.post-card-quote-source:focus {\n  color: var(--site-text-primary);\n  text-decoration-color: currentColor;\n}\n\n.post-card-quote-commentary {\n  position: relative;\n  margin-top: 1.1rem;\n  padding-top: 0.95rem;\n  color: color-mix(\n    in srgb,\n    var(--site-text-secondary) 84%,\n    var(--site-text-primary)\n  );\n  text-wrap: pretty;\n}\n\n.post-card-quote-commentary::before {\n  content: \"\";\n  position: absolute;\n  left: 0;\n  right: 0;\n  top: 0;\n  height: 1px;\n  background: linear-gradient(\n    90deg,\n    transparent 0%,\n    color-mix(in srgb, var(--site-divider) 48%, transparent) 16%,\n    color-mix(in srgb, var(--site-divider) 78%, transparent) 50%,\n    color-mix(in srgb, var(--site-divider) 48%, transparent) 84%,\n    transparent 100%\n  );\n}\n\n.post-card-quote-commentary.prose > :first-child {\n  margin-top: 0;\n}\n\n.post-card-quote-commentary.prose > :last-child {\n  margin-bottom: 0;\n}\n\n.post-card-quote-commentary p {\n  margin: 0;\n}\n\n.post-card-quote-commentary p + p,\n.post-card-quote-commentary ul,\n.post-card-quote-commentary ol,\n.post-card-quote-commentary blockquote,\n.post-card-quote-commentary pre {\n  margin-top: 0.55rem;\n}\n\n/* Fade the post meta on quote cards so the quote body stays visually primary. */\n.post-card-quote ~ .post-card-footer,\n.post-card-quote-commentary + .post-card-footer {\n  opacity: 0.72;\n}\n\n/* -------------------------------------------------------------------------\n * Post footer — meta (featured, time, external link, collections, pinned)\n * ------------------------------------------------------------------------- */\n\n.post-card-footer,\n.reply-footer {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  gap: 10px;\n  min-height: 2rem;\n  font-size: var(--type-ui-hint);\n}\n\n.post-footer-detail {\n  margin-top: 24px;\n  /* Match the feed/reply footer size so the root post's footer doesn't\n     visually dominate. Main site uses a larger size because every post\n     on the detail page is rendered at detail size; here only the root\n     post gets this class, which otherwise creates a mismatch with the\n     replies below. */\n  font-size: var(--type-ui-hint);\n  color: var(--site-text-secondary);\n}\n\n.post-footer-meta {\n  display: flex;\n  flex: 1 1 auto;\n  align-items: center;\n  gap: 8px;\n  flex-wrap: wrap;\n  min-width: 0;\n  font-family: var(--font-ui);\n  line-height: 1.35;\n  color: var(--site-text-secondary);\n}\n\n.post-footer-meta time {\n  font-size: inherit;\n  color: inherit;\n}\n\n.post-footer-featured {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  color: color-mix(\n    in srgb,\n    var(--search-mark-color) 72%,\n    var(--site-text-secondary)\n  );\n  flex-shrink: 0;\n}\n\n.post-footer-featured svg {\n  width: 1rem;\n  height: 1rem;\n  opacity: 0.9;\n}\n\n.post-footer-link {\n  color: var(--site-text-secondary);\n  text-decoration: none;\n  white-space: nowrap;\n  flex-shrink: 0;\n}\n\n.post-footer-link:hover,\n.post-footer-link:focus {\n  color: var(--site-text-primary);\n  text-decoration: underline;\n}\n\n.post-footer-external-link {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 1.6rem;\n  height: 1.6rem;\n  border-radius: 0.6rem;\n  color: var(--site-text-secondary);\n  text-decoration: none;\n  transition:\n    color 0.18s ease,\n    background-color 0.16s ease;\n  flex-shrink: 0;\n}\n\n.post-footer-external-link:hover,\n.post-footer-external-link:focus {\n  color: var(--site-text-primary);\n}\n\n.post-footer-external-link svg {\n  width: 1rem;\n  height: 1rem;\n}\n\n.post-collection-tags {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  flex-wrap: wrap;\n  min-width: 0;\n  max-width: 100%;\n  color: var(--site-text-secondary);\n}\n\n.post-collection-tag {\n  display: inline-flex;\n  align-items: center;\n  gap: 3px;\n  color: inherit;\n  text-decoration: none;\n  min-width: 0;\n  max-width: min(100%, 22ch);\n}\n\n.post-collection-tag:hover,\n.post-collection-tag:focus {\n  color: var(--site-text-primary);\n  text-decoration: underline;\n  text-underline-offset: 0.18em;\n}\n\n.post-collection-tag-text {\n  display: block;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.post-card-pin {\n  font-size: var(--type-2xs);\n  text-transform: uppercase;\n  letter-spacing: var(--type-label-tracking);\n  color: var(--site-accent);\n  border: 1px solid var(--site-accent);\n  padding: 0.1em 0.5em;\n  border-radius: 999px;\n  flex-shrink: 0;\n}\n\n/* -------------------------------------------------------------------------\n * Thread preview (list pages: root context + hero latest reply)\n *\n * Mirrors the main site's `.thread-group.thread-group-preview` layout:\n * content sits flush-left inside the preview, and the vertical rail +\n * dot markers are positioned OUTSIDE the content (overflowing into the\n * container's left gutter) via a negative `left` on the rail/dots.\n * ------------------------------------------------------------------------- */\n\n.thread-preview {\n  /* Rail position: negative = overflow outside content. Mirrors\n     `--site-thread-rail-line-left` on the main site. */\n  --thread-rail-left: -27px;\n  --thread-rail-width: 1px;\n  --thread-rail-indent: 0px;\n  --thread-dot-size: 10px;\n  --thread-dot-ring-width: 2px;\n  --thread-dot-border-width: 2px;\n  --thread-hero-dot-size: 14px;\n  --thread-hero-dot-border-width: 3px;\n  --thread-item-spacing: 0.35rem;\n\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  gap: 0.6rem;\n  padding-left: var(--thread-rail-indent);\n}\n\n@media (max-width: 760px) {\n  .thread-preview {\n    --thread-rail-left: -11px;\n    --thread-rail-indent: 8px;\n  }\n}\n\n/* Continuous vertical rail — subtle gradient so the line fades into\n   whitespace at the top and tail. Sits outside the content via negative\n   `left`. */\n.thread-preview::before {\n  content: \"\";\n  position: absolute;\n  left: var(--thread-rail-left);\n  top: 0;\n  bottom: 0;\n  width: var(--thread-rail-width);\n  background: linear-gradient(\n    180deg,\n    transparent 0,\n    color-mix(in srgb, var(--site-threadline) 85%, transparent) 8%,\n    color-mix(in srgb, var(--site-threadline) 55%, transparent) 100%\n  );\n  pointer-events: none;\n}\n\n.thread-preview-context {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  /* Match runtime `.thread-group-preview .thread-item` which uses\n     `padding: var(--site-thread-item-spacing) 0` — adjacent items have\n     2x the token between them, so the flex `gap` here is 2x to match. */\n  gap: calc(var(--site-thread-item-spacing) * 2);\n  margin: 0;\n  padding: 0;\n  border-left: 0;\n}\n\n/* Individual entry in a thread preview — wraps a full `.post-card` so\n   the root, second, and penultimate replies render with their own\n   title/body/footer. Dot marker sits on the rail at the card's\n   vertical midpoint. */\n.thread-preview .thread-item {\n  position: relative;\n  min-width: 0;\n  max-width: 100%;\n}\n\n.thread-preview .thread-item::before {\n  content: \"\";\n  position: absolute;\n  left: calc(\n    var(--thread-rail-left) + var(--thread-rail-width) / 2 -\n      var(--thread-dot-size) / 2 - var(--thread-rail-indent)\n  );\n  top: 1.4rem;\n  width: var(--thread-dot-size);\n  height: var(--thread-dot-size);\n  border-radius: 50%;\n  background-color: var(--site-threadline);\n  border: var(--thread-dot-border-width) solid var(--site-page-bg);\n  box-shadow: 0 0 0 var(--thread-dot-ring-width) var(--site-thread-dot-ring);\n  z-index: 1;\n}\n\n/* Gap \"N more posts\" row has no card so we place the marker at its\n   vertical midpoint instead of the card's top area. Swap the single dot\n   for a short column of small beads (a vertical \"⋮\") so the rail visibly\n   \"skips\" a run of posts — mirrors the main site's `.thread-item-gap`. */\n.thread-preview .thread-item-gap {\n  display: flex;\n  align-items: center;\n  padding: 0.15rem 0 0.35rem;\n}\n\n.thread-preview .thread-item-gap::before {\n  top: 50%;\n  transform: translateY(-50%);\n  left: calc(\n    var(--thread-rail-left) + var(--thread-rail-width) / 2 - 2px -\n      var(--thread-rail-indent)\n  );\n  width: 4px;\n  height: 24px;\n  border: 0;\n  border-radius: 0;\n  background: radial-gradient(\n    circle,\n    var(--site-threadline) 1.75px,\n    transparent 2px\n  );\n  background-size: 4px 8px;\n  background-repeat: repeat-y;\n  background-position: center top;\n  box-shadow: none;\n}\n\n/* Hidden-posts count — a calm route into the thread, matching the main\n   site's `.thread-gap-link`: styled like a sibling of the Show more toggle\n   with a small right-pointing chevron rather than an underline, firming up\n   to the primary text colour on hover. */\n.thread-preview-gap {\n  display: inline-flex;\n  align-items: center;\n  gap: 0.4rem;\n  align-self: flex-start;\n  margin: 0.15rem 0;\n  padding: 0.25rem 0;\n  color: var(--site-text-secondary);\n  font-size: var(--type-thread-context-meta);\n  font-weight: 500;\n  line-height: 1.2;\n  text-decoration: none;\n  transition: color 0.18s ease;\n}\n\n.thread-preview-gap::after {\n  content: \"\";\n  width: 0.36em;\n  height: 0.36em;\n  border: 1.5px solid currentColor;\n  border-left: 0;\n  border-bottom: 0;\n  opacity: 0.65;\n  transform: rotate(45deg);\n  transition:\n    transform 0.18s ease,\n    opacity 0.18s ease;\n}\n\n.thread-preview-gap:hover,\n.thread-preview-gap:focus {\n  color: var(--site-text-primary);\n}\n\n.thread-preview-gap:hover::after,\n.thread-preview-gap:focus::after {\n  opacity: 1;\n  transform: translateX(2px) rotate(45deg);\n}\n\n/* Hero (latest reply) row: spacing above and below matches the main\n   site's `.thread-item-hero`, and the dot is larger + accent-colored. */\n.thread-preview-hero {\n  display: flex;\n  flex-direction: column;\n  gap: 0.5rem;\n  padding-top: calc(var(--space-xl) * 1.1);\n  margin-top: 0;\n}\n\n/* Featured timelines keep Post-level selection while grouping by Thread.\n   Selected Root/Child Posts use the accent marker; context Posts retain the\n   neutral rail marker. */\n.thread-preview .thread-item-featured::before {\n  left: calc(\n    var(--thread-rail-left) + var(--thread-rail-width) / 2 -\n      var(--thread-hero-dot-size) / 2 - var(--thread-rail-indent)\n  );\n  width: var(--thread-hero-dot-size);\n  height: var(--thread-hero-dot-size);\n  background-color: var(--site-accent);\n  border-width: var(--thread-hero-dot-border-width);\n}\n\n.thread-preview .thread-item-hero::before {\n  left: calc(\n    var(--thread-rail-left) + var(--thread-rail-width) / 2 -\n      var(--thread-hero-dot-size) / 2 - var(--thread-rail-indent)\n  );\n  top: calc(var(--space-xl) * 1.1 + 1.4rem);\n  width: var(--thread-hero-dot-size);\n  height: var(--thread-hero-dot-size);\n  background-color: var(--site-accent);\n  border-width: var(--thread-hero-dot-border-width);\n}\n\n.thread-preview-thread-link {\n  align-self: flex-start;\n  font-size: var(--type-sm);\n  color: var(--site-reading-meta);\n  text-decoration: none;\n}\n\n.thread-preview-thread-link:hover,\n.thread-preview-thread-link:focus {\n  color: var(--site-text-primary);\n  text-decoration: underline;\n}\n\n/* -------------------------------------------------------------------------\n * Thread (single post page with inline replies)\n * ------------------------------------------------------------------------- */\n\n.thread {\n  /* Rail variables match `.thread-preview` so the detail-page rail\n     shares the same visual position. */\n  --thread-rail-left: -27px;\n  --thread-rail-width: 1px;\n  --thread-rail-indent: 0px;\n  --thread-dot-size: 10px;\n  --thread-dot-ring-width: 2px;\n  --thread-dot-border-width: 2px;\n  --thread-hero-dot-size: 14px;\n  --thread-hero-dot-border-width: 3px;\n\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  gap: 1.25rem;\n  padding-left: var(--thread-rail-indent);\n}\n\n@media (max-width: 760px) {\n  .thread {\n    --thread-rail-left: -11px;\n    --thread-rail-indent: 8px;\n  }\n}\n\n/* Continuous vertical rail spanning the entire thread (root post + replies).\n   Only shown when the root post actually has replies — a lone post should\n   not have a rail or dot. Matches `.thread-preview`. */\n.thread-has-replies::before {\n  content: \"\";\n  position: absolute;\n  left: var(--thread-rail-left);\n  top: 0;\n  bottom: 0;\n  width: var(--thread-rail-width);\n  background: linear-gradient(\n    180deg,\n    transparent 0,\n    color-mix(in srgb, var(--site-threadline) 85%, transparent) 8%,\n    color-mix(in srgb, var(--site-threadline) 55%, transparent) 100%\n  );\n  pointer-events: none;\n}\n\n/* Dot marker for each post in the thread (root + replies). Shown only when\n   there are replies so a solo post doesn't get an orphaned dot. */\n.thread .thread-item {\n  position: relative;\n  min-width: 0;\n  max-width: 100%;\n}\n\n.thread-has-replies .thread-item::before {\n  content: \"\";\n  position: absolute;\n  left: calc(\n    var(--thread-rail-left) + var(--thread-rail-width) / 2 -\n      var(--thread-dot-size) / 2 - var(--thread-rail-indent)\n  );\n  top: 1.4rem;\n  width: var(--thread-dot-size);\n  height: var(--thread-dot-size);\n  border-radius: 50%;\n  background-color: var(--site-threadline);\n  border: var(--thread-dot-border-width) solid var(--site-page-bg);\n  box-shadow: 0 0 0 var(--thread-dot-ring-width) var(--site-thread-dot-ring);\n  z-index: 1;\n}\n\n.thread-item-root {\n  display: flex;\n  flex-direction: column;\n  gap: 0.75rem;\n}\n\n.thread-header {\n  display: flex;\n  flex-direction: column;\n  gap: 0.5rem;\n}\n\n.thread-title {\n  font-family: var(--font-heading);\n  font-size: var(--type-content-display);\n  font-weight: var(--type-display-weight);\n  line-height: var(--type-display-leading);\n  margin: 0;\n  color: var(--site-reading-title);\n}\n\n.thread-title a {\n  color: inherit;\n  text-decoration: none;\n}\n\n.thread-title a:hover,\n.thread-title a:focus {\n  text-decoration: underline;\n  text-underline-offset: 0.18em;\n}\n\n.thread-body {\n  font-size: var(--type-content-body);\n  line-height: var(--type-body-leading);\n  color: var(--site-reading-body);\n}\n\n.thread-body > :first-child {\n  margin-top: 0;\n}\n\n.thread-body > :last-child {\n  margin-bottom: 0;\n}\n\n.thread-replies {\n  /* Flex container for replies. The rail and dots are provided by\n     `.thread::before` and `.thread-item::before` so replies stay visually\n     connected to the root post. */\n  display: flex;\n  flex-direction: column;\n  gap: var(--space-xl);\n}\n\n/* -------------------------------------------------------------------------\n * Replies\n * ------------------------------------------------------------------------- */\n\n.reply {\n  scroll-margin-top: 1.5rem;\n  display: flex;\n  flex-direction: column;\n  gap: 0.6rem;\n}\n\n.reply:target {\n  background-color: var(--search-mark-bg);\n  border-radius: 0.25rem;\n  padding: 0.75rem 1rem;\n  margin-left: -1rem;\n  margin-right: -1rem;\n}\n\n.reply:target::before {\n  background-color: var(--site-accent);\n}\n\n.reply-title {\n  font-family: var(--font-heading);\n  font-size: var(--type-content-subtitle);\n  font-weight: var(--type-heading-weight);\n  line-height: var(--type-heading-leading);\n  margin: 0;\n  color: var(--site-reading-heading);\n}\n\n.reply-body {\n  color: var(--site-reading-body);\n}\n\n.reply-body > :first-child {\n  margin-top: 0;\n}\n\n.reply-body > :last-child {\n  margin-bottom: 0;\n}\n\n/* -------------------------------------------------------------------------\n * Collections page\n *\n * Mirrors the main site's authenticated-less collections view\n * (`ui/pages/CollectionsPage.tsx` + `ui/shared/CollectionDirectory.tsx`):\n * a page-intro block with count, then a two-column grid per row where a\n * monospace sequence label sits beside the collection title, description,\n * and entry/activity meta.\n * ------------------------------------------------------------------------- */\n\n.collections-page-shell {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  width: var(--layout-content-width);\n  max-width: 100%;\n  gap: clamp(1.25rem, 3vw, 1.75rem);\n}\n\n@media (min-width: 761px) and (max-width: 1024px) {\n  .collections-page-shell {\n    width: min(100%, 35rem);\n  }\n}\n\n@media (max-width: 760px) {\n  .collections-page-shell {\n    width: 100%;\n  }\n}\n\n.collections-page-header {\n  position: relative;\n  display: flex;\n  align-items: flex-start;\n  padding-bottom: 0.2rem;\n}\n\n.collections-page-heading {\n  min-width: 0;\n  flex: 1 1 18rem;\n}\n\n.page-intro {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  padding-bottom: 0.1rem;\n}\n\n.page-intro-title-row {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: baseline;\n  gap: 0.7rem;\n  min-width: 0;\n}\n\n.page-intro-title {\n  margin: 0;\n  font-family: var(--font-heading);\n  font-size: var(--type-title, 2rem);\n  font-weight: var(--type-heading-weight);\n  line-height: 1.15;\n  letter-spacing: -0.01em;\n  color: var(--site-text-primary);\n}\n\n.page-intro-meta-row {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  justify-content: space-between;\n  gap: 0.75rem 1rem;\n}\n\n.page-intro-meta,\n.page-intro-description {\n  margin: 0;\n  color: var(--site-text-secondary);\n  font-family: var(--font-ui);\n  font-size: var(--type-secondary);\n  line-height: 1.3;\n}\n\n.collection-directory {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  gap: 0.15rem;\n  list-style: none;\n  padding: 0;\n  margin: 0;\n}\n\n.collection-directory-item {\n  position: relative;\n  display: flex;\n  align-items: flex-start;\n  gap: 0.75rem;\n  padding: 0.95rem 0;\n  background: transparent;\n  text-decoration: none;\n}\n\n.collection-directory-main {\n  --collection-directory-sequence-width: 3.5ch;\n  --collection-directory-title-line-height: 1.18;\n  min-width: 0;\n  flex: 1;\n  display: grid;\n  grid-template-columns: var(--collection-directory-sequence-width) minmax(\n      0,\n      1fr\n    );\n  align-items: start;\n  column-gap: 0.8rem;\n  row-gap: 0.25rem;\n}\n\n.collection-directory-sequence {\n  grid-column: 1;\n  grid-row: 1;\n  display: block;\n  width: var(--collection-directory-sequence-width);\n  padding-top: 0.2rem;\n  font-family: var(--font-mono);\n  font-size: var(--type-xs);\n  font-variant-numeric: tabular-nums;\n  line-height: var(--collection-directory-title-line-height);\n  letter-spacing: 0.14em;\n  color: var(--site-text-secondary);\n}\n\n.collection-directory-title-row {\n  grid-column: 2;\n  grid-row: 1;\n  min-width: 0;\n  display: flex;\n  align-items: flex-start;\n}\n\n.collection-directory-title-link {\n  color: inherit;\n  text-decoration: none;\n  transition: color 0.15s ease;\n}\n\n.collection-directory-title-link:hover,\n.collection-directory-title-link:focus-visible {\n  color: var(--site-text-primary);\n}\n\n.collection-directory-title-link:hover .collection-directory-title,\n.collection-directory-title-link:focus-visible .collection-directory-title {\n  text-decoration: underline;\n  text-underline-offset: 3px;\n}\n\n.collection-directory-title {\n  min-width: 0;\n  display: inline-flex;\n  align-items: center;\n  gap: 0.45rem;\n  font-family: var(--font-heading);\n  font-size: var(--type-content-body);\n  font-weight: var(--type-heading-weight);\n  line-height: var(--collection-directory-title-line-height);\n  letter-spacing: -0.02em;\n  text-wrap: pretty;\n}\n\n.collection-directory-title-marker {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 0.95rem;\n  min-width: 0.95rem;\n  height: 0.95rem;\n  color: var(--site-text-secondary);\n  transition: color 0.15s ease;\n}\n\n.collection-directory-title-link:hover .collection-directory-title-marker,\n.collection-directory-title-link:focus-visible\n  .collection-directory-title-marker {\n  color: var(--site-text-primary);\n}\n\n.collection-directory-description {\n  grid-column: 2;\n  grid-row: 2;\n  margin: 0;\n  color: color-mix(in srgb, var(--site-text-secondary) 80%, transparent);\n  font-family: var(--font-body);\n  font-size: var(--type-sm);\n  line-height: 1.45;\n}\n\n.collection-directory-description :where(p) {\n  margin-top: 0.25em;\n  margin-bottom: 0.25em;\n}\n\n/* Links inside the description inherit the description color so they sit in\n   the same gray tone as the copy around them (matches the main site's\n   `.prose { --tw-prose-links: var(--site-content-link); }` which resolves\n   to `inherit`). The underline stays, drawn in currentColor. */\n.collection-directory-description :where(a) {\n  color: inherit;\n  text-decoration: underline;\n  text-decoration-color: currentColor;\n  text-underline-offset: 0.15em;\n}\n\n.collection-directory-description :where(a:hover),\n.collection-directory-description :where(a:focus-visible) {\n  color: var(--site-text-primary);\n}\n\n.collection-directory-description :where(p:first-child) {\n  margin-top: 0;\n}\n\n.collection-directory-description :where(p:last-child) {\n  margin-bottom: 0;\n}\n\n.collection-directory-description + .collection-directory-summary {\n  grid-row: 3;\n}\n\n.collection-directory-summary {\n  grid-column: 2;\n  grid-row: 2;\n  display: flex;\n  min-width: 0;\n  overflow: hidden;\n  align-items: center;\n  gap: 0.2rem 0.5rem;\n  margin: 0;\n  color: var(--site-reading-meta);\n  font-family: var(--font-ui);\n  font-size: var(--type-sm);\n  line-height: 1.3;\n  white-space: nowrap;\n}\n\n.collection-directory-meta {\n  flex: 0 0 auto;\n  color: inherit;\n}\n\n.collection-directory-meta-separator {\n  flex: 0 0 auto;\n  color: color-mix(in srgb, var(--site-divider) 88%, transparent);\n}\n\n.collection-directory-updated {\n  flex: 0 0 auto;\n  color: inherit;\n  white-space: nowrap;\n}\n\n.collection-directory-divider {\n  padding: 1.5rem 0 0.85rem;\n}\n\n.collection-directory-divider-row {\n  display: flex;\n  align-items: center;\n  gap: 0.95rem;\n}\n\n.collection-directory-divider-text {\n  font-family: var(--font-heading);\n  font-size: var(--type-secondary);\n  letter-spacing: 0;\n  font-style: normal;\n  white-space: nowrap;\n  color: var(--site-text-secondary);\n}\n\n.collection-directory-divider-line {\n  flex: 1;\n  height: 1px;\n  border: none;\n  margin: 0;\n  background: linear-gradient(\n    90deg,\n    color-mix(in srgb, var(--site-divider) 100%, transparent),\n    color-mix(in srgb, var(--site-divider) 54%, transparent) 34%,\n    transparent 86%\n  );\n}\n\n/* -------------------------------------------------------------------------\n * Pagination\n * ------------------------------------------------------------------------- */\n\n.pagination {\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  flex-wrap: wrap;\n  gap: 1rem;\n  padding: 1.5rem 0;\n  font-size: var(--type-sm);\n  font-variant-numeric: tabular-nums;\n}\n\n.pagination-link {\n  color: var(--site-text-secondary);\n  text-decoration: underline;\n  text-underline-offset: 3px;\n  transition: color 0.15s ease;\n}\n\n.pagination-link:hover,\n.pagination-link:focus {\n  color: var(--site-text-primary);\n}\n\n.pagination-link.is-disabled {\n  color: color-mix(in srgb, var(--site-text-secondary) 50%, transparent);\n  cursor: default;\n  text-decoration: none;\n}\n\n.pagination-current {\n  color: var(--site-text-primary);\n  font-weight: var(--fw-medium);\n}\n\n.pagination-ellipsis {\n  color: var(--site-text-secondary);\n}\n\n/* -------------------------------------------------------------------------\n * Empty states + utility\n * ------------------------------------------------------------------------- */\n\n.empty-state {\n  color: var(--site-reading-meta);\n  font-style: italic;\n  text-align: center;\n  padding: var(--space-xl) 0;\n}\n\n.page,\n.section {\n  display: block;\n}\n\n.page-summary,\n.section-summary {\n  font-size: var(--type-secondary);\n  color: var(--site-reading-meta);\n}\n\n/* -------------------------------------------------------------------------\n * Wider viewport refinements\n * ------------------------------------------------------------------------- */\n\n@media (min-width: 768px) {\n  .site-main {\n    padding-top: calc(var(--space-xl) * 1.5);\n    padding-bottom: calc(var(--space-xl) * 1.5);\n  }\n\n  .post-card-media,\n  .thread-media,\n  .reply-media {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n\n  .post-card-media:has(> :only-child),\n  .thread-media:has(> :only-child),\n  .reply-media:has(> :only-child) {\n    grid-template-columns: 1fr;\n  }\n}\n";
 //#endregion
 //#region src/services/export-theme/assets/client-site.js?raw
-var client_site_default$1 = "var e=null,t=0,n=!1,r=null,i=null,a=0;function o(e){return!isFinite(e)||e<0?`0:00`:`${Math.floor(e/60)}:${String(Math.floor(e%60)).padStart(2,`0`)}`}function s(e){return e.querySelector(`audio.media-audio-el`)}function c(e){return e.querySelector(`[data-audio-range]`)}function l(e){return e.querySelector(`[data-audio-waveform]`)}function u(e,t){let n=`${(t*100).toFixed(1)}%`;e.style.background=`linear-gradient(to right, var(--site-text-primary) ${n}, transparent ${n})`}var d=new WeakMap,f=new WeakSet;async function p(e,t){let n=await(await fetch(e)).arrayBuffer(),r=new AudioContext;try{let e=(await r.decodeAudioData(n)).getChannelData(0),i=Math.max(1,Math.floor(e.length/t)),a=Array(t);for(let n=0;n<t;n++){let t=0,r=n*i,o=Math.min(r+i,e.length);for(let n=r;n<o;n++){let r=Math.abs(e[n]);r>t&&(t=r)}a[n]=t}let o=0;for(let e of a)e>o&&(o=e);if(o>0)for(let e=0;e<t;e++)a[e]/=o;return a}finally{await r.close()}}function ee(e=document){let t=e.querySelectorAll(`[data-audio-peaks]`),n=[];for(let e of t){let t=e.dataset.audioPeaks;if(!t)continue;let r=e.closest(`.media-audio-card`);if(!(!r||d.has(r)))try{let e=JSON.parse(t);if(!Array.isArray(e))continue;d.set(r,e),r.classList.add(`has-waveform`),n.push(r)}catch{}}n.length>0&&requestAnimationFrame(()=>{for(let e of n)m(e,0)})}async function te(e){if(d.has(e)||f.has(e))return;f.add(e);let t=e.querySelector(`audio.media-audio-el source`),n=l(e);if(!t?.src||!n)return;let r=n.getBoundingClientRect().width,i=Math.max(20,Math.floor(r/3));try{let n=await p(t.src,i);d.set(e,n),e.classList.add(`has-waveform`);let r=s(e),a=r?.duration??0;m(e,r&&isFinite(a)&&a>0?r.currentTime/a:0)}catch{}}function m(e,t){let n=d.get(e),r=l(e);if(!n||!r)return;let i=window.devicePixelRatio||1,a=r.getBoundingClientRect(),o=Math.round(a.width*i),s=Math.round(a.height*i);if(o===0||s===0)return;(r.width!==o||r.height!==s)&&(r.width=o,r.height=s);let c=r.getContext(`2d`);if(!c)return;c.clearRect(0,0,o,s);let u=n.length,f=o/u,p=Math.max(1,Math.round(f*.6)),ee=Math.round(2*i),te=s*.85,m=getComputedStyle(r).getPropertyValue(`--site-text-primary`).trim()||`#000`;for(let e=0;e<u;e++){let r=Math.round(e*f+(f-p)/2),a=Math.max(ee,Math.round(n[e]*te)),o=Math.round((s-a)/2);c.globalAlpha=(e+.5)/u<=t?.9:.2,c.fillStyle=m;let l=Math.min(p/2,i);c.beginPath(),c.roundRect(r,o,p,a,l),c.fill()}c.globalAlpha=1}function ne(e,t){let{currentTime:r,duration:i}=t,a=isFinite(i)&&i>0,s=a?r/i:0;if(!n){let t=c(e);t&&a&&(t.value=String(Math.round(s*1e3)),u(t,s)),d.has(e)&&m(e,s);let n=e.querySelector(`[data-audio-time]`);n&&(n.textContent=a?`${o(r)} / ${o(i)}`:o(r))}}function re(){if(!e)return;let n=s(e);!n||n.paused||(ne(e,n),t=requestAnimationFrame(re))}function ie(){if(e){let t=s(e);t&&!t.paused&&t.pause(),e.classList.remove(`is-playing`),e=null}cancelAnimationFrame(t)}async function ae(n){let r=s(n);if(r)if(e&&e!==n&&ie(),r.paused){e=n,n.classList.add(`is-playing`);try{await r.play()}catch{n.classList.remove(`is-playing`),e=null;return}t=requestAnimationFrame(re),te(n)}else r.pause(),n.classList.remove(`is-playing`),cancelAnimationFrame(t),e=null}function oe(e){let t=e.closest(`.media-audio-card`);if(!t)return;let n=s(t);if(!n)return;let r=Number(e.value)/1e3,i=n.duration;isFinite(i)&&i>0&&(n.currentTime=r*i)}function se(e,t){let n=e.getBoundingClientRect();a=Math.max(0,Math.min(1,(t.clientX-n.left)/n.width));let r=e.closest(`.media-audio-card`);if(!r)return;m(r,a);let i=s(r),c=r.querySelector(`[data-audio-time]`);if(i&&c){let e=i.duration;isFinite(e)&&e>0&&(c.textContent=`${o(a*e)} / ${o(e)}`)}}async function ce(n){let r=n.closest(`.media-audio-card`);if(!r)return;let i=s(r);if(i)if(i.paused){e&&e!==r&&ie(),e=r,r.classList.add(`is-playing`);try{await i.play()}catch{r.classList.remove(`is-playing`),e=null;return}let n=i.duration;isFinite(n)&&n>0&&(i.currentTime=a*n),t=requestAnimationFrame(re),te(r)}else{let e=i.duration;isFinite(e)&&e>0&&(i.currentTime=a*e)}}document.addEventListener(`pointerdown`,e=>{let t=e.target;t.matches(`[data-audio-range]`)?(n=!0,r=t):t.matches(`[data-audio-waveform]`)&&(n=!0,i=t,se(t,e))},!0),document.addEventListener(`pointermove`,e=>{n&&i&&se(i,e)},!0),document.addEventListener(`pointerup`,()=>{n&&(r?(oe(r),r=null):i&&=(ce(i),null)),n=!1},!0),document.addEventListener(`pointercancel`,()=>{r=null,i=null,n=!1},!0),document.addEventListener(`click`,e=>{let t=e.target.closest(`[data-audio-play]`);if(!t)return;e.preventDefault();let n=t.closest(`.media-audio-card`);n&&ae(n)}),document.addEventListener(`input`,e=>{let t=e.target;if(!t.matches(`[data-audio-range]`))return;let n=t.closest(`.media-audio-card`);if(!n)return;let r=s(n);if(!r)return;let i=Number(t.value)/1e3;u(t,i);let a=r.duration,c=n.querySelector(`[data-audio-time]`);c&&isFinite(a)&&a>0&&(c.textContent=`${o(i*a)} / ${o(a)}`)},!0),document.addEventListener(`ended`,n=>{let r=n.target;if(!r.closest)return;let i=r.closest(`.media-audio-card`);if(!i)return;i.classList.remove(`is-playing`),cancelAnimationFrame(t),e=null;let a=c(i);a&&(a.value=`0`,u(a,0)),d.has(i)&&m(i,0);let o=i.querySelector(`[data-audio-time]`);o&&(o.textContent=`0:00`)},!0),document.readyState===`loading`?document.addEventListener(`DOMContentLoaded`,()=>ee()):ee();var h=`jant:media-lightbox-toggle`,le=`jant:media-video-playback-intent`,g=new Set;function _(e){let t=e?.trim();return!!t&&g.has(t)}function ue(e,t){let n=e?.trim();n&&(t?g.add(n):g.delete(n),document.dispatchEvent(new CustomEvent(le,{detail:{mediaId:n,paused:t}})))}var de=`75% 0px`,fe=.6,v=.25,pe=160,y=new Set,me=new WeakMap,he=new WeakSet,b=null,x=null,S=null,ge=!1,C=null,w=null,T=null;function _e(e){return e.length===0?null:[...e].sort((e,t)=>t.visibleArea===e.visibleArea?e.centerDistance===t.centerDistance?t.intersectionRatio-e.intersectionRatio:e.centerDistance-t.centerDistance:t.visibleArea-e.visibleArea)[0]??null}function ve(){return{x:(globalThis.innerWidth||document.documentElement.clientWidth||0)/2,y:(globalThis.innerHeight||document.documentElement.clientHeight||0)/2}}function ye(e){return me.get(e)}function be(e){return _(e)}function E(e){return be(e.dataset.feedVideoId)}function xe(e){return e.closest(`.media-video-wrap`)?.querySelector(`[data-feed-video-mute-toggle]`)??null}function D(e){let t=xe(e);if(!t)return;let n=S!==e||e.muted;t.dataset.muted=n?`true`:`false`,t.setAttribute(`aria-label`,n?`Play with sound`:`Mute video`)}function Se(){for(let e of y)D(e)}function Ce(e){if(he.has(e))return;let t=e.dataset.videoSrc;t&&(e.getAttribute(`src`)!==t&&(e.src=t),e.load(),he.add(e))}function O(e){e?.pause()}function we(e){if(E(e)){O(e);return}Ce(e),e.muted=S!==e,e.playsInline=!0,e.loop=!0,D(e),e.play().catch(()=>{})}function Te(){for(let e of y)e.isConnected||(w?.unobserve(e),T?.unobserve(e),y.delete(e),e===b&&(b=null),e===x&&(x=null),e===S&&(S=null))}function Ee(){if(C=null,Te(),document.hidden||ge){O(b);return}let e=[];for(let t of y){let n=ye(t);n&&(E(t)||n.intersectionRatio<fe||e.push({video:t,...n}))}let t=null;if(x?.isConnected&&!E(x)){let e=ye(x);e&&e.intersectionRatio>v?t=x:(!e||e.intersectionRatio<=v)&&(x=null)}else x&&E(x)&&(x=null);if(t||=_e(e)?.video??null,!t){let e=b?ye(b):void 0;if(b&&!E(b)&&e&&e.intersectionRatio>v)return;O(b),b=null;return}t!==b&&(O(b),b=t),we(t);for(let e of y)e!==t&&(O(e),D(e))}function k(){C!==null&&globalThis.clearTimeout(C),C=globalThis.setTimeout(Ee,pe)}function De(e){let t=ve();for(let n of e){let e=n.target,r=n.boundingClientRect,i=r.left+r.width/2,a=r.top+r.height/2,o=n.intersectionRect.width*n.intersectionRect.height,s=Math.hypot(i-t.x,a-t.y);me.set(e,{intersectionRatio:n.intersectionRatio,visibleArea:o,centerDistance:s})}k()}function Oe(e){for(let t of e)t.isIntersecting&&Ce(t.target)}function ke(){w&&T||globalThis.IntersectionObserver!==void 0&&(w=new globalThis.IntersectionObserver(De,{threshold:[0,v,fe,1]}),T=new globalThis.IntersectionObserver(Oe,{rootMargin:de,threshold:0}))}function Ae(e){y.has(e)||(ke(),!(!w||!T)&&(y.add(e),w.observe(e),T.observe(e),xe(e)?.addEventListener(`click`,je),D(e)))}function je(e){e.preventDefault(),e.stopPropagation();let t=e.currentTarget.closest(`.media-video-wrap`)?.querySelector(`[data-feed-short-video]`);if(!t)return;let n=t.dataset.feedVideoId?.trim();n&&ue(n,!1),x=t,S!==t||t.muted?(S&&S!==t&&(S.muted=!0),S=t,b!==t&&(O(b),b=t),we(t)):(S=null,t.muted=!0,D(t)),Se(),k()}function Me(e=document){let t=e.querySelectorAll(`[data-feed-short-video]`);for(let e of t)Ae(e);k()}document.addEventListener(h,e=>{ge=e.detail?.open===!0,ge&&O(b),k()}),document.addEventListener(le,e=>{let t=e.detail,n=t?.mediaId?.trim();if(!(!n||typeof t.paused!=`boolean`)){for(let e of y)e.dataset.feedVideoId?.trim()===n&&t.paused&&(O(e),b===e&&(b=null),x===e&&(x=null));k()}}),document.addEventListener(`visibilitychange`,()=>{document.hidden&&O(b),k()}),document.readyState===`loading`?document.addEventListener(`DOMContentLoaded`,()=>Me(),{once:!0}):queueMicrotask(()=>Me());var Ne=4;function Pe(e){return e.querySelector(`[data-post-media]`)}function Fe(e){let t=Pe(e);if(!t)return;let{scrollLeft:n,scrollWidth:r,clientWidth:i}=t;e.classList.toggle(`can-scroll-start`,n>Ne),e.classList.toggle(`can-scroll-end`,n+i<r-Ne)}function Ie(e){return Math.max(160,Math.round(e.clientWidth*.85))}function A(e,t){e.scrollBy({left:t*Ie(e),behavior:`smooth`})}function j(e){if(e.dataset.scrollHintReady===`1`)return;let t=Pe(e);t&&(e.dataset.scrollHintReady=`1`,Fe(e),t.addEventListener(`scroll`,()=>Fe(e),{passive:!0}),e.querySelector(`.media-gallery-nav-prev`)?.addEventListener(`click`,()=>A(t,-1)),e.querySelector(`.media-gallery-nav-next`)?.addEventListener(`click`,()=>A(t,1)),t.addEventListener(`keydown`,e=>{if(e.target===t)switch(e.key){case`ArrowRight`:e.preventDefault(),A(t,1);break;case`ArrowLeft`:e.preventDefault(),A(t,-1);break;case`Home`:e.preventDefault(),t.scrollTo({left:0,behavior:`smooth`});break;case`End`:e.preventDefault(),t.scrollTo({left:t.scrollWidth,behavior:`smooth`});break}}))}function Le(){document.querySelectorAll(`.media-gallery-scroll-wrap`).forEach(j)}var Re=new globalThis.MutationObserver(e=>{for(let t of e)for(let e of t.addedNodes)e instanceof HTMLElement&&(e.matches(`.media-gallery-scroll-wrap`)&&j(e),e.querySelectorAll(`.media-gallery-scroll-wrap`).forEach(j))});document.readyState===`loading`?document.addEventListener(`DOMContentLoaded`,()=>{Le(),Re.observe(document.body,{childList:!0,subtree:!0})}):(Le(),Re.observe(document.body,{childList:!0,subtree:!0}));var ze=new WeakMap,Be=new WeakMap;function Ve(e){let t=e.querySelector(`.site-header-more-btn`),n=e.querySelector(`.site-header-more-popover`);if(!t||!n||t.dataset.moreInitialized===`true`)return;t.dataset.moreInitialized=`true`;let r=new AbortController,i=r.signal;ze.set(t,r);function a(){n.setAttribute(`aria-hidden`,`false`),t.setAttribute(`aria-expanded`,`true`),document.dispatchEvent(new CustomEvent(`basecoat:popover`,{detail:{source:t.parentElement}}))}function o(e=!1){n.setAttribute(`aria-hidden`,`true`),t.setAttribute(`aria-expanded`,`false`),e&&t.focus()}t.addEventListener(`click`,e=>{e.preventDefault(),e.stopPropagation(),t.getAttribute(`aria-expanded`)===`true`?o():a()},{signal:i}),document.addEventListener(`click`,e=>{e.target instanceof Node&&(t.parentElement?.contains(e.target)||o())},{signal:i}),document.addEventListener(`keydown`,e=>{e.key===`Escape`&&n.getAttribute(`aria-hidden`)===`false`&&o(!0)},{signal:i}),document.addEventListener(`basecoat:popover`,e=>{e.detail?.source!==t.parentElement&&o()},{signal:i})}var He=`jant:nav-fresh-visits`;function Ue(){let e=document.createElement(`span`);return e.className=`site-header-link-fresh`,e.setAttribute(`aria-hidden`,`true`),e.textContent=`*`,e}function We(e){try{let t=JSON.parse(localStorage.getItem(He)||`{}`),n=location.pathname,r=e.querySelectorAll(`[data-fresh-at]`);for(let e of r){let r=new URL(e.href).pathname,i=parseInt(e.dataset.freshAt,10);if(r===n)t[r]=Math.floor(Date.now()/1e3);else{let n=t[r];if(!n||n<i){let t=e.querySelector(`svg`);e.insertBefore(Ue(),t)}}}localStorage.setItem(He,JSON.stringify(t))}catch{}}function Ge(e=document){let t=e.querySelector(`.site-header-hamburger`),n=e.querySelector(`#site-nav-drawer`),r=e.querySelector(`.site-nav-drawer-backdrop`),i=n?.querySelector(`.site-nav-drawer-close`);if(We(e),Ve(e),!t||!n||!r||t.dataset.drawerInitialized===`true`)return;t.dataset.drawerInitialized=`true`;let a=new AbortController,o=a.signal;Be.set(t,a);function s(){n.setAttribute(`aria-hidden`,`false`),n.removeAttribute(`inert`),r.setAttribute(`aria-hidden`,`false`),t.setAttribute(`aria-expanded`,`true`),document.documentElement.classList.add(`drawer-open`);let e=n.querySelector(`.site-nav-drawer-close`)??n.querySelector(`a[href], button`);e&&e.focus()}function c(e=!0){n.setAttribute(`aria-hidden`,`true`),r.setAttribute(`aria-hidden`,`true`),t.setAttribute(`aria-expanded`,`false`),document.documentElement.classList.remove(`drawer-open`),n.addEventListener(`transitionend`,()=>{n.getAttribute(`aria-hidden`)===`true`&&n.setAttribute(`inert`,``)},{once:!0,signal:o}),e&&t.focus()}t.addEventListener(`click`,()=>{t.getAttribute(`aria-expanded`)===`true`?c():s()},{signal:o}),i?.addEventListener(`click`,()=>c(),{signal:o}),r.addEventListener(`click`,()=>c(),{signal:o}),n.addEventListener(`click`,e=>{e.target instanceof Element&&e.target.closest(`a[href]`)&&c(!1)},{signal:o}),n.addEventListener(`keydown`,e=>{e.key===`Escape`&&(e.preventDefault(),c())},{signal:o})}Ge();var M=globalThis,N=M.ShadowRoot&&(M.ShadyCSS===void 0||M.ShadyCSS.nativeShadow)&&`adoptedStyleSheets`in Document.prototype&&`replace`in CSSStyleSheet.prototype,Ke=Symbol(),qe=new WeakMap,Je=class{constructor(e,t,n){if(this._$cssResult$=!0,n!==Ke)throw Error(\"CSSResult is not constructable. Use `unsafeCSS` or `css` instead.\");this.cssText=e,this.t=t}get styleSheet(){let e=this.o,t=this.t;if(N&&e===void 0){let n=t!==void 0&&t.length===1;n&&(e=qe.get(t)),e===void 0&&((this.o=e=new CSSStyleSheet).replaceSync(this.cssText),n&&qe.set(t,e))}return e}toString(){return this.cssText}},Ye=e=>new Je(typeof e==`string`?e:e+``,void 0,Ke),Xe=(e,t)=>{if(N)e.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet);else for(let n of t){let t=document.createElement(`style`),r=M.litNonce;r!==void 0&&t.setAttribute(`nonce`,r),t.textContent=n.cssText,e.appendChild(t)}},Ze=N?e=>e:e=>e instanceof CSSStyleSheet?(e=>{let t=``;for(let n of e.cssRules)t+=n.cssText;return Ye(t)})(e):e,{is:Qe,defineProperty:$e,getOwnPropertyDescriptor:et,getOwnPropertyNames:tt,getOwnPropertySymbols:nt,getPrototypeOf:rt}=Object,P=globalThis,it=P.trustedTypes,at=it?it.emptyScript:``,ot=P.reactiveElementPolyfillSupport,F=(e,t)=>e,I={toAttribute(e,t){switch(t){case Boolean:e=e?at:null;break;case Object:case Array:e=e==null?e:JSON.stringify(e)}return e},fromAttribute(e,t){let n=e;switch(t){case Boolean:n=e!==null;break;case Number:n=e===null?null:Number(e);break;case Object:case Array:try{n=JSON.parse(e)}catch{n=null}}return n}},st=(e,t)=>!Qe(e,t),ct={attribute:!0,type:String,converter:I,reflect:!1,useDefault:!1,hasChanged:st};Symbol.metadata??=Symbol(`metadata`),P.litPropertyMetadata??=new WeakMap;var L=class extends HTMLElement{static addInitializer(e){this._$Ei(),(this.l??=[]).push(e)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(e,t=ct){if(t.state&&(t.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(e)&&((t=Object.create(t)).wrapped=!0),this.elementProperties.set(e,t),!t.noAccessor){let n=Symbol(),r=this.getPropertyDescriptor(e,n,t);r!==void 0&&$e(this.prototype,e,r)}}static getPropertyDescriptor(e,t,n){let{get:r,set:i}=et(this.prototype,e)??{get(){return this[t]},set(e){this[t]=e}};return{get:r,set(t){let a=r?.call(this);i?.call(this,t),this.requestUpdate(e,a,n)},configurable:!0,enumerable:!0}}static getPropertyOptions(e){return this.elementProperties.get(e)??ct}static _$Ei(){if(this.hasOwnProperty(F(`elementProperties`)))return;let e=rt(this);e.finalize(),e.l!==void 0&&(this.l=[...e.l]),this.elementProperties=new Map(e.elementProperties)}static finalize(){if(this.hasOwnProperty(F(`finalized`)))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(F(`properties`))){let e=this.properties,t=[...tt(e),...nt(e)];for(let n of t)this.createProperty(n,e[n])}let e=this[Symbol.metadata];if(e!==null){let t=litPropertyMetadata.get(e);if(t!==void 0)for(let[e,n]of t)this.elementProperties.set(e,n)}this._$Eh=new Map;for(let[e,t]of this.elementProperties){let n=this._$Eu(e,t);n!==void 0&&this._$Eh.set(n,e)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(e){let t=[];if(Array.isArray(e)){let n=new Set(e.flat(1/0).reverse());for(let e of n)t.unshift(Ze(e))}else e!==void 0&&t.push(Ze(e));return t}static _$Eu(e,t){let n=t.attribute;return!1===n?void 0:typeof n==`string`?n:typeof e==`string`?e.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){this._$ES=new Promise(e=>this.enableUpdating=e),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach(e=>e(this))}addController(e){(this._$EO??=new Set).add(e),this.renderRoot!==void 0&&this.isConnected&&e.hostConnected?.()}removeController(e){this._$EO?.delete(e)}_$E_(){let e=new Map,t=this.constructor.elementProperties;for(let n of t.keys())this.hasOwnProperty(n)&&(e.set(n,this[n]),delete this[n]);e.size>0&&(this._$Ep=e)}createRenderRoot(){let e=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return Xe(e,this.constructor.elementStyles),e}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this._$EO?.forEach(e=>e.hostConnected?.())}enableUpdating(e){}disconnectedCallback(){this._$EO?.forEach(e=>e.hostDisconnected?.())}attributeChangedCallback(e,t,n){this._$AK(e,n)}_$ET(e,t){let n=this.constructor.elementProperties.get(e),r=this.constructor._$Eu(e,n);if(r!==void 0&&!0===n.reflect){let i=(n.converter?.toAttribute===void 0?I:n.converter).toAttribute(t,n.type);this._$Em=e,i==null?this.removeAttribute(r):this.setAttribute(r,i),this._$Em=null}}_$AK(e,t){let n=this.constructor,r=n._$Eh.get(e);if(r!==void 0&&this._$Em!==r){let e=n.getPropertyOptions(r),i=typeof e.converter==`function`?{fromAttribute:e.converter}:e.converter?.fromAttribute===void 0?I:e.converter;this._$Em=r;let a=i.fromAttribute(t,e.type);this[r]=a??this._$Ej?.get(r)??a,this._$Em=null}}requestUpdate(e,t,n,r=!1,i){if(e!==void 0){let a=this.constructor;if(!1===r&&(i=this[e]),n??=a.getPropertyOptions(e),!((n.hasChanged??st)(i,t)||n.useDefault&&n.reflect&&i===this._$Ej?.get(e)&&!this.hasAttribute(a._$Eu(e,n))))return;this.C(e,t,n)}!1===this.isUpdatePending&&(this._$ES=this._$EP())}C(e,t,{useDefault:n,reflect:r,wrapped:i},a){n&&!(this._$Ej??=new Map).has(e)&&(this._$Ej.set(e,a??t??this[e]),!0!==i||a!==void 0)||(this._$AL.has(e)||(this.hasUpdated||n||(t=void 0),this._$AL.set(e,t)),!0===r&&this._$Em!==e&&(this._$Eq??=new Set).add(e))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(e){Promise.reject(e)}let e=this.scheduleUpdate();return e!=null&&await e,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(let[e,t]of this._$Ep)this[e]=t;this._$Ep=void 0}let e=this.constructor.elementProperties;if(e.size>0)for(let[t,n]of e){let{wrapped:e}=n,r=this[t];!0!==e||this._$AL.has(t)||r===void 0||this.C(t,void 0,n,r)}}let e=!1,t=this._$AL;try{e=this.shouldUpdate(t),e?(this.willUpdate(t),this._$EO?.forEach(e=>e.hostUpdate?.()),this.update(t)):this._$EM()}catch(t){throw e=!1,this._$EM(),t}e&&this._$AE(t)}willUpdate(e){}_$AE(e){this._$EO?.forEach(e=>e.hostUpdated?.()),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(e)),this.updated(e)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(e){return!0}update(e){this._$Eq&&=this._$Eq.forEach(e=>this._$ET(e,this[e])),this._$EM()}updated(e){}firstUpdated(e){}};L.elementStyles=[],L.shadowRootOptions={mode:`open`},L[F(`elementProperties`)]=new Map,L[F(`finalized`)]=new Map,ot?.({ReactiveElement:L}),(P.reactiveElementVersions??=[]).push(`2.1.2`);var lt=globalThis,ut=e=>e,R=lt.trustedTypes,dt=R?R.createPolicy(`lit-html`,{createHTML:e=>e}):void 0,ft=`$lit$`,z=`lit$${Math.random().toFixed(9).slice(2)}$`,pt=`?`+z,mt=`<${pt}>`,B=document,V=()=>B.createComment(``),H=e=>e===null||typeof e!=`object`&&typeof e!=`function`,ht=Array.isArray,gt=e=>ht(e)||typeof e?.[Symbol.iterator]==`function`,_t=`[ 	\n\\f\\r]`,U=/<(?:(!--|\\/[^a-zA-Z])|(\\/?[a-zA-Z][^>\\s]*)|(\\/?$))/g,vt=/-->/g,yt=/>/g,W=RegExp(`>|${_t}(?:([^\\\\s\"'>=/]+)(${_t}*=${_t}*(?:[^ \\t\\n\\f\\r\"'\\`<>=]|(\"|')|))|$)`,`g`),bt=/'/g,xt=/\"/g,St=/^(?:script|style|textarea|title)$/i,Ct=e=>(t,...n)=>({_$litType$:e,strings:t,values:n}),G=Ct(1),K=Ct(2),q=Symbol.for(`lit-noChange`),J=Symbol.for(`lit-nothing`),wt=new WeakMap,Y=B.createTreeWalker(B,129);function Tt(e,t){if(!ht(e)||!e.hasOwnProperty(`raw`))throw Error(`invalid template strings array`);return dt===void 0?t:dt.createHTML(t)}var Et=(e,t)=>{let n=e.length-1,r=[],i,a=t===2?`<svg>`:t===3?`<math>`:``,o=U;for(let t=0;t<n;t++){let n=e[t],s,c,l=-1,u=0;for(;u<n.length&&(o.lastIndex=u,c=o.exec(n),c!==null);)u=o.lastIndex,o===U?c[1]===`!--`?o=vt:c[1]===void 0?c[2]===void 0?c[3]!==void 0&&(o=W):(St.test(c[2])&&(i=RegExp(`</`+c[2],`g`)),o=W):o=yt:o===W?c[0]===`>`?(o=i??U,l=-1):c[1]===void 0?l=-2:(l=o.lastIndex-c[2].length,s=c[1],o=c[3]===void 0?W:c[3]===`\"`?xt:bt):o===xt||o===bt?o=W:o===vt||o===yt?o=U:(o=W,i=void 0);let d=o===W&&e[t+1].startsWith(`/>`)?` `:``;a+=o===U?n+mt:l>=0?(r.push(s),n.slice(0,l)+ft+n.slice(l)+z+d):n+z+(l===-2?t:d)}return[Tt(e,a+(e[n]||`<?>`)+(t===2?`</svg>`:t===3?`</math>`:``)),r]},Dt=class e{constructor({strings:t,_$litType$:n},r){let i;this.parts=[];let a=0,o=0,s=t.length-1,c=this.parts,[l,u]=Et(t,n);if(this.el=e.createElement(l,r),Y.currentNode=this.el.content,n===2||n===3){let e=this.el.content.firstChild;e.replaceWith(...e.childNodes)}for(;(i=Y.nextNode())!==null&&c.length<s;){if(i.nodeType===1){if(i.hasAttributes())for(let e of i.getAttributeNames())if(e.endsWith(ft)){let t=u[o++],n=i.getAttribute(e).split(z),r=/([.?@])?(.*)/.exec(t);c.push({type:1,index:a,name:r[2],strings:n,ctor:r[1]===`.`?At:r[1]===`?`?jt:r[1]===`@`?Mt:Z}),i.removeAttribute(e)}else e.startsWith(z)&&(c.push({type:6,index:a}),i.removeAttribute(e));if(St.test(i.tagName)){let e=i.textContent.split(z),t=e.length-1;if(t>0){i.textContent=R?R.emptyScript:``;for(let n=0;n<t;n++)i.append(e[n],V()),Y.nextNode(),c.push({type:2,index:++a});i.append(e[t],V())}}}else if(i.nodeType===8)if(i.data===pt)c.push({type:2,index:a});else{let e=-1;for(;(e=i.data.indexOf(z,e+1))!==-1;)c.push({type:7,index:a}),e+=z.length-1}a++}}static createElement(e,t){let n=B.createElement(`template`);return n.innerHTML=e,n}};function X(e,t,n=e,r){if(t===q)return t;let i=r===void 0?n._$Cl:n._$Co?.[r],a=H(t)?void 0:t._$litDirective$;return i?.constructor!==a&&(i?._$AO?.(!1),a===void 0?i=void 0:(i=new a(e),i._$AT(e,n,r)),r===void 0?n._$Cl=i:(n._$Co??=[])[r]=i),i!==void 0&&(t=X(e,i._$AS(e,t.values),i,r)),t}var Ot=class{constructor(e,t){this._$AV=[],this._$AN=void 0,this._$AD=e,this._$AM=t}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(e){let{el:{content:t},parts:n}=this._$AD,r=(e?.creationScope??B).importNode(t,!0);Y.currentNode=r;let i=Y.nextNode(),a=0,o=0,s=n[0];for(;s!==void 0;){if(a===s.index){let t;s.type===2?t=new kt(i,i.nextSibling,this,e):s.type===1?t=new s.ctor(i,s.name,s.strings,this,e):s.type===6&&(t=new Nt(i,this,e)),this._$AV.push(t),s=n[++o]}a!==s?.index&&(i=Y.nextNode(),a++)}return Y.currentNode=B,r}p(e){let t=0;for(let n of this._$AV)n!==void 0&&(n.strings===void 0?n._$AI(e[t]):(n._$AI(e,n,t),t+=n.strings.length-2)),t++}},kt=class e{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(e,t,n,r){this.type=2,this._$AH=J,this._$AN=void 0,this._$AA=e,this._$AB=t,this._$AM=n,this.options=r,this._$Cv=r?.isConnected??!0}get parentNode(){let e=this._$AA.parentNode,t=this._$AM;return t!==void 0&&e?.nodeType===11&&(e=t.parentNode),e}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(e,t=this){e=X(this,e,t),H(e)?e===J||e==null||e===``?(this._$AH!==J&&this._$AR(),this._$AH=J):e!==this._$AH&&e!==q&&this._(e):e._$litType$===void 0?e.nodeType===void 0?gt(e)?this.k(e):this._(e):this.T(e):this.$(e)}O(e){return this._$AA.parentNode.insertBefore(e,this._$AB)}T(e){this._$AH!==e&&(this._$AR(),this._$AH=this.O(e))}_(e){this._$AH!==J&&H(this._$AH)?this._$AA.nextSibling.data=e:this.T(B.createTextNode(e)),this._$AH=e}$(e){let{values:t,_$litType$:n}=e,r=typeof n==`number`?this._$AC(e):(n.el===void 0&&(n.el=Dt.createElement(Tt(n.h,n.h[0]),this.options)),n);if(this._$AH?._$AD===r)this._$AH.p(t);else{let e=new Ot(r,this),n=e.u(this.options);e.p(t),this.T(n),this._$AH=e}}_$AC(e){let t=wt.get(e.strings);return t===void 0&&wt.set(e.strings,t=new Dt(e)),t}k(t){ht(this._$AH)||(this._$AH=[],this._$AR());let n=this._$AH,r,i=0;for(let a of t)i===n.length?n.push(r=new e(this.O(V()),this.O(V()),this,this.options)):r=n[i],r._$AI(a),i++;i<n.length&&(this._$AR(r&&r._$AB.nextSibling,i),n.length=i)}_$AR(e=this._$AA.nextSibling,t){for(this._$AP?.(!1,!0,t);e!==this._$AB;){let t=ut(e).nextSibling;ut(e).remove(),e=t}}setConnected(e){this._$AM===void 0&&(this._$Cv=e,this._$AP?.(e))}},Z=class{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(e,t,n,r,i){this.type=1,this._$AH=J,this._$AN=void 0,this.element=e,this.name=t,this._$AM=r,this.options=i,n.length>2||n[0]!==``||n[1]!==``?(this._$AH=Array(n.length-1).fill(new String),this.strings=n):this._$AH=J}_$AI(e,t=this,n,r){let i=this.strings,a=!1;if(i===void 0)e=X(this,e,t,0),a=!H(e)||e!==this._$AH&&e!==q,a&&(this._$AH=e);else{let r=e,o,s;for(e=i[0],o=0;o<i.length-1;o++)s=X(this,r[n+o],t,o),s===q&&(s=this._$AH[o]),a||=!H(s)||s!==this._$AH[o],s===J?e=J:e!==J&&(e+=(s??``)+i[o+1]),this._$AH[o]=s}a&&!r&&this.j(e)}j(e){e===J?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,e??``)}},At=class extends Z{constructor(){super(...arguments),this.type=3}j(e){this.element[this.name]=e===J?void 0:e}},jt=class extends Z{constructor(){super(...arguments),this.type=4}j(e){this.element.toggleAttribute(this.name,!!e&&e!==J)}},Mt=class extends Z{constructor(e,t,n,r,i){super(e,t,n,r,i),this.type=5}_$AI(e,t=this){if((e=X(this,e,t,0)??J)===q)return;let n=this._$AH,r=e===J&&n!==J||e.capture!==n.capture||e.once!==n.once||e.passive!==n.passive,i=e!==J&&(n===J||r);r&&this.element.removeEventListener(this.name,this,n),i&&this.element.addEventListener(this.name,this,e),this._$AH=e}handleEvent(e){typeof this._$AH==`function`?this._$AH.call(this.options?.host??this.element,e):this._$AH.handleEvent(e)}},Nt=class{constructor(e,t,n){this.element=e,this.type=6,this._$AN=void 0,this._$AM=t,this.options=n}get _$AU(){return this._$AM._$AU}_$AI(e){X(this,e)}},Pt=lt.litHtmlPolyfillSupport;Pt?.(Dt,kt),(lt.litHtmlVersions??=[]).push(`3.3.2`);var Ft=(e,t,n)=>{let r=n?.renderBefore??t,i=r._$litPart$;if(i===void 0){let e=n?.renderBefore??null;r._$litPart$=i=new kt(t.insertBefore(V(),e),e,void 0,n??{})}return i._$AI(e),i},It=globalThis,Q=class extends L{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){let e=super.createRenderRoot();return this.renderOptions.renderBefore??=e.firstChild,e}update(e){let t=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(e),this._$Do=Ft(t,this.renderRoot,this.renderOptions)}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(!0)}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(!1)}render(){return q}};Q._$litElement$=!0,Q.finalized=!0,It.litElementHydrateSupport?.({LitElement:Q});var Lt=It.litElementPolyfillSupport;Lt?.({LitElement:Q}),(It.litElementVersions??=[]).push(`4.2.2`);function Rt(e){if(!e.mimeType?.startsWith(`video/`)||!Number.isFinite(e.durationSeconds)||!e.durationSeconds||e.durationSeconds<=0||e.durationSeconds>15)return!1;let t=e.size;return!(typeof t==`number`&&t>12582912)}var zt=640,Bt=8,Vt=72,Ht=16,Ut=704,Wt=.9,Gt=.85;function $(e){if(!(!Number.isFinite(e)||!e||e<=0))return e}function Kt(){return{width:globalThis.innerWidth||document.documentElement.clientWidth||0,height:globalThis.innerHeight||document.documentElement.clientHeight||0}}function qt(e,t){let n=e<=zt?Bt:Vt;return{width:Math.max(0,e-n*2),height:Math.max(0,t-Ht*2)}}function Jt(e,t,n){let r=$(e?.width),i=$(e?.height);if(!r||!i)return null;let a=qt(t,n);if(a.width<=0||a.height<=0)return null;let o=Math.min(a.width/r,a.height/i);return{width:Math.max(1,Math.round(r*o)),height:Math.max(1,Math.round(i*o))}}function Yt(e,t,n){if(!e||e.mimeType?.startsWith(`video/`)||!$(e.width)||!$(e.height)||t<=0||n<=0)return!1;let r=$(e.width),i=$(e.height);if(!r||!i)return!1;let a=t<=zt,o=qt(t,n),s=o.width,c=o.height;if(s<=0||c<=0)return!1;let l=r/i,u=Math.min(s,c*l);return l<Wt&&u<(a?s:Math.min(s,Ut))*Gt}var Xt=class extends Q{static properties={_images:{state:!0},_currentIndex:{state:!0},_open:{state:!0},_viewportWidth:{state:!0},_viewportHeight:{state:!0},_videoCurrentTime:{state:!0},_videoDuration:{state:!0},_videoMuted:{state:!0},_videoPaused:{state:!0},_imageZoomed:{state:!0}};createRenderRoot(){return this.innerHTML=``,this}constructor(){super();let e=Kt();this._images=[],this._currentIndex=0,this._open=!1,this._viewportWidth=e.width,this._viewportHeight=e.height,this._videoCurrentTime=0,this._videoDuration=0,this._videoMuted=!1,this._videoPaused=!1,this._imageZoomed=!1}connectedCallback(){super.connectedCallback(),document.addEventListener(`click`,this.#e),window.addEventListener(`resize`,this.#l),this.#u()}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener(`click`,this.#e),window.removeEventListener(`resize`,this.#l)}open(e,t){this.#u(),this.#d(),this._images=e,this._currentIndex=Math.max(0,Math.min(t,e.length-1)),this.#m(this._images[this._currentIndex]),this._imageZoomed=!1,this._open=!0,document.dispatchEvent(new CustomEvent(h,{detail:{open:!0}})),this.updateComplete.then(()=>{this.querySelector(`.media-lightbox`)?.showModal(),this.#f()})}close(){this.#d(),this.querySelector(`.media-lightbox`)?.close(),this._open=!1,document.dispatchEvent(new CustomEvent(h,{detail:{open:!1}}))}#e=e=>{let t=e.target,n=t.closest(`[data-post-media] a[data-lightbox-index]`);if(n){let t=n.closest(`[data-lightbox-group]`);if(!t)return;e.preventDefault();let r=parseInt(n.dataset.lightboxIndex??`0`,10);try{let e=JSON.parse(t.dataset.lightboxGroup??`[]`);e.length>0&&this.open(e,r)}catch{}return}let r=t.closest(`[data-post-body] img`);if(r){e.preventDefault();let t=r.closest(`[data-post-body]`);if(!t)return;let n=Array.from(t.querySelectorAll(`img`)),i=n.map(e=>({url:e.src,alt:e.alt||``,width:$(e.naturalWidth||Number(e.getAttribute(`width`))),height:$(e.naturalHeight||Number(e.getAttribute(`height`)))})),a=n.indexOf(r);i.length>0&&this.open(i,Math.max(0,a))}};#t(){this._images.length<=1||(this.#d(),this._imageZoomed=!1,this._currentIndex=(this._currentIndex-1+this._images.length)%this._images.length)}#n(){this._images.length<=1||(this.#d(),this._imageZoomed=!1,this._currentIndex=(this._currentIndex+1)%this._images.length)}#r=e=>{let t=this._images[this._currentIndex];Yt(t,this._viewportWidth,this._viewportHeight)&&(e.stopPropagation(),this._imageZoomed=!this._imageZoomed)};#i=e=>{let t=e,n=e.target;if(t.key===`Escape`){e.preventDefault(),this.close();return}if(n instanceof HTMLInputElement||n instanceof HTMLButtonElement||n instanceof HTMLVideoElement)return;if(!this._images[this._currentIndex]?.mimeType?.startsWith(`video/`)){t.key===`ArrowLeft`?(e.preventDefault(),this.#t()):t.key===`ArrowRight`&&(e.preventDefault(),this.#n());return}let r=this.querySelector(`.media-lightbox-video`);r&&this.#a(t,r)};#a(e,t){let n=Number.isFinite(t.duration)&&t.duration>0?t.duration:null,r=e=>{let r=n==null?Math.max(0,e):Math.max(0,Math.min(e,n));t.currentTime=r,this._videoCurrentTime=r},i=e.key,a=i.toLowerCase();if(i===` `||a===`k`)e.preventDefault(),this.#x(t);else if(i===`ArrowLeft`)e.preventDefault(),r(t.currentTime-2);else if(i===`ArrowRight`)e.preventDefault(),r(t.currentTime+2);else if(i===`Home`)e.preventDefault(),r(0);else if(i===`End`)n!=null&&(e.preventDefault(),r(n));else if(i.length===1&&i>=`0`&&i<=`9`)n!=null&&(e.preventDefault(),r(Number(i)/10*n));else if(i===`ArrowUp`)e.preventDefault(),t.volume=Math.min(1,t.volume+.05);else if(i===`ArrowDown`)e.preventDefault(),t.volume=Math.max(0,t.volume-.05);else if(a===`m`){e.preventDefault();let n=!t.muted;t.muted=n,this._videoMuted=n}else a===`f`&&(e.preventDefault(),this.#o(t))}#o(e){let t=document,n=e;if(document.fullscreenElement??t.webkitFullscreenElement){document.exitFullscreen?document.exitFullscreen().catch(()=>{}):t.webkitExitFullscreen?.();return}e.requestFullscreen?e.requestFullscreen().catch(()=>{}):n.webkitRequestFullscreen?n.webkitRequestFullscreen():n.webkitEnterFullscreen&&n.webkitEnterFullscreen()}#s=e=>{let t=e.target;(t===e.currentTarget||t.classList.contains(`media-lightbox-content`)||t.classList.contains(`media-lightbox-stage`))&&this.close()};#c=()=>{this.#d(),this._open&&document.dispatchEvent(new CustomEvent(h,{detail:{open:!1}})),this._open=!1};#l=()=>{this.#u()};#u(){let e=Kt();e.width===this._viewportWidth&&e.height===this._viewportHeight||(this._viewportWidth=e.width,this._viewportHeight=e.height)}#d(){this.querySelector(`.media-lightbox-video`)?.pause()}#f(){this.querySelector(`.media-lightbox-content`)?.focus()}#p=()=>{this.querySelector(`.media-lightbox-content`)?.focus({preventScroll:!0})};#m(e){this._videoCurrentTime=0,this._videoDuration=e?.durationSeconds&&e.durationSeconds>0?e.durationSeconds:0,this._videoMuted=!1,this._videoPaused=_(e?.id)}#h(){let e=this._images[this._currentIndex];if(!Rt(e)){this.#m(e);return}let t=this.querySelector(`.media-lightbox-video`);if(t){if(t.currentTime=0,t.muted=this._videoMuted,this._videoPaused=_(e.id),this._videoPaused){t.pause();return}t.play().catch(()=>{this._videoPaused=!0})}}#g=e=>{let t=e.currentTarget;Number.isFinite(t.duration)&&t.duration>0&&(this._videoDuration=t.duration),this._videoCurrentTime=t.currentTime,t.muted=this._videoMuted};#_=e=>{let t=e.currentTarget;this._videoCurrentTime=t.currentTime,Number.isFinite(t.duration)&&t.duration>0&&(this._videoDuration=t.duration)};#v=()=>{this._videoPaused=!1};#y=()=>{this._videoPaused=!0};#b(e){let t=this._images[this._currentIndex],n=t?.id?.trim();!n||!Rt(t)||ue(n,e)}#x(e){if(e.paused){this._videoPaused=!1,this.#b(!1),e.play().catch(()=>{this._videoPaused=!0,this.#b(!0)});return}e.pause(),this._videoPaused=!0,this.#b(!0)}#S=()=>{let e=this.querySelector(`.media-lightbox-video`);e&&this.#x(e)};#C=e=>{let t=e.currentTarget,n=this.querySelector(`.media-lightbox-video`),r=Number.parseFloat(t.value);!n||!Number.isFinite(r)||r<0||(n.currentTime=r,this._videoCurrentTime=r)};#w=()=>{this._videoMuted=!this._videoMuted;let e=this.querySelector(`.media-lightbox-video`);e&&(e.muted=this._videoMuted)};updated(e){if(super.updated(e),!this._open||!e.has(`_currentIndex`)&&!e.has(`_open`)&&!e.has(`_imageZoomed`))return;let t=this.querySelector(`.media-lightbox-stage`);t&&(t.scrollTop=0,t.scrollLeft=0,(e.has(`_currentIndex`)||e.has(`_open`))&&(this.#h(),this.#f()))}render(){if(!this._open)return J;let e=this._images[this._currentIndex],t=this._images.length>1,n=e?.mimeType?.startsWith(`video/`),r=Rt(e),i=Yt(e,this._viewportWidth,this._viewportHeight),a=i&&this._imageZoomed,o=r?Jt(e,this._viewportWidth,this._viewportHeight):null,s=r&&!!o&&o.height>o.width,c=o?`--media-lightbox-short-width:${o.width}px;--media-lightbox-short-height:${o.height}px;`:J,l=this._videoDuration>0?this._videoDuration:e?.durationSeconds??1,u=Math.min(this._videoCurrentTime,l),d=l>0?u/l*100:0;return G`\n      <dialog\n        class=${`media-lightbox${r?` media-lightbox-short`:``}`}\n        @keydown=${this.#i}\n        @click=${this.#s}\n        @close=${this.#c}\n      >\n        <div class=\"media-lightbox-content\" tabindex=\"-1\">\n          <button\n            type=\"button\"\n            class=\"media-lightbox-close\"\n            @click=${()=>this.close()}\n            aria-label=\"Close\"\n          >\n            <svg\n              width=\"20\"\n              height=\"20\"\n              viewBox=\"0 0 24 24\"\n              fill=\"none\"\n              stroke=\"currentColor\"\n              stroke-width=\"2\"\n              stroke-linecap=\"round\"\n              stroke-linejoin=\"round\"\n            >\n              <path d=\"M18 6 6 18\" />\n              <path d=\"m6 6 12 12\" />\n            </svg>\n          </button>\n\n          ${t?G`<div class=\"media-lightbox-counter\">\n                ${this._currentIndex+1} / ${this._images.length}\n              </div>`:J}\n          <div\n            class=${`media-lightbox-stage${a?` media-lightbox-stage-scroll`:``}`}\n          >\n            ${n?r?G`<div\n                    class=${`media-lightbox-short-frame${o?` media-lightbox-short-frame-contained`:``}${s?` media-lightbox-short-frame-portrait`:` media-lightbox-short-frame-landscape`}`}\n                    style=${c}\n                  >\n                    <div class=\"media-lightbox-short-viewport\">\n                      <video\n                        class=\"media-lightbox-video media-lightbox-video-short\"\n                        src=${e?.url??``}\n                        poster=${e?.posterUrl??``}\n                        ?autoplay=${!this._videoPaused}\n                        playsinline\n                        loop\n                        ?muted=${this._videoMuted}\n                        @click=${this.#S}\n                        @focus=${this.#p}\n                        @loadedmetadata=${this.#g}\n                        @timeupdate=${this.#_}\n                        @play=${this.#v}\n                        @pause=${this.#y}\n                      ></video>\n                    </div>\n                    <div\n                      class=${`media-lightbox-short-controls${s?` media-lightbox-short-controls-portrait`:``}`}\n                    >\n                      <button\n                        type=\"button\"\n                        class=\"media-lightbox-short-playback\"\n                        @click=${this.#S}\n                        aria-label=${this._videoPaused?`Play video`:`Pause video`}\n                      >\n                        <svg\n                          width=\"16\"\n                          height=\"16\"\n                          viewBox=\"0 0 24 24\"\n                          fill=\"currentColor\"\n                          aria-hidden=\"true\"\n                        >\n                          ${this._videoPaused?K`<path d=\"M8 5v14l11-7z\" />`:K`<path d=\"M6 5h4v14H6zM14 5h4v14h-4z\" />`}\n                        </svg>\n                      </button>\n                      <input\n                        class=\"media-lightbox-short-progress\"\n                        type=\"range\"\n                        min=\"0\"\n                        max=${l}\n                        step=\"0.01\"\n                        .value=${String(u)}\n                        style=${`--media-progress:${d}%`}\n                        aria-label=\"Video progress\"\n                        @input=${this.#C}\n                      />\n                      <button\n                        type=\"button\"\n                        class=\"media-lightbox-short-mute\"\n                        @click=${this.#w}\n                        aria-label=${this._videoMuted?`Unmute video`:`Mute video`}\n                      >\n                        <svg\n                          width=\"16\"\n                          height=\"16\"\n                          viewBox=\"0 0 48 48\"\n                          fill=\"currentColor\"\n                          color=\"#fff\"\n                          aria-hidden=\"true\"\n                        >\n                          ${this._videoMuted?K`\n                                <path d=\"M1.5 13.3c-.8 0-1.5.7-1.5 1.5v18.4c0 .8.7 1.5 1.5 1.5h8.7l12.9 12.9c.9.9 2.5.3 2.5-1v-9.8c0-.4-.2-.8-.4-1.1l-22-22c-.3-.3-.7-.4-1.1-.4h-.6zm46.8 31.4-5.5-5.5C44.9 36.6 48 31.4 48 24c0-11.4-7.2-17.4-7.2-17.4-.6-.6-1.6-.6-2.2 0L37.2 8c-.6.6-.6 1.6 0 2.2 0 0 5.7 5 5.7 13.8 0 5.4-2.1 9.3-3.8 11.6L35.5 32c1.1-1.7 2.3-4.4 2.3-8 0-6.8-4.1-10.3-4.1-10.3-.6-.6-1.6-.6-2.2 0l-1.4 1.4c-.6.6-.6 1.6 0 2.2 0 0 2.6 2 2.6 6.7 0 1.8-.4 3.2-.9 4.3L25.5 22V1.4c0-1.3-1.6-1.9-2.5-1L13.5 10 3.3-.3c-.6-.6-1.5-.6-2.1 0L-.2 1.1c-.6.6-.6 1.5 0 2.1L4 7.6l26.8 26.8 13.9 13.9c.6.6 1.5.6 2.1 0l1.4-1.4c.7-.6.7-1.6.1-2.2z\" />\n                              `:K`\n                                <path d=\"M1.5 13.3c-.8 0-1.5.7-1.5 1.5v18.4c0 .8.7 1.5 1.5 1.5h8.7l12.9 12.9c.9.9 2.5.3 2.5-1V1.4c0-1.3-1.6-1.9-2.5-1L10.2 13.3H1.5z\" />\n                                <path d=\"M30.1 15.9c-.6-.6-.6-1.6 0-2.2l1.4-1.4c.6-.6 1.6-.6 2.2 0 0 0 4.1 3.5 4.1 11.7s-4.1 11.7-4.1 11.7c-.6.6-1.6.6-2.2 0l-1.4-1.4c-.6-.6-.6-1.6 0-2.2 0 0 2.6-2 2.6-8.1s-2.6-8.1-2.6-8.1z\" />\n                                <path d=\"M37.2 8c-.6-.6-.6-1.6 0-2.2l1.4-1.4c.6-.6 1.6-.6 2.2 0 0 0 5.7 5.1 5.7 19.6s-5.7 19.6-5.7 19.6c-.6.6-1.6.6-2.2 0L37.2 42c-.6-.6-.6-1.6 0-2.2 0 0 4.3-4.4 4.3-15.8S37.2 8 37.2 8z\" />\n                              `}\n                        </svg>\n                      </button>\n                    </div>\n                  </div>`:G`<video\n                    class=\"media-lightbox-video\"\n                    src=${e?.url??``}\n                    poster=${e?.posterUrl??``}\n                    controls\n                    autoplay\n                    playsinline\n                    @focus=${this.#p}\n                  ></video>`:G`<img\n                  class=${`media-lightbox-img${i?` media-lightbox-img-zoomable`:``}${a?` media-lightbox-img-scroll`:``}`}\n                  src=${e?.url??``}\n                  alt=${e?.alt??``}\n                  @click=${this.#r}\n                />`}\n          </div>\n          ${t?G`\n                <button\n                  type=\"button\"\n                  class=\"media-lightbox-nav media-lightbox-nav-prev\"\n                  @click=${()=>this.#t()}\n                  aria-label=\"Previous\"\n                >\n                  <svg\n                    width=\"24\"\n                    height=\"24\"\n                    viewBox=\"0 0 24 24\"\n                    fill=\"none\"\n                    stroke=\"currentColor\"\n                    stroke-width=\"2\"\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                  >\n                    <path d=\"m15 18-6-6 6-6\" />\n                  </svg>\n                </button>\n                <button\n                  type=\"button\"\n                  class=\"media-lightbox-nav media-lightbox-nav-next\"\n                  @click=${()=>this.#n()}\n                  aria-label=\"Next\"\n                >\n                  <svg\n                    width=\"24\"\n                    height=\"24\"\n                    viewBox=\"0 0 24 24\"\n                    fill=\"none\"\n                    stroke=\"currentColor\"\n                    stroke-width=\"2\"\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                  >\n                    <path d=\"m9 18 6-6-6-6\" />\n                  </svg>\n                </button>\n              `:J}\n        </div>\n      </dialog>\n    `}};customElements.define(`jant-media-lightbox`,Xt);";
+var client_site_default$1 = "var e=null,t=0,n=!1,r=null,i=null,a=0;function o(e){return!isFinite(e)||e<0?`0:00`:`${Math.floor(e/60)}:${String(Math.floor(e%60)).padStart(2,`0`)}`}function s(e){return e.querySelector(`audio.media-audio-el`)}function c(e){return e.querySelector(`[data-audio-range]`)}function l(e){return e.querySelector(`[data-audio-waveform]`)}function u(e,t){let n=`${(t*100).toFixed(1)}%`;e.style.background=`linear-gradient(to right, var(--site-text-primary) ${n}, transparent ${n})`}var d=new WeakMap,f=new WeakSet;async function p(e,t){let n=await(await fetch(e)).arrayBuffer(),r=new AudioContext;try{let e=(await r.decodeAudioData(n)).getChannelData(0),i=Math.max(1,Math.floor(e.length/t)),a=Array(t);for(let n=0;n<t;n++){let t=0,r=n*i,o=Math.min(r+i,e.length);for(let n=r;n<o;n++){let r=Math.abs(e[n]);r>t&&(t=r)}a[n]=t}let o=0;for(let e of a)e>o&&(o=e);if(o>0)for(let e=0;e<t;e++)a[e]/=o;return a}finally{await r.close()}}function ee(e=document){let t=e.querySelectorAll(`[data-audio-peaks]`),n=[];for(let e of t){let t=e.dataset.audioPeaks;if(!t)continue;let r=e.closest(`.media-audio-card`);if(r&&!d.has(r))try{let e=JSON.parse(t);if(!Array.isArray(e))continue;d.set(r,e),r.classList.add(`has-waveform`),n.push(r)}catch{}}n.length>0&&requestAnimationFrame(()=>{for(let e of n)h(e,0)})}async function m(e){if(d.has(e)||f.has(e))return;f.add(e);let t=e.querySelector(`audio.media-audio-el source`),n=l(e);if(!t?.src||!n)return;let r=n.getBoundingClientRect().width,i=Math.max(20,Math.floor(r/3));try{let n=await p(t.src,i);d.set(e,n),e.classList.add(`has-waveform`);let r=s(e),a=r?.duration??0;h(e,r&&isFinite(a)&&a>0?r.currentTime/a:0)}catch{}}function h(e,t){let n=d.get(e),r=l(e);if(!n||!r)return;let i=window.devicePixelRatio||1,a=r.getBoundingClientRect(),o=Math.round(a.width*i),s=Math.round(a.height*i);if(o===0||s===0)return;(r.width!==o||r.height!==s)&&(r.width=o,r.height=s);let c=r.getContext(`2d`);if(!c)return;c.clearRect(0,0,o,s);let u=n.length,f=o/u,p=Math.max(1,Math.round(f*.6)),ee=Math.round(2*i),m=s*.85,h=getComputedStyle(r).getPropertyValue(`--site-text-primary`).trim()||`#000`;for(let e=0;e<u;e++){let r=Math.round(e*f+(f-p)/2),a=Math.max(ee,Math.round(n[e]*m)),o=Math.round((s-a)/2);c.globalAlpha=(e+.5)/u<=t?.9:.2,c.fillStyle=h;let l=Math.min(p/2,i);c.beginPath(),c.roundRect(r,o,p,a,l),c.fill()}c.globalAlpha=1}function te(e,t){let{currentTime:r,duration:i}=t,a=isFinite(i)&&i>0,s=a?r/i:0;if(!n){let t=c(e);t&&a&&(t.value=String(Math.round(s*1e3)),u(t,s)),d.has(e)&&h(e,s);let n=e.querySelector(`[data-audio-time]`);n&&(n.textContent=a?`${o(r)} / ${o(i)}`:o(r))}}function ne(){if(!e)return;let n=s(e);n&&!n.paused&&(te(e,n),t=requestAnimationFrame(ne))}function re(){if(e){let t=s(e);t&&!t.paused&&t.pause(),e.classList.remove(`is-playing`),e=null}cancelAnimationFrame(t)}async function ie(n){let r=s(n);if(r){if(e&&e!==n&&re(),r.paused){e=n,n.classList.add(`is-playing`);try{await r.play()}catch{n.classList.remove(`is-playing`),e=null;return}t=requestAnimationFrame(ne),m(n)}else r.pause(),n.classList.remove(`is-playing`),cancelAnimationFrame(t),e=null}}function ae(e){let t=e.closest(`.media-audio-card`);if(!t)return;let n=s(t);if(!n)return;let r=Number(e.value)/1e3,i=n.duration;isFinite(i)&&i>0&&(n.currentTime=r*i)}function oe(e,t){let n=e.getBoundingClientRect();a=Math.max(0,Math.min(1,(t.clientX-n.left)/n.width));let r=e.closest(`.media-audio-card`);if(!r)return;h(r,a);let i=s(r),c=r.querySelector(`[data-audio-time]`);if(i&&c){let e=i.duration;isFinite(e)&&e>0&&(c.textContent=`${o(a*e)} / ${o(e)}`)}}async function se(n){let r=n.closest(`.media-audio-card`);if(!r)return;let i=s(r);if(i){if(i.paused){e&&e!==r&&re(),e=r,r.classList.add(`is-playing`);try{await i.play()}catch{r.classList.remove(`is-playing`),e=null;return}let n=i.duration;isFinite(n)&&n>0&&(i.currentTime=a*n),t=requestAnimationFrame(ne),m(r)}else{let e=i.duration;isFinite(e)&&e>0&&(i.currentTime=a*e)}}}document.addEventListener(`pointerdown`,e=>{let t=e.target;t.matches(`[data-audio-range]`)?(n=!0,r=t):t.matches(`[data-audio-waveform]`)&&(n=!0,i=t,oe(t,e))},!0),document.addEventListener(`pointermove`,e=>{n&&i&&oe(i,e)},!0),document.addEventListener(`pointerup`,()=>{n&&(r?(ae(r),r=null):i&&=(se(i),null)),n=!1},!0),document.addEventListener(`pointercancel`,()=>{r=null,i=null,n=!1},!0),document.addEventListener(`click`,e=>{let t=e.target.closest(`[data-audio-play]`);if(!t)return;e.preventDefault();let n=t.closest(`.media-audio-card`);n&&ie(n)}),document.addEventListener(`input`,e=>{let t=e.target;if(!t.matches(`[data-audio-range]`))return;let n=t.closest(`.media-audio-card`);if(!n)return;let r=s(n);if(!r)return;let i=Number(t.value)/1e3;u(t,i);let a=r.duration,c=n.querySelector(`[data-audio-time]`);c&&isFinite(a)&&a>0&&(c.textContent=`${o(i*a)} / ${o(a)}`)},!0),document.addEventListener(`ended`,n=>{let r=n.target;if(!r.closest)return;let i=r.closest(`.media-audio-card`);if(!i)return;i.classList.remove(`is-playing`),cancelAnimationFrame(t),e=null;let a=c(i);a&&(a.value=`0`,u(a,0)),d.has(i)&&h(i,0);let o=i.querySelector(`[data-audio-time]`);o&&(o.textContent=`0:00`)},!0),document.readyState===`loading`?document.addEventListener(`DOMContentLoaded`,()=>ee()):ee();var g=`jant:media-lightbox-toggle`,ce=`jant:media-video-playback-intent`,le=new Set;function ue(e){let t=e?.trim();return!!t&&le.has(t)}function de(e,t){let n=e?.trim();n&&(t?le.add(n):le.delete(n),document.dispatchEvent(new CustomEvent(ce,{detail:{mediaId:n,paused:t}})))}var fe=`75% 0px`,pe=.6,_=.25,me=160,v=new Set,he=new WeakMap,ge=new WeakSet,y=null,b=null,x=null,_e=!1,S=null,C=null,w=null;function ve(e){return e.length===0?null:[...e].sort((e,t)=>t.visibleArea===e.visibleArea?e.centerDistance===t.centerDistance?t.intersectionRatio-e.intersectionRatio:e.centerDistance-t.centerDistance:t.visibleArea-e.visibleArea)[0]??null}function ye(){return{x:(globalThis.innerWidth||document.documentElement.clientWidth||0)/2,y:(globalThis.innerHeight||document.documentElement.clientHeight||0)/2}}function be(e){return he.get(e)}function xe(e){return ue(e)}function T(e){return xe(e.dataset.feedVideoId)}function Se(e){return e.closest(`.media-video-wrap`)?.querySelector(`[data-feed-video-mute-toggle]`)??null}function E(e){let t=Se(e);if(!t)return;let n=x!==e||e.muted;t.dataset.muted=n?`true`:`false`,t.setAttribute(`aria-label`,n?`Play with sound`:`Mute video`)}function Ce(){for(let e of v)E(e)}function we(e){if(ge.has(e))return;let t=e.dataset.videoSrc;t&&(e.getAttribute(`src`)!==t&&(e.src=t),e.load(),ge.add(e))}function D(e){e?.pause()}function Te(e){if(T(e)){D(e);return}we(e),e.muted=x!==e,e.playsInline=!0,e.loop=!0,E(e),e.play().catch(()=>{})}function Ee(){for(let e of v)e.isConnected||(C?.unobserve(e),w?.unobserve(e),v.delete(e),e===y&&(y=null),e===b&&(b=null),e===x&&(x=null))}function De(){if(S=null,Ee(),document.hidden||_e){D(y);return}let e=[];for(let t of v){let n=be(t);n&&(T(t)||n.intersectionRatio<pe||e.push({video:t,...n}))}let t=null;if(b?.isConnected&&!T(b)){let e=be(b);e&&e.intersectionRatio>_?t=b:(!e||e.intersectionRatio<=_)&&(b=null)}else b&&T(b)&&(b=null);if(t||=ve(e)?.video??null,!t){let e=y?be(y):void 0;if(y&&!T(y)&&e&&e.intersectionRatio>_)return;D(y),y=null;return}t!==y&&(D(y),y=t),Te(t);for(let e of v)e!==t&&(D(e),E(e))}function O(){S!==null&&globalThis.clearTimeout(S),S=globalThis.setTimeout(De,me)}function Oe(e){let t=ye();for(let n of e){let e=n.target,r=n.boundingClientRect,i=r.left+r.width/2,a=r.top+r.height/2,o=n.intersectionRect.width*n.intersectionRect.height,s=Math.hypot(i-t.x,a-t.y);he.set(e,{intersectionRatio:n.intersectionRatio,visibleArea:o,centerDistance:s})}O()}function ke(e){for(let t of e)t.isIntersecting&&we(t.target)}function Ae(){C&&w||globalThis.IntersectionObserver!==void 0&&(C=new globalThis.IntersectionObserver(Oe,{threshold:[0,_,pe,1]}),w=new globalThis.IntersectionObserver(ke,{rootMargin:fe,threshold:0}))}function je(e){v.has(e)||(Ae(),C&&w&&(v.add(e),C.observe(e),w.observe(e),Se(e)?.addEventListener(`click`,Me),E(e)))}function Me(e){e.preventDefault(),e.stopPropagation();let t=e.currentTarget.closest(`.media-video-wrap`)?.querySelector(`[data-feed-short-video]`);if(!t)return;let n=t.dataset.feedVideoId?.trim();n&&de(n,!1),b=t,x!==t||t.muted?(x&&x!==t&&(x.muted=!0),x=t,y!==t&&(D(y),y=t),Te(t)):(x=null,t.muted=!0,E(t)),Ce(),O()}function Ne(e=document){let t=e.querySelectorAll(`[data-feed-short-video]`);for(let e of t)je(e);O()}document.addEventListener(g,e=>{_e=e.detail?.open===!0,_e&&D(y),O()}),document.addEventListener(ce,e=>{let t=e.detail,n=t?.mediaId?.trim();if(n&&typeof t.paused==`boolean`){for(let e of v)e.dataset.feedVideoId?.trim()===n&&t.paused&&(D(e),y===e&&(y=null),b===e&&(b=null));O()}}),document.addEventListener(`visibilitychange`,()=>{document.hidden&&D(y),O()}),document.readyState===`loading`?document.addEventListener(`DOMContentLoaded`,()=>Ne(),{once:!0}):queueMicrotask(()=>Ne());var Pe=4;function Fe(e){return e.querySelector(`[data-post-media]`)}function Ie(e){let t=Fe(e);if(!t)return;let{scrollLeft:n,scrollWidth:r,clientWidth:i}=t;e.classList.toggle(`can-scroll-start`,n>Pe),e.classList.toggle(`can-scroll-end`,n+i<r-Pe)}function Le(e){return Math.max(160,Math.round(e.clientWidth*.85))}function k(e,t){e.scrollBy({left:t*Le(e),behavior:`smooth`})}function Re(e,t){if(!(`ResizeObserver`in globalThis))return;let n=0,r=()=>{cancelAnimationFrame(n),n=requestAnimationFrame(()=>Ie(e))},i=new globalThis.ResizeObserver(r),a=()=>{i.disconnect(),i.observe(t);for(let e of t.children)i.observe(e)};a(),new globalThis.MutationObserver(()=>{a(),r()}).observe(t,{childList:!0})}function A(e){if(e.dataset.scrollHintReady===`1`)return;let t=Fe(e);t&&(e.dataset.scrollHintReady=`1`,Ie(e),t.addEventListener(`scroll`,()=>Ie(e),{passive:!0}),Re(e,t),e.querySelector(`.media-gallery-nav-prev`)?.addEventListener(`click`,()=>k(t,-1)),e.querySelector(`.media-gallery-nav-next`)?.addEventListener(`click`,()=>k(t,1)),t.addEventListener(`keydown`,e=>{if(e.target===t)switch(e.key){case`ArrowRight`:e.preventDefault(),k(t,1);break;case`ArrowLeft`:e.preventDefault(),k(t,-1);break;case`Home`:e.preventDefault(),t.scrollTo({left:0,behavior:`smooth`});break;case`End`:e.preventDefault(),t.scrollTo({left:t.scrollWidth,behavior:`smooth`})}}))}function ze(){document.querySelectorAll(`.media-gallery-scroll-wrap`).forEach(A)}var Be=new globalThis.MutationObserver(e=>{for(let t of e)for(let e of t.addedNodes)e instanceof HTMLElement&&(e.matches(`.media-gallery-scroll-wrap`)&&A(e),e.querySelectorAll(`.media-gallery-scroll-wrap`).forEach(A))});document.readyState===`loading`?document.addEventListener(`DOMContentLoaded`,()=>{ze(),Be.observe(document.body,{childList:!0,subtree:!0})}):(ze(),Be.observe(document.body,{childList:!0,subtree:!0}));var Ve=new WeakMap,He=new WeakMap,Ue=[{trigger:`.site-header-more-btn`,popover:`.site-header-more-popover`},{trigger:`.site-header-lang-btn`,popover:`.site-header-lang-popover`}];function We(e,t,n){let r=e.querySelector(t),i=e.querySelector(n);if(!r||!i||r.dataset.moreInitialized===`true`)return;r.dataset.moreInitialized=`true`;let a=new AbortController,o=a.signal;Ve.set(r,a);function s(){i.setAttribute(`aria-hidden`,`false`),r.setAttribute(`aria-expanded`,`true`),document.dispatchEvent(new CustomEvent(`basecoat:popover`,{detail:{source:r.parentElement}}))}function c(e=!1){i.setAttribute(`aria-hidden`,`true`),r.setAttribute(`aria-expanded`,`false`),e&&r.focus()}r.addEventListener(`click`,e=>{e.preventDefault(),e.stopPropagation(),r.getAttribute(`aria-expanded`)===`true`?c():s()},{signal:o}),document.addEventListener(`click`,e=>{e.target instanceof Node&&(r.parentElement?.contains(e.target)||c())},{signal:o}),document.addEventListener(`keydown`,e=>{e.key===`Escape`&&i.getAttribute(`aria-hidden`)===`false`&&c(!0)},{signal:o}),document.addEventListener(`basecoat:popover`,e=>{e.detail?.source!==r.parentElement&&c()},{signal:o})}var Ge=`jant:nav-fresh-visits`;function Ke(){let e=document.createElement(`span`);return e.className=`site-header-link-fresh`,e.setAttribute(`aria-hidden`,`true`),e.textContent=`*`,e}function qe(e){try{let t=JSON.parse(localStorage.getItem(Ge)||`{}`),n=location.pathname,r=e.querySelectorAll(`[data-fresh-at]`);for(let e of r){let r=new URL(e.href).pathname,i=parseInt(e.dataset.freshAt,10);if(r===n)t[r]=Math.floor(Date.now()/1e3);else{let n=t[r];if(!n||n<i){let t=e.querySelector(`svg`);e.insertBefore(Ke(),t)}}}localStorage.setItem(Ge,JSON.stringify(t))}catch{}}function Je(e=document){let t=e.querySelector(`.site-header-hamburger`),n=e.querySelector(`#site-nav-drawer`),r=e.querySelector(`.site-nav-drawer-backdrop`),i=n?.querySelector(`.site-nav-drawer-close`);qe(e);for(let{trigger:t,popover:n}of Ue)We(e,t,n);if(!t||!n||!r||t.dataset.drawerInitialized===`true`)return;t.dataset.drawerInitialized=`true`;let a=new AbortController,o=a.signal;He.set(t,a);function s(){n.setAttribute(`aria-hidden`,`false`),n.removeAttribute(`inert`),r.setAttribute(`aria-hidden`,`false`),t.setAttribute(`aria-expanded`,`true`),document.documentElement.classList.add(`drawer-open`);let e=n.querySelector(`.site-nav-drawer-close`)??n.querySelector(`a[href], button`);e&&e.focus()}function c(e=!0){n.setAttribute(`aria-hidden`,`true`),r.setAttribute(`aria-hidden`,`true`),t.setAttribute(`aria-expanded`,`false`),document.documentElement.classList.remove(`drawer-open`),n.addEventListener(`transitionend`,()=>{n.getAttribute(`aria-hidden`)===`true`&&n.setAttribute(`inert`,``)},{once:!0,signal:o}),e&&t.focus()}t.addEventListener(`click`,()=>{t.getAttribute(`aria-expanded`)===`true`?c():s()},{signal:o}),i?.addEventListener(`click`,()=>c(),{signal:o}),r.addEventListener(`click`,()=>c(),{signal:o}),n.addEventListener(`click`,e=>{e.target instanceof Element&&e.target.closest(`a[href]`)&&c(!1)},{signal:o}),n.addEventListener(`keydown`,e=>{e.key===`Escape`&&(e.preventDefault(),c())},{signal:o})}Je();var Ye=8;function Xe(e,t){let n=Number.parseFloat(e);return Number.isFinite(n)?n:t}function Ze(e){return Xe(getComputedStyle(e).getPropertyValue(`--site-thread-context-max-height`).trim(),240)}function Qe(e){if(e.dataset.threadContextToggleBound===`1`)return;e.dataset.threadContextToggleBound=`1`;let t=e.previousElementSibling;if(!(t instanceof HTMLElement)||t.dataset.threadContext===void 0)return;let n=e.querySelector(`.thread-context-toggle-label`),r=e.dataset.labelMore??`Show more`,i=e.dataset.labelLess??`Show less`,a=!1,o=t=>{e.setAttribute(`aria-expanded`,t?`true`:`false`),n&&(n.textContent=t?i:r)},s=()=>Array.from(t.querySelectorAll(`img`)).every(e=>e.complete),c=()=>{if(a)return;let n=Ze(t),r=t.scrollHeight>n+Ye;t.dataset.collapsed===void 0&&(t.dataset.collapsed=``),r?(e.hidden=!1,o(!1)):s()&&(e.hidden=!0)};if(c(),t.querySelectorAll(`img`).forEach(e=>{e.complete||(e.addEventListener(`load`,c,{once:!0}),e.addEventListener(`error`,c,{once:!0}))}),`ResizeObserver`in globalThis){let e=0;new globalThis.ResizeObserver(()=>{cancelAnimationFrame(e),e=requestAnimationFrame(c)}).observe(t)}let l=()=>{let e=!1,n=r=>{e||r&&r.propertyName!==`max-height`||(e=!0,t.removeEventListener(`transitionend`,n),t.dataset.collapsed===void 0&&(t.style.maxHeight=``))};t.addEventListener(`transitionend`,n),window.setTimeout(n,600)};e.addEventListener(`click`,()=>{a=!0,t.dataset.collapsed===void 0?(t.style.maxHeight=`${t.scrollHeight}px`,t.offsetHeight,requestAnimationFrame(()=>{t.dataset.collapsed=``,t.style.maxHeight=``}),o(!1)):(t.style.maxHeight=`${t.scrollHeight}px`,t.offsetHeight,delete t.dataset.collapsed,o(!0)),l()})}function $e(e=document){e.querySelectorAll(`[data-thread-context-toggle]`).forEach(Qe)}function et(e){let t=e.closest(`.thread-group-detail`);return t?t.querySelector(`.thread-detail-item`)===e:!1}function tt(){return globalThis.location.hash===`#continue`}function nt(e=document){let t=e.querySelector(`[data-post-current]`);if(!(t instanceof HTMLElement))return;let n=tt();if(globalThis.location.hash&&!n)return;let r=n?`auto`:`smooth`,i=et(t);requestAnimationFrame(()=>{(!i||n)&&t.scrollIntoView({behavior:r,block:`start`})})}document.addEventListener(`DOMContentLoaded`,()=>{$e(document),nt(document)});var j=globalThis,M=j.ShadowRoot&&(j.ShadyCSS===void 0||j.ShadyCSS.nativeShadow)&&`adoptedStyleSheets`in Document.prototype&&`replace`in CSSStyleSheet.prototype,rt=Symbol(),it=new WeakMap,at=class{constructor(e,t,n){if(this._$cssResult$=!0,n!==rt)throw Error(\"CSSResult is not constructable. Use `unsafeCSS` or `css` instead.\");this.cssText=e,this.t=t}get styleSheet(){let e=this.o,t=this.t;if(M&&e===void 0){let n=t!==void 0&&t.length===1;n&&(e=it.get(t)),e===void 0&&((this.o=e=new CSSStyleSheet).replaceSync(this.cssText),n&&it.set(t,e))}return e}toString(){return this.cssText}},ot=e=>new at(typeof e==`string`?e:e+``,void 0,rt),st=(e,t)=>{if(M)e.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet);else for(let n of t){let t=document.createElement(`style`),r=j.litNonce;r!==void 0&&t.setAttribute(`nonce`,r),t.textContent=n.cssText,e.appendChild(t)}},ct=M?e=>e:e=>e instanceof CSSStyleSheet?(e=>{let t=``;for(let n of e.cssRules)t+=n.cssText;return ot(t)})(e):e,{is:lt,defineProperty:ut,getOwnPropertyDescriptor:dt,getOwnPropertyNames:ft,getOwnPropertySymbols:pt,getPrototypeOf:mt}=Object,N=globalThis,ht=N.trustedTypes,gt=ht?ht.emptyScript:``,_t=N.reactiveElementPolyfillSupport,P=(e,t)=>e,F={toAttribute(e,t){switch(t){case Boolean:e=e?gt:null;break;case Object:case Array:e=e==null?e:JSON.stringify(e)}return e},fromAttribute(e,t){let n=e;switch(t){case Boolean:n=e!==null;break;case Number:n=e===null?null:Number(e);break;case Object:case Array:try{n=JSON.parse(e)}catch{n=null}}return n}},vt=(e,t)=>!lt(e,t),yt={attribute:!0,type:String,converter:F,reflect:!1,useDefault:!1,hasChanged:vt};Symbol.metadata??=Symbol(`metadata`),N.litPropertyMetadata??=new WeakMap;var I=class extends HTMLElement{static addInitializer(e){this._$Ei(),(this.l??=[]).push(e)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(e,t=yt){if(t.state&&(t.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(e)&&((t=Object.create(t)).wrapped=!0),this.elementProperties.set(e,t),!t.noAccessor){let n=Symbol(),r=this.getPropertyDescriptor(e,n,t);r!==void 0&&ut(this.prototype,e,r)}}static getPropertyDescriptor(e,t,n){let{get:r,set:i}=dt(this.prototype,e)??{get(){return this[t]},set(e){this[t]=e}};return{get:r,set(t){let a=r?.call(this);i?.call(this,t),this.requestUpdate(e,a,n)},configurable:!0,enumerable:!0}}static getPropertyOptions(e){return this.elementProperties.get(e)??yt}static _$Ei(){if(this.hasOwnProperty(P(`elementProperties`)))return;let e=mt(this);e.finalize(),e.l!==void 0&&(this.l=[...e.l]),this.elementProperties=new Map(e.elementProperties)}static finalize(){if(this.hasOwnProperty(P(`finalized`)))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(P(`properties`))){let e=this.properties,t=[...ft(e),...pt(e)];for(let n of t)this.createProperty(n,e[n])}let e=this[Symbol.metadata];if(e!==null){let t=litPropertyMetadata.get(e);if(t!==void 0)for(let[e,n]of t)this.elementProperties.set(e,n)}this._$Eh=new Map;for(let[e,t]of this.elementProperties){let n=this._$Eu(e,t);n!==void 0&&this._$Eh.set(n,e)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(e){let t=[];if(Array.isArray(e)){let n=new Set(e.flat(1/0).reverse());for(let e of n)t.unshift(ct(e))}else e!==void 0&&t.push(ct(e));return t}static _$Eu(e,t){let n=t.attribute;return!1===n?void 0:typeof n==`string`?n:typeof e==`string`?e.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){this._$ES=new Promise(e=>this.enableUpdating=e),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach(e=>e(this))}addController(e){(this._$EO??=new Set).add(e),this.renderRoot!==void 0&&this.isConnected&&e.hostConnected?.()}removeController(e){this._$EO?.delete(e)}_$E_(){let e=new Map,t=this.constructor.elementProperties;for(let n of t.keys())this.hasOwnProperty(n)&&(e.set(n,this[n]),delete this[n]);e.size>0&&(this._$Ep=e)}createRenderRoot(){let e=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return st(e,this.constructor.elementStyles),e}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this._$EO?.forEach(e=>e.hostConnected?.())}enableUpdating(e){}disconnectedCallback(){this._$EO?.forEach(e=>e.hostDisconnected?.())}attributeChangedCallback(e,t,n){this._$AK(e,n)}_$ET(e,t){let n=this.constructor.elementProperties.get(e),r=this.constructor._$Eu(e,n);if(r!==void 0&&!0===n.reflect){let i=(n.converter?.toAttribute===void 0?F:n.converter).toAttribute(t,n.type);this._$Em=e,i==null?this.removeAttribute(r):this.setAttribute(r,i),this._$Em=null}}_$AK(e,t){let n=this.constructor,r=n._$Eh.get(e);if(r!==void 0&&this._$Em!==r){let e=n.getPropertyOptions(r),i=typeof e.converter==`function`?{fromAttribute:e.converter}:e.converter?.fromAttribute===void 0?F:e.converter;this._$Em=r;let a=i.fromAttribute(t,e.type);this[r]=a??this._$Ej?.get(r)??a,this._$Em=null}}requestUpdate(e,t,n,r=!1,i){if(e!==void 0){let a=this.constructor;if(!1===r&&(i=this[e]),n??=a.getPropertyOptions(e),!((n.hasChanged??vt)(i,t)||n.useDefault&&n.reflect&&i===this._$Ej?.get(e)&&!this.hasAttribute(a._$Eu(e,n))))return;this.C(e,t,n)}!1===this.isUpdatePending&&(this._$ES=this._$EP())}C(e,t,{useDefault:n,reflect:r,wrapped:i},a){n&&!(this._$Ej??=new Map).has(e)&&(this._$Ej.set(e,a??t??this[e]),!0!==i||a!==void 0)||(this._$AL.has(e)||(this.hasUpdated||n||(t=void 0),this._$AL.set(e,t)),!0===r&&this._$Em!==e&&(this._$Eq??=new Set).add(e))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(e){Promise.reject(e)}let e=this.scheduleUpdate();return e!=null&&await e,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(let[e,t]of this._$Ep)this[e]=t;this._$Ep=void 0}let e=this.constructor.elementProperties;if(e.size>0)for(let[t,n]of e){let{wrapped:e}=n,r=this[t];!0!==e||this._$AL.has(t)||r===void 0||this.C(t,void 0,n,r)}}let e=!1,t=this._$AL;try{e=this.shouldUpdate(t),e?(this.willUpdate(t),this._$EO?.forEach(e=>e.hostUpdate?.()),this.update(t)):this._$EM()}catch(t){throw e=!1,this._$EM(),t}e&&this._$AE(t)}willUpdate(e){}_$AE(e){this._$EO?.forEach(e=>e.hostUpdated?.()),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(e)),this.updated(e)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(e){return!0}update(e){this._$Eq&&=this._$Eq.forEach(e=>this._$ET(e,this[e])),this._$EM()}updated(e){}firstUpdated(e){}};I.elementStyles=[],I.shadowRootOptions={mode:`open`},I[P(`elementProperties`)]=new Map,I[P(`finalized`)]=new Map,_t?.({ReactiveElement:I}),(N.reactiveElementVersions??=[]).push(`2.1.2`);var bt=globalThis,xt=e=>e,L=bt.trustedTypes,St=L?L.createPolicy(`lit-html`,{createHTML:e=>e}):void 0,Ct=`$lit$`,R=`lit$${Math.random().toFixed(9).slice(2)}$`,wt=`?`+R,Tt=`<${wt}>`,z=document,B=()=>z.createComment(``),V=e=>e===null||typeof e!=`object`&&typeof e!=`function`,Et=Array.isArray,Dt=e=>Et(e)||typeof e?.[Symbol.iterator]==`function`,Ot=`[ 	\n\\f\\r]`,H=/<(?:(!--|\\/[^a-zA-Z])|(\\/?[a-zA-Z][^>\\s]*)|(\\/?$))/g,kt=/-->/g,At=/>/g,U=RegExp(`>|${Ot}(?:([^\\\\s\"'>=/]+)(${Ot}*=${Ot}*(?:[^ \\t\\n\\f\\r\"'\\`<>=]|(\"|')|))|$)`,`g`),jt=/'/g,Mt=/\"/g,Nt=/^(?:script|style|textarea|title)$/i,Pt=e=>(t,...n)=>({_$litType$:e,strings:t,values:n}),W=Pt(1),G=Pt(2),K=Symbol.for(`lit-noChange`),q=Symbol.for(`lit-nothing`),Ft=new WeakMap,J=z.createTreeWalker(z,129);function It(e,t){if(!Et(e)||!e.hasOwnProperty(`raw`))throw Error(`invalid template strings array`);return St===void 0?t:St.createHTML(t)}var Lt=(e,t)=>{let n=e.length-1,r=[],i,a=t===2?`<svg>`:t===3?`<math>`:``,o=H;for(let t=0;t<n;t++){let n=e[t],s,c,l=-1,u=0;for(;u<n.length&&(o.lastIndex=u,c=o.exec(n),c!==null);)u=o.lastIndex,o===H?c[1]===`!--`?o=kt:c[1]===void 0?c[2]===void 0?c[3]!==void 0&&(o=U):(Nt.test(c[2])&&(i=RegExp(`</`+c[2],`g`)),o=U):o=At:o===U?c[0]===`>`?(o=i??H,l=-1):c[1]===void 0?l=-2:(l=o.lastIndex-c[2].length,s=c[1],o=c[3]===void 0?U:c[3]===`\"`?Mt:jt):o===Mt||o===jt?o=U:o===kt||o===At?o=H:(o=U,i=void 0);let d=o===U&&e[t+1].startsWith(`/>`)?` `:``;a+=o===H?n+Tt:l>=0?(r.push(s),n.slice(0,l)+Ct+n.slice(l)+R+d):n+R+(l===-2?t:d)}return[It(e,a+(e[n]||`<?>`)+(t===2?`</svg>`:t===3?`</math>`:``)),r]},Rt=class e{constructor({strings:t,_$litType$:n},r){let i;this.parts=[];let a=0,o=0,s=t.length-1,c=this.parts,[l,u]=Lt(t,n);if(this.el=e.createElement(l,r),J.currentNode=this.el.content,n===2||n===3){let e=this.el.content.firstChild;e.replaceWith(...e.childNodes)}for(;(i=J.nextNode())!==null&&c.length<s;){if(i.nodeType===1){if(i.hasAttributes())for(let e of i.getAttributeNames())if(e.endsWith(Ct)){let t=u[o++],n=i.getAttribute(e).split(R),r=/([.?@])?(.*)/.exec(t);c.push({type:1,index:a,name:r[2],strings:n,ctor:r[1]===`.`?Vt:r[1]===`?`?Ht:r[1]===`@`?Ut:X}),i.removeAttribute(e)}else e.startsWith(R)&&(c.push({type:6,index:a}),i.removeAttribute(e));if(Nt.test(i.tagName)){let e=i.textContent.split(R),t=e.length-1;if(t>0){i.textContent=L?L.emptyScript:``;for(let n=0;n<t;n++)i.append(e[n],B()),J.nextNode(),c.push({type:2,index:++a});i.append(e[t],B())}}}else if(i.nodeType===8){if(i.data===wt)c.push({type:2,index:a});else{let e=-1;for(;(e=i.data.indexOf(R,e+1))!==-1;)c.push({type:7,index:a}),e+=R.length-1}}a++}}static createElement(e,t){let n=z.createElement(`template`);return n.innerHTML=e,n}};function Y(e,t,n=e,r){if(t===K)return t;let i=r===void 0?n._$Cl:n._$Co?.[r],a=V(t)?void 0:t._$litDirective$;return i?.constructor!==a&&(i?._$AO?.(!1),a===void 0?i=void 0:(i=new a(e),i._$AT(e,n,r)),r===void 0?n._$Cl=i:(n._$Co??=[])[r]=i),i!==void 0&&(t=Y(e,i._$AS(e,t.values),i,r)),t}var zt=class{constructor(e,t){this._$AV=[],this._$AN=void 0,this._$AD=e,this._$AM=t}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(e){let{el:{content:t},parts:n}=this._$AD,r=(e?.creationScope??z).importNode(t,!0);J.currentNode=r;let i=J.nextNode(),a=0,o=0,s=n[0];for(;s!==void 0;){if(a===s.index){let t;s.type===2?t=new Bt(i,i.nextSibling,this,e):s.type===1?t=new s.ctor(i,s.name,s.strings,this,e):s.type===6&&(t=new Wt(i,this,e)),this._$AV.push(t),s=n[++o]}a!==s?.index&&(i=J.nextNode(),a++)}return J.currentNode=z,r}p(e){let t=0;for(let n of this._$AV)n!==void 0&&(n.strings===void 0?n._$AI(e[t]):(n._$AI(e,n,t),t+=n.strings.length-2)),t++}},Bt=class e{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(e,t,n,r){this.type=2,this._$AH=q,this._$AN=void 0,this._$AA=e,this._$AB=t,this._$AM=n,this.options=r,this._$Cv=r?.isConnected??!0}get parentNode(){let e=this._$AA.parentNode,t=this._$AM;return t!==void 0&&e?.nodeType===11&&(e=t.parentNode),e}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(e,t=this){e=Y(this,e,t),V(e)?e===q||e==null||e===``?(this._$AH!==q&&this._$AR(),this._$AH=q):e!==this._$AH&&e!==K&&this._(e):e._$litType$===void 0?e.nodeType===void 0?Dt(e)?this.k(e):this._(e):this.T(e):this.$(e)}O(e){return this._$AA.parentNode.insertBefore(e,this._$AB)}T(e){this._$AH!==e&&(this._$AR(),this._$AH=this.O(e))}_(e){this._$AH!==q&&V(this._$AH)?this._$AA.nextSibling.data=e:this.T(z.createTextNode(e)),this._$AH=e}$(e){let{values:t,_$litType$:n}=e,r=typeof n==`number`?this._$AC(e):(n.el===void 0&&(n.el=Rt.createElement(It(n.h,n.h[0]),this.options)),n);if(this._$AH?._$AD===r)this._$AH.p(t);else{let e=new zt(r,this),n=e.u(this.options);e.p(t),this.T(n),this._$AH=e}}_$AC(e){let t=Ft.get(e.strings);return t===void 0&&Ft.set(e.strings,t=new Rt(e)),t}k(t){Et(this._$AH)||(this._$AH=[],this._$AR());let n=this._$AH,r,i=0;for(let a of t)i===n.length?n.push(r=new e(this.O(B()),this.O(B()),this,this.options)):r=n[i],r._$AI(a),i++;i<n.length&&(this._$AR(r&&r._$AB.nextSibling,i),n.length=i)}_$AR(e=this._$AA.nextSibling,t){for(this._$AP?.(!1,!0,t);e!==this._$AB;){let t=xt(e).nextSibling;xt(e).remove(),e=t}}setConnected(e){this._$AM===void 0&&(this._$Cv=e,this._$AP?.(e))}},X=class{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(e,t,n,r,i){this.type=1,this._$AH=q,this._$AN=void 0,this.element=e,this.name=t,this._$AM=r,this.options=i,n.length>2||n[0]!==``||n[1]!==``?(this._$AH=Array(n.length-1).fill(new String),this.strings=n):this._$AH=q}_$AI(e,t=this,n,r){let i=this.strings,a=!1;if(i===void 0)e=Y(this,e,t,0),a=!V(e)||e!==this._$AH&&e!==K,a&&(this._$AH=e);else{let r=e,o,s;for(e=i[0],o=0;o<i.length-1;o++)s=Y(this,r[n+o],t,o),s===K&&(s=this._$AH[o]),a||=!V(s)||s!==this._$AH[o],s===q?e=q:e!==q&&(e+=(s??``)+i[o+1]),this._$AH[o]=s}a&&!r&&this.j(e)}j(e){e===q?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,e??``)}},Vt=class extends X{constructor(){super(...arguments),this.type=3}j(e){this.element[this.name]=e===q?void 0:e}},Ht=class extends X{constructor(){super(...arguments),this.type=4}j(e){this.element.toggleAttribute(this.name,!!e&&e!==q)}},Ut=class extends X{constructor(e,t,n,r,i){super(e,t,n,r,i),this.type=5}_$AI(e,t=this){if((e=Y(this,e,t,0)??q)===K)return;let n=this._$AH,r=e===q&&n!==q||e.capture!==n.capture||e.once!==n.once||e.passive!==n.passive,i=e!==q&&(n===q||r);r&&this.element.removeEventListener(this.name,this,n),i&&this.element.addEventListener(this.name,this,e),this._$AH=e}handleEvent(e){typeof this._$AH==`function`?this._$AH.call(this.options?.host??this.element,e):this._$AH.handleEvent(e)}},Wt=class{constructor(e,t,n){this.element=e,this.type=6,this._$AN=void 0,this._$AM=t,this.options=n}get _$AU(){return this._$AM._$AU}_$AI(e){Y(this,e)}},Gt=bt.litHtmlPolyfillSupport;Gt?.(Rt,Bt),(bt.litHtmlVersions??=[]).push(`3.3.3`);var Kt=(e,t,n)=>{let r=n?.renderBefore??t,i=r._$litPart$;if(i===void 0){let e=n?.renderBefore??null;r._$litPart$=i=new Bt(t.insertBefore(B(),e),e,void 0,n??{})}return i._$AI(e),i},qt=globalThis,Z=class extends I{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){let e=super.createRenderRoot();return this.renderOptions.renderBefore??=e.firstChild,e}update(e){let t=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(e),this._$Do=Kt(t,this.renderRoot,this.renderOptions)}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(!0)}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(!1)}render(){return K}};Z._$litElement$=!0,Z.finalized=!0,qt.litElementHydrateSupport?.({LitElement:Z});var Jt=qt.litElementPolyfillSupport;Jt?.({LitElement:Z}),(qt.litElementVersions??=[]).push(`4.2.2`);function Q(e){if(!e.mimeType?.startsWith(`video/`)||!Number.isFinite(e.durationSeconds)||!e.durationSeconds||e.durationSeconds<=0||e.durationSeconds>15)return!1;let t=e.size;return!(typeof t==`number`&&t>12582912)}var Yt=640,Xt=8,Zt=72,Qt=704,$t=.9,en=.85;function $(e){if(!(!Number.isFinite(e)||!e||e<=0))return e}function tn(){return{width:globalThis.innerWidth||document.documentElement.clientWidth||0,height:globalThis.innerHeight||document.documentElement.clientHeight||0}}function nn(e,t){return{width:Math.max(0,e-(e<=Yt?Xt:Zt)*2),height:Math.max(0,t-32)}}function rn(e,t,n){let r=$(e?.width),i=$(e?.height);if(!r||!i)return null;let a=nn(t,n);if(a.width<=0||a.height<=0)return null;let o=Math.min(a.width/r,a.height/i);return{width:Math.max(1,Math.round(r*o)),height:Math.max(1,Math.round(i*o))}}function an(e,t,n){if(!e||e.mimeType?.startsWith(`video/`)||!$(e.width)||!$(e.height)||t<=0||n<=0)return!1;let r=$(e.width),i=$(e.height);if(!r||!i)return!1;let a=t<=Yt,o=nn(t,n),s=o.width,c=o.height;if(s<=0||c<=0)return!1;let l=r/i,u=Math.min(s,c*l);return l<$t&&u<(a?s:Math.min(s,Qt))*en}var on=class extends Z{static properties={_images:{state:!0},_currentIndex:{state:!0},_open:{state:!0},_viewportWidth:{state:!0},_viewportHeight:{state:!0},_videoCurrentTime:{state:!0},_videoDuration:{state:!0},_videoMuted:{state:!0},_videoPaused:{state:!0},_imageZoomed:{state:!0}};createRenderRoot(){return this.innerHTML=``,this}constructor(){super();let e=tn();this._images=[],this._currentIndex=0,this._open=!1,this._viewportWidth=e.width,this._viewportHeight=e.height,this._videoCurrentTime=0,this._videoDuration=0,this._videoMuted=!1,this._videoPaused=!1,this._imageZoomed=!1}connectedCallback(){super.connectedCallback(),document.addEventListener(`click`,this.#e),window.addEventListener(`resize`,this.#l),this.#u()}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener(`click`,this.#e),window.removeEventListener(`resize`,this.#l)}open(e,t){this.#u(),this.#d(),this._images=e,this._currentIndex=Math.max(0,Math.min(t,e.length-1)),this.#m(this._images[this._currentIndex]),this._imageZoomed=!1,this._open=!0,document.dispatchEvent(new CustomEvent(g,{detail:{open:!0}})),this.updateComplete.then(()=>{this.querySelector(`.media-lightbox`)?.showModal(),this.#f()})}close(){this.#d(),this.querySelector(`.media-lightbox`)?.close(),this._open=!1,document.dispatchEvent(new CustomEvent(g,{detail:{open:!1}}))}#e=e=>{let t=e.target,n=t.closest(`[data-post-media] a[data-lightbox-index]`);if(n){let t=n.closest(`[data-lightbox-group]`);if(!t)return;e.preventDefault();let r=parseInt(n.dataset.lightboxIndex??`0`,10);try{let e=JSON.parse(t.dataset.lightboxGroup??`[]`);e.length>0&&this.open(e,r)}catch{}return}let r=t.closest(`[data-post-body] img`);if(r){e.preventDefault();let t=r.closest(`[data-post-body]`);if(!t)return;let n=Array.from(t.querySelectorAll(`img`)),i=n.map(e=>({url:e.src,alt:e.alt||``,width:$(e.naturalWidth||Number(e.getAttribute(`width`))),height:$(e.naturalHeight||Number(e.getAttribute(`height`)))})),a=n.indexOf(r);i.length>0&&this.open(i,Math.max(0,a))}};#t(){this._images.length<=1||(this.#d(),this._imageZoomed=!1,this._currentIndex=(this._currentIndex-1+this._images.length)%this._images.length)}#n(){this._images.length<=1||(this.#d(),this._imageZoomed=!1,this._currentIndex=(this._currentIndex+1)%this._images.length)}#r=e=>{let t=this._images[this._currentIndex];an(t,this._viewportWidth,this._viewportHeight)&&(e.stopPropagation(),this._imageZoomed=!this._imageZoomed)};#i=e=>{let t=e,n=e.target;if(t.key===`Escape`){e.preventDefault(),this.close();return}if(n instanceof HTMLInputElement||n instanceof HTMLButtonElement||n instanceof HTMLVideoElement)return;if(!this._images[this._currentIndex]?.mimeType?.startsWith(`video/`)){t.key===`ArrowLeft`?(e.preventDefault(),this.#t()):t.key===`ArrowRight`&&(e.preventDefault(),this.#n());return}let r=this.querySelector(`.media-lightbox-video`);r&&this.#a(t,r)};#a(e,t){let n=Number.isFinite(t.duration)&&t.duration>0?t.duration:null,r=e=>{let r=n==null?Math.max(0,e):Math.max(0,Math.min(e,n));t.currentTime=r,this._videoCurrentTime=r},i=e.key,a=i.toLowerCase();if(i===` `||a===`k`)e.preventDefault(),this.#x(t);else if(i===`ArrowLeft`)e.preventDefault(),r(t.currentTime-2);else if(i===`ArrowRight`)e.preventDefault(),r(t.currentTime+2);else if(i===`Home`)e.preventDefault(),r(0);else if(i===`End`)n!=null&&(e.preventDefault(),r(n));else if(i.length===1&&i>=`0`&&i<=`9`)n!=null&&(e.preventDefault(),r(Number(i)/10*n));else if(i===`ArrowUp`)e.preventDefault(),t.volume=Math.min(1,t.volume+.05);else if(i===`ArrowDown`)e.preventDefault(),t.volume=Math.max(0,t.volume-.05);else if(a===`m`){e.preventDefault();let n=!t.muted;t.muted=n,this._videoMuted=n}else a===`f`&&(e.preventDefault(),this.#o(t))}#o(e){let t=document,n=e;if(document.fullscreenElement??t.webkitFullscreenElement){document.exitFullscreen?document.exitFullscreen().catch(()=>{}):t.webkitExitFullscreen?.();return}e.requestFullscreen?e.requestFullscreen().catch(()=>{}):n.webkitRequestFullscreen?n.webkitRequestFullscreen():n.webkitEnterFullscreen&&n.webkitEnterFullscreen()}#s=e=>{let t=e.target;(t===e.currentTarget||t.classList.contains(`media-lightbox-content`)||t.classList.contains(`media-lightbox-stage`))&&this.close()};#c=()=>{this.#d(),this._open&&document.dispatchEvent(new CustomEvent(g,{detail:{open:!1}})),this._open=!1};#l=()=>{this.#u()};#u(){let e=tn();(e.width!==this._viewportWidth||e.height!==this._viewportHeight)&&(this._viewportWidth=e.width,this._viewportHeight=e.height)}#d(){this.querySelector(`.media-lightbox-video`)?.pause()}#f(){this.querySelector(`.media-lightbox-content`)?.focus()}#p=()=>{this.querySelector(`.media-lightbox-content`)?.focus({preventScroll:!0})};#m(e){this._videoCurrentTime=0,this._videoDuration=e?.durationSeconds&&e.durationSeconds>0?e.durationSeconds:0,this._videoMuted=!1,this._videoPaused=ue(e?.id)}#h(){let e=this._images[this._currentIndex];if(!Q(e)){this.#m(e);return}let t=this.querySelector(`.media-lightbox-video`);if(t){if(t.currentTime=0,t.muted=this._videoMuted,this._videoPaused=ue(e.id),this._videoPaused){t.pause();return}t.play().catch(()=>{this._videoPaused=!0})}}#g=e=>{let t=e.currentTarget;Number.isFinite(t.duration)&&t.duration>0&&(this._videoDuration=t.duration),this._videoCurrentTime=t.currentTime,t.muted=this._videoMuted};#_=e=>{let t=e.currentTarget;this._videoCurrentTime=t.currentTime,Number.isFinite(t.duration)&&t.duration>0&&(this._videoDuration=t.duration)};#v=()=>{this._videoPaused=!1};#y=()=>{this._videoPaused=!0};#b(e){let t=this._images[this._currentIndex],n=t?.id?.trim();n&&Q(t)&&de(n,e)}#x(e){if(e.paused){this._videoPaused=!1,this.#b(!1),e.play().catch(()=>{this._videoPaused=!0,this.#b(!0)});return}e.pause(),this._videoPaused=!0,this.#b(!0)}#S=()=>{let e=this.querySelector(`.media-lightbox-video`);e&&this.#x(e)};#C=e=>{let t=e.currentTarget,n=this.querySelector(`.media-lightbox-video`),r=Number.parseFloat(t.value);!n||!Number.isFinite(r)||r<0||(n.currentTime=r,this._videoCurrentTime=r)};#w=()=>{this._videoMuted=!this._videoMuted;let e=this.querySelector(`.media-lightbox-video`);e&&(e.muted=this._videoMuted)};updated(e){if(super.updated(e),!this._open||!e.has(`_currentIndex`)&&!e.has(`_open`)&&!e.has(`_imageZoomed`))return;let t=this.querySelector(`.media-lightbox-stage`);t&&(t.scrollTop=0,t.scrollLeft=0,(e.has(`_currentIndex`)||e.has(`_open`))&&(this.#h(),this.#f()))}render(){if(!this._open)return q;let e=this._images[this._currentIndex],t=this._images.length>1,n=e?.mimeType?.startsWith(`video/`),r=Q(e),i=an(e,this._viewportWidth,this._viewportHeight),a=i&&this._imageZoomed,o=r?rn(e,this._viewportWidth,this._viewportHeight):null,s=r&&!!o&&o.height>o.width,c=o?`--media-lightbox-short-width:${o.width}px;--media-lightbox-short-height:${o.height}px;`:q,l=this._videoDuration>0?this._videoDuration:e?.durationSeconds??1,u=Math.min(this._videoCurrentTime,l),d=l>0?u/l*100:0;return W`\n      <dialog\n        class=${`media-lightbox${r?` media-lightbox-short`:``}`}\n        @keydown=${this.#i}\n        @click=${this.#s}\n        @close=${this.#c}\n      >\n        <div class=\"media-lightbox-content\" tabindex=\"-1\">\n          <button\n            type=\"button\"\n            class=\"media-lightbox-close\"\n            @click=${()=>this.close()}\n            aria-label=\"Close\"\n          >\n            <svg\n              width=\"20\"\n              height=\"20\"\n              viewBox=\"0 0 24 24\"\n              fill=\"none\"\n              stroke=\"currentColor\"\n              stroke-width=\"2\"\n              stroke-linecap=\"round\"\n              stroke-linejoin=\"round\"\n            >\n              <path d=\"M18 6 6 18\" />\n              <path d=\"m6 6 12 12\" />\n            </svg>\n          </button>\n\n          ${t?W`<div class=\"media-lightbox-counter\">\n                  ${this._currentIndex+1} / ${this._images.length}\n                </div>`:q}\n          <div\n            class=${`media-lightbox-stage${a?` media-lightbox-stage-scroll`:``}`}\n          >\n            ${n?r?W`<div\n                      class=${`media-lightbox-short-frame${o?` media-lightbox-short-frame-contained`:``}${s?` media-lightbox-short-frame-portrait`:` media-lightbox-short-frame-landscape`}`}\n                      style=${c}\n                    >\n                      <div class=\"media-lightbox-short-viewport\">\n                        <video\n                          class=\"media-lightbox-video media-lightbox-video-short\"\n                          src=${e?.url??``}\n                          poster=${e?.posterUrl??``}\n                          ?autoplay=${!this._videoPaused}\n                          playsinline\n                          loop\n                          ?muted=${this._videoMuted}\n                          @click=${this.#S}\n                          @focus=${this.#p}\n                          @loadedmetadata=${this.#g}\n                          @timeupdate=${this.#_}\n                          @play=${this.#v}\n                          @pause=${this.#y}\n                        ></video>\n                      </div>\n                      <div\n                        class=${`media-lightbox-short-controls${s?` media-lightbox-short-controls-portrait`:``}`}\n                      >\n                        <button\n                          type=\"button\"\n                          class=\"media-lightbox-short-playback\"\n                          @click=${this.#S}\n                          aria-label=${this._videoPaused?`Play video`:`Pause video`}\n                        >\n                          <svg\n                            width=\"16\"\n                            height=\"16\"\n                            viewBox=\"0 0 24 24\"\n                            fill=\"currentColor\"\n                            aria-hidden=\"true\"\n                          >\n                            ${this._videoPaused?G`<path d=\"M8 5v14l11-7z\" />`:G`<path d=\"M6 5h4v14H6zM14 5h4v14h-4z\" />`}\n                          </svg>\n                        </button>\n                        <input\n                          class=\"media-lightbox-short-progress\"\n                          type=\"range\"\n                          min=\"0\"\n                          max=${l}\n                          step=\"0.01\"\n                          .value=${String(u)}\n                          style=${`--media-progress:${d}%`}\n                          aria-label=\"Video progress\"\n                          @input=${this.#C}\n                        />\n                        <button\n                          type=\"button\"\n                          class=\"media-lightbox-short-mute\"\n                          @click=${this.#w}\n                          aria-label=${this._videoMuted?`Unmute video`:`Mute video`}\n                        >\n                          <svg\n                            width=\"16\"\n                            height=\"16\"\n                            viewBox=\"0 0 48 48\"\n                            fill=\"currentColor\"\n                            color=\"#fff\"\n                            aria-hidden=\"true\"\n                          >\n                            ${this._videoMuted?G`\n                                <path d=\"M1.5 13.3c-.8 0-1.5.7-1.5 1.5v18.4c0 .8.7 1.5 1.5 1.5h8.7l12.9 12.9c.9.9 2.5.3 2.5-1v-9.8c0-.4-.2-.8-.4-1.1l-22-22c-.3-.3-.7-.4-1.1-.4h-.6zm46.8 31.4-5.5-5.5C44.9 36.6 48 31.4 48 24c0-11.4-7.2-17.4-7.2-17.4-.6-.6-1.6-.6-2.2 0L37.2 8c-.6.6-.6 1.6 0 2.2 0 0 5.7 5 5.7 13.8 0 5.4-2.1 9.3-3.8 11.6L35.5 32c1.1-1.7 2.3-4.4 2.3-8 0-6.8-4.1-10.3-4.1-10.3-.6-.6-1.6-.6-2.2 0l-1.4 1.4c-.6.6-.6 1.6 0 2.2 0 0 2.6 2 2.6 6.7 0 1.8-.4 3.2-.9 4.3L25.5 22V1.4c0-1.3-1.6-1.9-2.5-1L13.5 10 3.3-.3c-.6-.6-1.5-.6-2.1 0L-.2 1.1c-.6.6-.6 1.5 0 2.1L4 7.6l26.8 26.8 13.9 13.9c.6.6 1.5.6 2.1 0l1.4-1.4c.7-.6.7-1.6.1-2.2z\" />\n                              `:G`\n                                <path d=\"M1.5 13.3c-.8 0-1.5.7-1.5 1.5v18.4c0 .8.7 1.5 1.5 1.5h8.7l12.9 12.9c.9.9 2.5.3 2.5-1V1.4c0-1.3-1.6-1.9-2.5-1L10.2 13.3H1.5z\" />\n                                <path d=\"M30.1 15.9c-.6-.6-.6-1.6 0-2.2l1.4-1.4c.6-.6 1.6-.6 2.2 0 0 0 4.1 3.5 4.1 11.7s-4.1 11.7-4.1 11.7c-.6.6-1.6.6-2.2 0l-1.4-1.4c-.6-.6-.6-1.6 0-2.2 0 0 2.6-2 2.6-8.1s-2.6-8.1-2.6-8.1z\" />\n                                <path d=\"M37.2 8c-.6-.6-.6-1.6 0-2.2l1.4-1.4c.6-.6 1.6-.6 2.2 0 0 0 5.7 5.1 5.7 19.6s-5.7 19.6-5.7 19.6c-.6.6-1.6.6-2.2 0L37.2 42c-.6-.6-.6-1.6 0-2.2 0 0 4.3-4.4 4.3-15.8S37.2 8 37.2 8z\" />\n                              `}\n                          </svg>\n                        </button>\n                      </div>\n                    </div>`:W`<video\n                      class=\"media-lightbox-video\"\n                      src=${e?.url??``}\n                      poster=${e?.posterUrl??``}\n                      controls\n                      autoplay\n                      playsinline\n                      @focus=${this.#p}\n                    ></video>`:W`<img\n                    class=${`media-lightbox-img${i?` media-lightbox-img-zoomable`:``}${a?` media-lightbox-img-scroll`:``}`}\n                    src=${e?.url??``}\n                    alt=${e?.alt??``}\n                    @click=${this.#r}\n                  />`}\n          </div>\n          ${t?W`\n                  <button\n                    type=\"button\"\n                    class=\"media-lightbox-nav media-lightbox-nav-prev\"\n                    @click=${()=>this.#t()}\n                    aria-label=\"Previous\"\n                  >\n                    <svg\n                      width=\"24\"\n                      height=\"24\"\n                      viewBox=\"0 0 24 24\"\n                      fill=\"none\"\n                      stroke=\"currentColor\"\n                      stroke-width=\"2\"\n                      stroke-linecap=\"round\"\n                      stroke-linejoin=\"round\"\n                    >\n                      <path d=\"m15 18-6-6 6-6\" />\n                    </svg>\n                  </button>\n                  <button\n                    type=\"button\"\n                    class=\"media-lightbox-nav media-lightbox-nav-next\"\n                    @click=${()=>this.#n()}\n                    aria-label=\"Next\"\n                  >\n                    <svg\n                      width=\"24\"\n                      height=\"24\"\n                      viewBox=\"0 0 24 24\"\n                      fill=\"none\"\n                      stroke=\"currentColor\"\n                      stroke-width=\"2\"\n                      stroke-linecap=\"round\"\n                      stroke-linejoin=\"round\"\n                    >\n                      <path d=\"m9 18 6-6-6-6\" />\n                    </svg>\n                  </button>\n                `:q}\n        </div>\n      </dialog>\n    `}};customElements.define(`jant-media-lightbox`,on);";
 //#endregion
 //#region src/services/export-theme/assets/client-site.css?raw
-var client_site_default = "@keyframes lightbox-fade-in{0%{opacity:0}to{opacity:1}}@keyframes lightbox-scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.media-lightbox{background:0 0;border:none;outline:none;width:100%;max-width:100%;height:100%;max-height:100%;padding:0}.media-lightbox[open]{animation:.2s both lightbox-fade-in}.media-lightbox::backdrop{background-color:#000}.media-lightbox-content{outline:none;width:100%;height:100dvh;position:relative}.media-lightbox-stage{box-sizing:border-box;justify-content:center;align-items:center;width:100%;height:100%;padding:64px 96px;display:flex;overflow:hidden}.media-lightbox-stage-scroll{overscroll-behavior:contain;scrollbar-gutter:stable both-edges;-webkit-overflow-scrolling:touch;align-items:flex-start;overflow:hidden auto}.media-lightbox-img{object-fit:contain;border-radius:4px;max-width:100%;max-height:100%;animation:.28s cubic-bezier(.22,1,.36,1) both lightbox-scale-in;display:block}.media-lightbox-img-zoomable{cursor:zoom-in}.media-lightbox-img-scroll{width:min(100%,44rem);max-width:none;height:auto;max-height:none;margin:0 auto}.media-lightbox-img-zoomable.media-lightbox-img-scroll{cursor:zoom-out}.media-lightbox-close{z-index:10;-webkit-backdrop-filter:blur(8px);color:#fff;cursor:pointer;background-color:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:background-color .15s;display:flex;position:fixed;top:16px;left:16px}.media-lightbox-close:hover{background-color:#000000b3}.media-lightbox-nav{z-index:10;-webkit-backdrop-filter:blur(8px);color:#fff;cursor:pointer;background-color:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:background-color .15s;display:flex;position:fixed;top:50%;transform:translateY(-50%)}.media-lightbox-nav:hover{background-color:#000000b3}.media-lightbox-nav-prev{left:16px}.media-lightbox-nav-next{right:16px}.media-lightbox-counter{z-index:10;font-size:var(--type-xs);color:#ffffffb3;font-variant-numeric:tabular-nums;-webkit-user-select:none;user-select:none;position:fixed;top:20px;left:50%;transform:translate(-50%)}.media-lightbox-short-frame{background-color:#000;border-radius:4px;max-width:100%;max-height:100%;display:block;position:relative;overflow:hidden}.media-lightbox-short-frame-contained{width:var(--media-lightbox-short-width);height:var(--media-lightbox-short-height)}.media-lightbox-short-viewport{width:100%;height:100%;min-height:0}.media-lightbox-video-short{object-fit:contain;cursor:pointer;width:100%;max-width:none;height:100%;max-height:none;display:block}.media-lightbox-short-controls{z-index:2;box-sizing:border-box;pointer-events:none;background:linear-gradient(#0000,#000000ad);align-items:center;gap:2px;height:50px;padding:0 6px 6px;transition:opacity .18s,transform .18s;display:flex;position:absolute;bottom:0;left:0;right:0}.media-lightbox-short-progress{--media-progress:0%;z-index:1;appearance:none;pointer-events:auto;cursor:pointer;background:0 0;flex:auto;width:0;min-width:48px;height:44px;margin:0;padding:0;display:block;position:relative}.media-lightbox-short-progress::-webkit-slider-runnable-track{background:linear-gradient(to right, #ffffffeb 0, #ffffffeb var(--media-progress), #ffffff2e var(--media-progress), #ffffff2e 100%);border-radius:999px;height:2px;transition:height .15s,background .15s}.media-lightbox-short-progress::-webkit-slider-thumb{appearance:none;opacity:.82;background-color:#fff;border:none;border-radius:999px;width:10px;height:10px;margin-top:-4px;transition:opacity .15s,transform .15s;box-shadow:0 1px 4px #00000052}.media-lightbox-short-progress::-moz-range-track{background:#ffffff2e;border:none;border-radius:999px;height:2px}.media-lightbox-short-progress::-moz-range-progress{background:#ffffffeb;border-radius:999px;height:2px}.media-lightbox-short-progress::-moz-range-thumb{opacity:.82;background-color:#fff;border:none;border-radius:999px;width:10px;height:10px;transition:opacity .15s,transform .15s;box-shadow:0 1px 4px #00000052}.media-lightbox-short-playback{z-index:2;color:#fff;pointer-events:auto;cursor:pointer;background-color:#0000;border:none;border-radius:999px;flex:0 0 44px;justify-content:center;align-items:center;width:44px;height:44px;padding:0;transition:background-color .15s,transform .15s;display:inline-flex;position:relative}.media-lightbox-short-playback svg{width:16px;height:16px;display:block}.media-lightbox-short-playback:hover{background-color:#ffffff24}.media-lightbox-short-playback:active{transform:scale(.92)}.media-lightbox-short-playback:focus-visible{outline:none;box-shadow:0 0 0 3px #fff3}.media-lightbox-short-progress:hover::-webkit-slider-runnable-track{height:4px}.media-lightbox-short-progress:focus-visible::-webkit-slider-runnable-track{height:4px}.media-lightbox-short-progress:hover::-moz-range-track{height:4px}.media-lightbox-short-progress:focus-visible::-moz-range-track{height:4px}.media-lightbox-short-progress:hover::-moz-range-progress{height:4px}.media-lightbox-short-progress:focus-visible::-moz-range-progress{height:4px}.media-lightbox-short-progress:hover::-webkit-slider-thumb{opacity:1;transform:scale(1.05)}.media-lightbox-short-progress:focus-visible::-webkit-slider-thumb{opacity:1;transform:scale(1.05)}.media-lightbox-short-progress:hover::-moz-range-thumb{opacity:1;transform:scale(1.05)}.media-lightbox-short-progress:focus-visible::-moz-range-thumb{opacity:1;transform:scale(1.05)}.media-lightbox-short-mute{z-index:2;color:#fff;pointer-events:auto;cursor:pointer;background-color:#0000;border:none;border-radius:999px;flex:0 0 44px;justify-content:center;align-items:center;width:44px;height:44px;padding:0;transition:background-color .15s,transform .15s;display:inline-flex;position:relative}.media-lightbox-short-mute svg{flex-shrink:0;width:16px;height:16px;display:block}.media-lightbox-short-mute:hover{background-color:#ffffff24}.media-lightbox-short-mute:focus-visible{outline:none;box-shadow:0 0 0 3px #fff3}@media (max-width:640px){.media-lightbox-stage{padding:48px 16px}.media-lightbox-img{border-radius:0}.media-lightbox-img-scroll{width:100%}.media-lightbox-close{width:36px;height:36px;top:12px;left:12px}.media-lightbox-nav{width:36px;height:36px}.media-lightbox-nav-prev{left:8px}.media-lightbox-nav-next{right:8px}.media-lightbox-short-frame{border-radius:0}}@media (hover:none),(pointer:coarse){.media-lightbox-short-frame-contained{height:calc(var(--media-lightbox-short-height) + 50px);grid-template-rows:minmax(0,1fr) 50px;display:grid}.media-lightbox-short-controls{background:#000;grid-row:2;position:relative}}@media (hover:hover) and (pointer:fine){.media-lightbox-short-controls{opacity:0;transform:translateY(4px)}.media-lightbox-short-controls>*{pointer-events:none}.media-lightbox-short-frame:hover .media-lightbox-short-controls,.media-lightbox-short-frame:focus-within .media-lightbox-short-controls{opacity:1;transform:translateY(0)}.media-lightbox-short-frame:hover .media-lightbox-short-controls>*,.media-lightbox-short-frame:focus-within .media-lightbox-short-controls>*{pointer-events:auto}}.media-visual-frame{border-radius:var(--media-radius,.5rem);background-color:var(--color-muted);display:block;overflow:hidden}.media-visual{background-position:50%;background-repeat:no-repeat;display:block}.media-video-wrap{position:relative}.media-video-link{cursor:pointer;display:block}.media-video-wrap video{object-fit:contain;background-color:var(--color-muted);width:100%;max-height:24rem}.media-video-wrap-short video{background-color:#000}.media-feed-video-mute{z-index:1;color:#fff;cursor:pointer;background-color:#00000080;border:none;border-radius:999px;justify-content:center;align-items:center;width:28px;height:28px;transition:background-color .15s,transform .15s;display:inline-flex;position:absolute;bottom:16px;right:16px}.media-feed-video-mute svg{width:12px;height:12px}.media-feed-video-mute:hover{background-color:#0000009e;transform:scale(1.03)}.media-feed-video-mute:focus-visible{outline:none;box-shadow:0 0 0 3px #fff3}.media-feed-video-icon{transition:opacity .15s,transform .15s;position:absolute}.media-feed-video-mute[data-muted=true] .media-feed-video-icon-muted,.media-feed-video-mute[data-muted=false] .media-feed-video-icon-unmuted{opacity:1;transform:scale(1)}.media-feed-video-mute[data-muted=true] .media-feed-video-icon-unmuted,.media-feed-video-mute[data-muted=false] .media-feed-video-icon-muted{opacity:0;transform:scale(.92)}.media-video-play-overlay{pointer-events:none;justify-content:center;align-items:center;transition:opacity .15s;display:flex;position:absolute;inset:0}.media-video-play-overlay svg{filter:drop-shadow(0 2px 6px #0006);opacity:.85;width:48px;height:48px}.media-gallery-card.media-audio-card{flex-direction:column;display:flex}.media-audio-card .media-audio-el{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.media-audio-card .media-audio-artwork{background:linear-gradient(160deg,#8080801f 0%,#80808008 100%);flex:1;justify-content:center;align-items:center;width:100%;min-height:0;display:flex}.media-audio-card .media-audio-artwork svg{width:32px;height:32px;color:var(--site-text-secondary);opacity:.3}.media-audio-card .media-audio-waveform{cursor:pointer;touch-action:none;width:100%;height:24px;display:none}.media-audio-card.has-waveform .media-audio-waveform{display:block}.media-audio-card.has-waveform .media-audio-range{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.media-audio-card .media-audio-controls{flex-direction:column;flex-shrink:0;padding:0 0 6px;display:flex}.media-audio-card .media-audio-range{appearance:none;cursor:pointer;touch-action:none;background:0 0;width:100%;height:20px;margin:0;padding:0}.media-audio-card .media-audio-range::-webkit-slider-runnable-track{background:#80808026;border-radius:1.5px;height:3px}.media-audio-card .media-audio-range::-moz-range-track{background:#80808026;border:none;border-radius:1.5px;height:3px}.media-audio-card .media-audio-range::-moz-range-progress{background:var(--site-text-primary);border-radius:1.5px;height:3px}.media-audio-card .media-audio-range::-webkit-slider-thumb{-webkit-appearance:none;background:var(--site-text-primary);opacity:0;border:none;border-radius:50%;width:10px;height:10px;margin-top:-3.5px;transition:opacity .15s}.media-audio-card .media-audio-range:hover::-webkit-slider-thumb{opacity:1}.media-audio-card.is-playing .media-audio-range::-webkit-slider-thumb{opacity:1}.media-audio-card .media-audio-range::-moz-range-thumb{background:var(--site-text-primary);opacity:0;border:none;border-radius:50%;width:10px;height:10px;transition:opacity .15s}.media-audio-card .media-audio-range:hover::-moz-range-thumb{opacity:1}.media-audio-card.is-playing .media-audio-range::-moz-range-thumb{opacity:1}.media-audio-card .media-audio-range:focus-visible{outline:2px solid var(--site-text-primary);outline-offset:2px;border-radius:2px}.media-audio-card .media-audio-row{align-items:center;gap:6px;min-width:0;padding:6px 8px 0;display:flex}.media-audio-card .media-audio-info{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.media-audio-card .media-audio-title{font-size:var(--type-2xs);font-weight:var(--fw-medium,500);color:var(--site-text-primary);text-overflow:ellipsis;white-space:nowrap;line-height:1.3;overflow:hidden}.media-audio-card .media-audio-time{font-size:var(--type-2xs);color:var(--site-text-secondary);font-variant-numeric:tabular-nums;line-height:1}.media-audio-card .media-audio-play-btn{cursor:pointer;background:var(--site-text-primary);width:28px;height:28px;color:var(--background,#fff);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:transform .12s;display:flex}.media-audio-card .media-audio-play-btn:hover{transform:scale(1.1)}.media-audio-card .media-audio-play-btn:active{transform:scale(.92)}.media-audio-card .media-audio-play-btn svg{width:14px;height:14px}.media-audio-card .media-audio-icon-play{margin-left:2px}.media-audio-card .media-audio-icon-pause,.media-audio-card.is-playing .media-audio-icon-play{display:none}.media-audio-card.is-playing .media-audio-icon-pause{display:block}.media-gallery-card{color:var(--site-text-primary);border-radius:var(--media-radius,.5rem);background-color:var(--site-nav-hover-bg);border:1px solid var(--site-divider);text-decoration:none;transition:background-color .15s;display:block;overflow:hidden}a.media-gallery-card:hover,button.media-gallery-card:hover{background-color:var(--site-divider)}button.media-gallery-card{cursor:pointer;font:inherit;text-align:inherit}.media-gallery-card-inner{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;height:100%;padding:16px 12px;display:flex}.media-gallery-card-icon{color:var(--site-text-secondary);opacity:.6}.media-gallery-card-summary{font-size:var(--type-xs);color:var(--site-text-secondary);-webkit-line-clamp:2;word-break:break-word;-webkit-box-orient:vertical;line-height:1.4;display:-webkit-box;overflow:hidden}.media-gallery-card-meta{font-size:var(--type-xs);color:var(--site-text-secondary)}.media-lightbox-video{background-color:#000;border-radius:4px;outline:none;max-width:100%;max-height:100%;animation:.28s cubic-bezier(.22,1,.36,1) both lightbox-scale-in}.media-lightbox-video:focus,.media-lightbox-video:focus-visible{outline:none}.media-lightbox-video-short{object-fit:contain;width:100%;max-width:none;height:100%;max-height:none;display:block}@media (max-width:640px){.media-lightbox-video{border-radius:0}}[data-post-media] img{background:0 0}.media-gallery-scroll-wrap{position:relative}.media-gallery-nav{z-index:2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;cursor:pointer;opacity:0;pointer-events:none;background-color:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;padding:0;transition:opacity .15s,background-color .15s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.media-gallery-nav:hover{background-color:#000000b3}.media-gallery-nav svg{width:18px;height:18px;display:block}.media-gallery-nav-prev{left:8px}.media-gallery-nav-next{right:8px}@media (hover:hover) and (pointer:fine){.media-gallery-scroll-wrap.can-scroll-start:hover .media-gallery-nav-prev,.media-gallery-scroll-wrap.can-scroll-end:hover .media-gallery-nav-next{opacity:1;pointer-events:auto}}.media-gallery-scroll-wrap>[data-post-media]:focus-visible{outline:2px solid var(--site-text-primary);outline-offset:2px;border-radius:4px}\n/*$vite$:1*/";
+var client_site_default = "@keyframes lightbox-fade-in{0%{opacity:0}to{opacity:1}}@keyframes lightbox-scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.media-lightbox{background:0 0;border:none;outline:none;width:100%;max-width:100%;height:100%;max-height:100%;padding:0}.media-lightbox[open]{animation:.2s both lightbox-fade-in}.media-lightbox::backdrop{background-color:#000}.media-lightbox-content{outline:none;width:100%;height:100dvh;position:relative}.media-lightbox-stage{box-sizing:border-box;justify-content:center;align-items:center;width:100%;height:100%;padding:64px 96px;display:flex;overflow:hidden}.media-lightbox-stage-scroll{overscroll-behavior:contain;scrollbar-gutter:stable both-edges;-webkit-overflow-scrolling:touch;align-items:flex-start;overflow:hidden auto}.media-lightbox-img{object-fit:contain;border-radius:4px;max-width:100%;max-height:100%;animation:.28s cubic-bezier(.22,1,.36,1) both lightbox-scale-in;display:block}.media-lightbox-img-zoomable{cursor:zoom-in}.media-lightbox-img-scroll{width:min(100%,44rem);max-width:none;height:auto;max-height:none;margin:0 auto}.media-lightbox-img-zoomable.media-lightbox-img-scroll{cursor:zoom-out}.media-lightbox-close{z-index:10;-webkit-backdrop-filter:blur(8px);color:#fff;cursor:pointer;background-color:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:background-color .15s;display:flex;position:fixed;top:16px;left:16px}.media-lightbox-close:hover{background-color:#000000b3}.media-lightbox-nav{z-index:10;-webkit-backdrop-filter:blur(8px);color:#fff;cursor:pointer;background-color:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:background-color .15s;display:flex;position:fixed;top:50%;transform:translateY(-50%)}.media-lightbox-nav:hover{background-color:#000000b3}.media-lightbox-nav-prev{left:16px}.media-lightbox-nav-next{right:16px}.media-lightbox-counter{z-index:10;font-size:var(--type-xs);color:#ffffffb3;font-variant-numeric:tabular-nums;-webkit-user-select:none;user-select:none;position:fixed;top:20px;left:50%;transform:translate(-50%)}.media-lightbox-short-frame{background-color:#000;border-radius:4px;max-width:100%;max-height:100%;display:block;position:relative;overflow:hidden}.media-lightbox-short-frame-contained{width:var(--media-lightbox-short-width);height:var(--media-lightbox-short-height)}.media-lightbox-short-viewport{width:100%;height:100%;min-height:0}.media-lightbox-video-short{object-fit:contain;cursor:pointer;width:100%;max-width:none;height:100%;max-height:none;display:block}.media-lightbox-short-controls{z-index:2;box-sizing:border-box;pointer-events:none;background:linear-gradient(#0000,#000000ad);align-items:center;gap:2px;height:50px;padding:0 6px 6px;transition:opacity .18s,transform .18s;display:flex;position:absolute;bottom:0;left:0;right:0}.media-lightbox-short-progress{--media-progress:0%;z-index:1;appearance:none;pointer-events:auto;cursor:pointer;background:0 0;flex:auto;width:0;min-width:48px;height:44px;margin:0;padding:0;display:block;position:relative}.media-lightbox-short-progress::-webkit-slider-runnable-track{background:linear-gradient(to right, #ffffffeb 0, #ffffffeb var(--media-progress), #ffffff2e var(--media-progress), #ffffff2e 100%);border-radius:999px;height:2px;transition:height .15s,background .15s}.media-lightbox-short-progress::-webkit-slider-thumb{appearance:none;opacity:.82;background-color:#fff;border:none;border-radius:999px;width:10px;height:10px;margin-top:-4px;transition:opacity .15s,transform .15s;box-shadow:0 1px 4px #00000052}.media-lightbox-short-progress::-moz-range-track{background:#ffffff2e;border:none;border-radius:999px;height:2px}.media-lightbox-short-progress::-moz-range-progress{background:#ffffffeb;border-radius:999px;height:2px}.media-lightbox-short-progress::-moz-range-thumb{opacity:.82;background-color:#fff;border:none;border-radius:999px;width:10px;height:10px;transition:opacity .15s,transform .15s;box-shadow:0 1px 4px #00000052}.media-lightbox-short-playback{z-index:2;color:#fff;pointer-events:auto;cursor:pointer;background-color:#0000;border:none;border-radius:999px;flex:0 0 44px;justify-content:center;align-items:center;width:44px;height:44px;padding:0;transition:background-color .15s,transform .15s;display:inline-flex;position:relative}.media-lightbox-short-playback svg{width:16px;height:16px;display:block}.media-lightbox-short-playback:hover{background-color:#ffffff24}.media-lightbox-short-playback:active{transform:scale(.92)}.media-lightbox-short-playback:focus-visible{outline:none;box-shadow:0 0 0 3px #fff3}.media-lightbox-short-progress:hover::-webkit-slider-runnable-track{height:4px}.media-lightbox-short-progress:focus-visible::-webkit-slider-runnable-track{height:4px}.media-lightbox-short-progress:hover::-moz-range-track{height:4px}.media-lightbox-short-progress:focus-visible::-moz-range-track{height:4px}.media-lightbox-short-progress:hover::-moz-range-progress{height:4px}.media-lightbox-short-progress:focus-visible::-moz-range-progress{height:4px}.media-lightbox-short-progress:hover::-webkit-slider-thumb{opacity:1;transform:scale(1.05)}.media-lightbox-short-progress:focus-visible::-webkit-slider-thumb{opacity:1;transform:scale(1.05)}.media-lightbox-short-progress:hover::-moz-range-thumb{opacity:1;transform:scale(1.05)}.media-lightbox-short-progress:focus-visible::-moz-range-thumb{opacity:1;transform:scale(1.05)}.media-lightbox-short-mute{z-index:2;color:#fff;pointer-events:auto;cursor:pointer;background-color:#0000;border:none;border-radius:999px;flex:0 0 44px;justify-content:center;align-items:center;width:44px;height:44px;padding:0;transition:background-color .15s,transform .15s;display:inline-flex;position:relative}.media-lightbox-short-mute svg{flex-shrink:0;width:16px;height:16px;display:block}.media-lightbox-short-mute:hover{background-color:#ffffff24}.media-lightbox-short-mute:focus-visible{outline:none;box-shadow:0 0 0 3px #fff3}@media (max-width:640px){.media-lightbox-stage{padding:48px 16px}.media-lightbox-img{border-radius:0}.media-lightbox-img-scroll{width:100%}.media-lightbox-close{width:36px;height:36px;top:12px;left:12px}.media-lightbox-nav{width:36px;height:36px}.media-lightbox-nav-prev{left:8px}.media-lightbox-nav-next{right:8px}.media-lightbox-short-frame{border-radius:0}}@media (hover:none),(pointer:coarse){.media-lightbox-short-frame-contained{height:calc(var(--media-lightbox-short-height) + 50px);grid-template-rows:minmax(0,1fr) 50px;display:grid}.media-lightbox-short-controls{background:#000;grid-row:2;position:relative}}@media (hover:hover) and (pointer:fine){.media-lightbox-short-controls{opacity:0;transform:translateY(4px)}.media-lightbox-short-controls>*{pointer-events:none}.media-lightbox-short-frame:hover .media-lightbox-short-controls,.media-lightbox-short-frame:focus-within .media-lightbox-short-controls{opacity:1;transform:translateY(0)}.media-lightbox-short-frame:hover .media-lightbox-short-controls>*,.media-lightbox-short-frame:focus-within .media-lightbox-short-controls>*{pointer-events:auto}}.media-visual-frame{border-radius:var(--media-radius,.5rem);background-color:var(--color-muted);display:block;overflow:hidden}.media-visual{background-position:50%;background-repeat:no-repeat;display:block}.media-video-wrap{position:relative}.media-video-link{cursor:pointer;display:block}.media-video-wrap video{background-color:var(--color-muted);width:100%}.media-video-wrap-short video{background-color:#000}.media-feed-video-mute{z-index:1;color:#fff;cursor:pointer;background-color:#00000080;border:none;border-radius:999px;justify-content:center;align-items:center;width:28px;height:28px;transition:background-color .15s,transform .15s;display:inline-flex;position:absolute;bottom:16px;right:16px}.media-feed-video-mute svg{width:12px;height:12px}.media-feed-video-mute:hover{background-color:#0000009e;transform:scale(1.03)}.media-feed-video-mute:focus-visible{outline:none;box-shadow:0 0 0 3px #fff3}.media-feed-video-icon{transition:opacity .15s,transform .15s;position:absolute}.media-feed-video-mute[data-muted=true] .media-feed-video-icon-muted,.media-feed-video-mute[data-muted=false] .media-feed-video-icon-unmuted{opacity:1;transform:scale(1)}.media-feed-video-mute[data-muted=true] .media-feed-video-icon-unmuted,.media-feed-video-mute[data-muted=false] .media-feed-video-icon-muted{opacity:0;transform:scale(.92)}.media-video-play-overlay{pointer-events:none;justify-content:center;align-items:center;transition:opacity .15s;display:flex;position:absolute;inset:0}.media-video-play-overlay svg{filter:drop-shadow(0 2px 6px #0006);opacity:.85;width:48px;height:48px}.media-gallery-card.media-audio-card{flex-direction:column;display:flex}.media-audio-card .media-audio-el{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.media-audio-card .media-audio-artwork{background:linear-gradient(160deg,#8080801f 0%,#80808008 100%);flex:1;justify-content:center;align-items:center;width:100%;min-height:0;display:flex}.media-audio-card .media-audio-artwork svg{width:32px;height:32px;color:var(--site-text-secondary);opacity:.3}.media-audio-card .media-audio-waveform{cursor:pointer;touch-action:none;width:100%;height:24px;display:none}.media-audio-card.has-waveform .media-audio-waveform{display:block}.media-audio-card.has-waveform .media-audio-range{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.media-audio-card .media-audio-controls{flex-direction:column;flex-shrink:0;padding:0 0 6px;display:flex}.media-audio-card .media-audio-range{appearance:none;cursor:pointer;touch-action:none;background:0 0;width:100%;height:20px;margin:0;padding:0}.media-audio-card .media-audio-range::-webkit-slider-runnable-track{background:#80808026;border-radius:1.5px;height:3px}.media-audio-card .media-audio-range::-moz-range-track{background:#80808026;border:none;border-radius:1.5px;height:3px}.media-audio-card .media-audio-range::-moz-range-progress{background:var(--site-text-primary);border-radius:1.5px;height:3px}.media-audio-card .media-audio-range::-webkit-slider-thumb{-webkit-appearance:none;background:var(--site-text-primary);opacity:0;border:none;border-radius:50%;width:10px;height:10px;margin-top:-3.5px;transition:opacity .15s}.media-audio-card .media-audio-range:hover::-webkit-slider-thumb{opacity:1}.media-audio-card.is-playing .media-audio-range::-webkit-slider-thumb{opacity:1}.media-audio-card .media-audio-range::-moz-range-thumb{background:var(--site-text-primary);opacity:0;border:none;border-radius:50%;width:10px;height:10px;transition:opacity .15s}.media-audio-card .media-audio-range:hover::-moz-range-thumb{opacity:1}.media-audio-card.is-playing .media-audio-range::-moz-range-thumb{opacity:1}.media-audio-card .media-audio-range:focus-visible{outline:2px solid var(--site-text-primary);outline-offset:2px;border-radius:2px}.media-audio-card .media-audio-row{align-items:center;gap:6px;min-width:0;padding:6px 8px 0;display:flex}.media-audio-card .media-audio-info{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.media-audio-card .media-audio-title{font-size:var(--type-2xs);font-weight:var(--fw-medium,500);color:var(--site-text-primary);text-overflow:ellipsis;white-space:nowrap;line-height:1.3;overflow:hidden}.media-audio-card .media-audio-time{font-size:var(--type-2xs);color:var(--site-text-secondary);font-variant-numeric:tabular-nums;line-height:1}.media-audio-card .media-audio-play-btn{cursor:pointer;background:var(--site-text-primary);width:28px;height:28px;color:var(--background,#fff);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:transform .12s;display:flex}.media-audio-card .media-audio-play-btn:hover{transform:scale(1.1)}.media-audio-card .media-audio-play-btn:active{transform:scale(.92)}.media-audio-card .media-audio-play-btn svg{width:14px;height:14px}.media-audio-card .media-audio-icon-play{margin-left:2px}.media-audio-card .media-audio-icon-pause,.media-audio-card.is-playing .media-audio-icon-play{display:none}.media-audio-card.is-playing .media-audio-icon-pause{display:block}.media-gallery-card{color:var(--site-text-primary);border-radius:var(--media-radius,.5rem);background-color:var(--site-nav-hover-bg);border:1px solid var(--site-divider);text-decoration:none;transition:background-color .15s;display:block;overflow:hidden}a.media-gallery-card:hover,button.media-gallery-card:hover{background-color:var(--site-divider)}button.media-gallery-card{cursor:pointer;font:inherit;text-align:inherit}.media-gallery-card-inner{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;height:100%;padding:16px 12px;display:flex}.media-gallery-card-icon{color:var(--site-text-secondary);opacity:.6}.media-gallery-card-summary{font-size:var(--type-xs);color:var(--site-text-secondary);-webkit-line-clamp:2;word-break:break-word;-webkit-box-orient:vertical;line-height:1.4;display:-webkit-box;overflow:hidden}.media-gallery-card-meta{font-size:var(--type-xs);color:var(--site-text-secondary)}.media-lightbox-video{background-color:#000;border-radius:4px;outline:none;max-width:100%;max-height:100%;animation:.28s cubic-bezier(.22,1,.36,1) both lightbox-scale-in}.media-lightbox-video:focus,.media-lightbox-video:focus-visible{outline:none}.media-lightbox-video-short{object-fit:contain;width:100%;max-width:none;height:100%;max-height:none;display:block}@media (max-width:640px){.media-lightbox-video{border-radius:0}}[data-post-media] img{background:0 0}.media-gallery-scroll-wrap{position:relative}.media-gallery-nav{z-index:2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;cursor:pointer;opacity:0;pointer-events:none;background-color:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;padding:0;transition:opacity .15s,background-color .15s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.media-gallery-nav:hover{background-color:#000000b3}.media-gallery-nav svg{width:18px;height:18px;display:block}.media-gallery-nav-prev{left:8px}.media-gallery-nav-next{right:8px}@media (hover:hover) and (pointer:fine){.media-gallery-scroll-wrap.can-scroll-start:hover .media-gallery-nav-prev,.media-gallery-scroll-wrap.can-scroll-end:hover .media-gallery-nav-next{opacity:1;pointer-events:auto}}.media-gallery-scroll-wrap>[data-post-media]:focus-visible{outline:2px solid var(--site-text-primary);outline-offset:2px;border-radius:4px}\n/*$vite$:1*/";
 //#endregion
 //#region src/services/export-theme/layouts/_default/baseof.html?raw
 var baseof_default = "<!doctype html>\n{{- $lang := .Site.LanguageCode | default \"en\" -}}\n{{- $themeMode := .Site.Params.theme_mode | default \"auto\" -}}\n{{- $themeId := .Site.Params.theme_id -}}\n<html lang=\"{{ $lang }}\"{{ with $themeId }} data-theme=\"{{ . }}\"{{ end }}{{ if ne $themeMode \"auto\" }} data-theme-mode=\"{{ $themeMode }}\"{{ end }}>\n  <head>\n    {{ partial \"head.html\" . }}\n  </head>\n  <body>\n    <div class=\"site-page\">\n      {{ partial \"header.html\" . }}\n      <main class=\"site-main\" id=\"main\">\n        {{ block \"main\" . }}{{ end }}\n      </main>\n      {{ partial \"footer.html\" . }}\n    </div>\n    {{/* Mount the shared media lightbox web component once per page.\n         The component installs a document-level click listener on connect\n         and intercepts clicks on [data-post-media] a[data-lightbox-index]. */}}\n    <jant-media-lightbox></jant-media-lightbox>\n  </body>\n</html>\n";
@@ -4575,28 +5972,28 @@ var header_default = "{{- $jant := hugo.Data.jant -}}\n{{- $showAvatar := false
 var footer_default = "{{- $jant := hugo.Data.jant -}}\n{{- $footerHtml := \"\" -}}\n{{- with $jant -}}{{- with .site_footer_html -}}{{- $footerHtml = . -}}{{- end -}}{{- end -}}\n{{- $showBranding := false -}}\n{{- with $jant -}}{{- if eq .show_jant_branding_on_home true -}}{{- $showBranding = true -}}{{- end -}}{{- end -}}\n{{- $navFooterItems := slice -}}\n{{- with $jant -}}{{- range .nav -}}{{- if eq .placement \"footer\" -}}{{- $navFooterItems = $navFooterItems | append . -}}{{- end -}}{{- end -}}{{- end -}}\n{{- $hasFooter := or $navFooterItems $footerHtml -}}\n{{- if $hasFooter -}}\n<footer class=\"site-footer\" role=\"contentinfo\">\n  <div class=\"site-footer-inner\">\n    {{- if $navFooterItems -}}\n      <nav class=\"site-footer-nav\" aria-label=\"Footer\">\n        <ul class=\"site-footer-nav-list\">\n          {{- range $navFooterItems -}}\n            {{- $isExternal := or (hasPrefix .url \"http://\") (hasPrefix .url \"https://\") -}}\n            <li><a href=\"{{ .url }}\"{{ if $isExternal }} rel=\"noopener noreferrer\" target=\"_blank\"{{ end }}>{{ .label }}</a></li>\n          {{- end -}}\n        </ul>\n      </nav>\n    {{- end -}}\n    {{- with $footerHtml -}}\n      <div class=\"site-footer-content\">{{ . | safeHTML }}</div>\n    {{- end -}}\n  </div>\n</footer>\n{{- end -}}\n{{- if and $showBranding $.IsHome -}}\n<footer class=\"home-branding-credit\">\n  Build with <a href=\"https://jant.me\" rel=\"noopener noreferrer\" target=\"_blank\">Jant</a>\n</footer>\n{{- end -}}\n";
 //#endregion
 //#region src/services/export-theme/layouts/partials/pagination.html?raw
-var pagination_default = "{{- $paginator := . -}}\n{{- $total := $paginator.TotalPages -}}\n{{- $current := $paginator.PageNumber -}}\n{{- if gt $total 1 -}}\n  {{- /* Mirror main site's getPageNumbers: always include 1, last, current,\n         and current±1. Insert 0 as an ellipsis marker for gaps. */ -}}\n  {{- $pages := slice -}}\n  {{- if le $total 7 -}}\n    {{- range seq 1 $total -}}\n      {{- $pages = $pages | append . -}}\n    {{- end -}}\n  {{- else -}}\n    {{- $set := slice 1 $total $current -}}\n    {{- if gt $current 1 -}}{{- $set = $set | append (sub $current 1) -}}{{- end -}}\n    {{- if lt $current $total -}}{{- $set = $set | append (add $current 1) -}}{{- end -}}\n    {{- $sorted := sort (uniq $set) -}}\n    {{- $prev := 0 -}}\n    {{- range $i, $p := $sorted -}}\n      {{- if and (gt $i 0) (gt (sub $p $prev) 1) -}}\n        {{- $pages = $pages | append 0 -}}\n      {{- end -}}\n      {{- $pages = $pages | append $p -}}\n      {{- $prev = $p -}}\n    {{- end -}}\n  {{- end -}}\n  <nav class=\"pagination\" aria-label=\"Pagination\">\n    {{- if $paginator.HasPrev -}}\n      <a class=\"pagination-link pagination-prev\" href=\"{{ $paginator.Prev.URL }}\" rel=\"prev\">Previous</a>\n    {{- else -}}\n      <span class=\"pagination-link pagination-prev is-disabled\" aria-disabled=\"true\">Previous</span>\n    {{- end -}}\n    {{- range $pages -}}\n      {{- if eq . 0 -}}\n        <span class=\"pagination-ellipsis\" aria-hidden=\"true\">...</span>\n      {{- else if eq . $current -}}\n        <span class=\"pagination-current\" aria-current=\"page\">{{ . }}</span>\n      {{- else -}}\n        {{- $href := \"\" -}}\n        {{- if eq . 1 -}}\n          {{- $href = ($paginator.First.URL | default \"/\") -}}\n        {{- else -}}\n          {{- with index $paginator.Pagers (sub . 1) -}}\n            {{- $href = .URL -}}\n          {{- end -}}\n        {{- end -}}\n        <a class=\"pagination-link\" href=\"{{ $href }}\">{{ . }}</a>\n      {{- end -}}\n    {{- end -}}\n    {{- if $paginator.HasNext -}}\n      <a class=\"pagination-link pagination-next\" href=\"{{ $paginator.Next.URL }}\" rel=\"next\">Next</a>\n    {{- else -}}\n      <span class=\"pagination-link pagination-next is-disabled\" aria-disabled=\"true\">Next</span>\n    {{- end -}}\n  </nav>\n{{- end -}}\n";
+var pagination_default = "{{- $paginator := . -}}\n{{- $total := $paginator.TotalPages -}}\n{{- $current := $paginator.PageNumber -}}\n{{- if gt $total 1 -}}\n  {{- /* Mirror main site's getPageNumbers: past seven pages, always seven\n         slots — 1, last, and a three-page window around the current page.\n         The second and second-to-last slots hold a page or 0 (an ellipsis\n         marker), so an ellipsis never stands in for a single page. */ -}}\n  {{- $pages := slice -}}\n  {{- if le $total 7 -}}\n    {{- range seq 1 $total -}}\n      {{- $pages = $pages | append . -}}\n    {{- end -}}\n  {{- else -}}\n    {{- $start := sub $current 1 -}}\n    {{- if lt $start 3 -}}{{- $start = 3 -}}{{- end -}}\n    {{- if gt $start (sub $total 4) -}}{{- $start = sub $total 4 -}}{{- end -}}\n    {{- $end := add $start 2 -}}\n    {{- $pages = $pages | append 1 -}}\n    {{- $pages = $pages | append (cond (eq $start 3) 2 0) -}}\n    {{- range seq $start $end -}}\n      {{- $pages = $pages | append . -}}\n    {{- end -}}\n    {{- $pages = $pages | append (cond (eq $end (sub $total 2)) (sub $total 1) 0) -}}\n    {{- $pages = $pages | append $total -}}\n  {{- end -}}\n  <nav class=\"pagination\" aria-label=\"Pagination\">\n    {{- if $paginator.HasPrev -}}\n      <a class=\"pagination-link pagination-prev\" href=\"{{ $paginator.Prev.URL }}\" rel=\"prev\">Previous</a>\n    {{- else -}}\n      <span class=\"pagination-link pagination-prev is-disabled\" aria-disabled=\"true\">Previous</span>\n    {{- end -}}\n    {{- range $pages -}}\n      {{- if eq . 0 -}}\n        <span class=\"pagination-ellipsis\" aria-hidden=\"true\">...</span>\n      {{- else if eq . $current -}}\n        <span class=\"pagination-current\" aria-current=\"page\">{{ . }}</span>\n      {{- else -}}\n        {{- $href := \"\" -}}\n        {{- if eq . 1 -}}\n          {{- $href = ($paginator.First.URL | default \"/\") -}}\n        {{- else -}}\n          {{- with index $paginator.Pagers (sub . 1) -}}\n            {{- $href = .URL -}}\n          {{- end -}}\n        {{- end -}}\n        <a class=\"pagination-link\" href=\"{{ $href }}\">{{ . }}</a>\n      {{- end -}}\n    {{- end -}}\n    {{- if $paginator.HasNext -}}\n      <a class=\"pagination-link pagination-next\" href=\"{{ $paginator.Next.URL }}\" rel=\"next\">Next</a>\n    {{- else -}}\n      <span class=\"pagination-link pagination-next is-disabled\" aria-disabled=\"true\">Next</span>\n    {{- end -}}\n  </nav>\n{{- end -}}\n";
 //#endregion
 //#region src/services/export-theme/layouts/partials/post-card.html?raw
-var post_card_default = "{{- $post := . -}}\n{{- $format := $post.Params.format | default \"note\" -}}\n{{- $summaryText := $post.Params.summary_text -}}\n{{- $media := $post.Params.media | default slice -}}\n{{- $collections := $post.Params.collections | default slice -}}\n{{- $slug := $post.Params.slug | default $post.Slug -}}\n{{- $linkUrl := $post.Params.link_url -}}\n<article class=\"post-card post-card-{{ $format }}\" data-format=\"{{ $format }}\" data-slug=\"{{ $slug }}\"\n  {{- if $post.Params.pinned_at }} data-post-pinned{{ end -}}\n  {{- if $post.Params.featured_at }} data-post-featured{{ end -}}\n>\n  {{- if eq $format \"link\" -}}\n    {{- if $linkUrl -}}\n      {{- $domain := \"\" -}}\n      {{- with urls.Parse $linkUrl -}}{{- $domain = .Host -}}{{- end -}}\n      {{- if $domain -}}\n        <a href=\"{{ $linkUrl }}\" class=\"post-card-link-domain\" rel=\"noopener noreferrer\" target=\"_blank\">\n          <svg class=\"post-card-link-domain-icon\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"2\" stroke=\"currentColor\" aria-hidden=\"true\">\n            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M13.5 6H5.25A2.25 2.25 0 0 0 3 8.25v10.5A2.25 2.25 0 0 0 5.25 21h10.5A2.25 2.25 0 0 0 18 18.75V10.5m-10.5 6L21 3m0 0h-5.25M21 3v5.25\" />\n          </svg>\n          <span>{{ $domain }}</span>\n        </a>\n      {{- end -}}\n    {{- end -}}\n    {{- if and $post.Title $linkUrl -}}\n      <h2 class=\"post-card-title post-card-link-title\">\n        <a href=\"{{ $linkUrl }}\" rel=\"noopener noreferrer\" target=\"_blank\">{{ $post.Title }}</a>\n      </h2>\n    {{- else if $post.Title -}}\n      <h2 class=\"post-card-title post-card-link-title\"><a href=\"{{ $post.RelPermalink }}\">{{ $post.Title }}</a></h2>\n    {{- end -}}\n    {{- /* Prefer Hugo's rendered HTML body — preserves paragraphs, links,\n         emphasis, lists. Falls back to the plain-text `summary_text` stored\n         in front matter. */ -}}\n    {{- if $post.Summary -}}\n      <div class=\"post-card-summary prose\">{{ $post.Summary }}</div>\n    {{- else if $summaryText -}}\n      <p class=\"post-card-summary\">{{ $summaryText }}</p>\n    {{- end -}}\n  {{- else if eq $format \"quote\" -}}\n    <blockquote class=\"post-card-quote\">\n      {{- with $post.Params.quote_text -}}\n        <span class=\"post-card-quote-mark\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 96 96\" role=\"presentation\" focusable=\"false\">\n            <path fill=\"currentColor\" d=\"M24.4 10.5C16.9 17.7 11.5 26.8 8.2 37.7C4.9 48.7 4.8 58.9 7.8 68.2C10.3 75.7 15.4 79.5 22.9 79.5C28 79.5 32.2 77.8 35.4 74.2C38.6 70.7 40.2 66.5 40.2 61.4C40.2 56.5 38.8 52.6 36 49.6C33.3 46.6 29.7 45.1 25.2 45.1C23.4 45.1 21.8 45.3 20.2 45.8C22.2 37.3 26.7 29.2 33.6 21.4L24.4 10.5Z\" />\n            <path fill=\"currentColor\" d=\"M60.8 10.5C53.3 17.7 47.9 26.8 44.6 37.7C41.3 48.7 41.2 58.9 44.2 68.2C46.7 75.7 51.8 79.5 59.3 79.5C64.4 79.5 68.6 77.8 71.8 74.2C75 70.7 76.6 66.5 76.6 61.4C76.6 56.5 75.2 52.6 72.4 49.6C69.7 46.6 66.1 45.1 61.6 45.1C59.8 45.1 58.2 45.3 56.6 45.8C58.6 37.3 63.1 29.2 70 21.4L60.8 10.5Z\" />\n          </svg>\n        </span>\n        <div class=\"post-card-quote-content\">{{ . }}</div>\n      {{- end -}}\n      {{- if or $post.Params.source_name $post.Params.source_url -}}\n        <div class=\"post-card-quote-attribution\">\n          {{- if and $post.Params.source_name $post.Params.source_url -}}\n            <a href=\"{{ $post.Params.source_url }}\" class=\"post-card-quote-source\" rel=\"noopener noreferrer\" target=\"_blank\">{{ $post.Params.source_name }}</a>\n          {{- else if $post.Params.source_name -}}\n            <span class=\"post-card-quote-source\">{{ $post.Params.source_name }}</span>\n          {{- else -}}\n            {{- $sourceDomain := \"\" -}}\n            {{- with urls.Parse $post.Params.source_url -}}\n              {{- $sourceDomain = .Host | replaceRE \"^(?:www|m|mobile)\\\\.\" \"\" -}}\n            {{- end -}}\n            <a href=\"{{ $post.Params.source_url }}\" class=\"post-card-quote-source\" rel=\"noopener noreferrer\" target=\"_blank\">{{ or $sourceDomain $post.Params.source_url }}</a>\n          {{- end -}}\n        </div>\n      {{- end -}}\n    </blockquote>\n    {{- /* Quote commentary comes ONLY from the post body (rendered via\n         `.Summary`). Do NOT fall back to `summary_text` — for quote posts,\n         `summary_text` in front matter is the quote text itself (see\n         `getArchiveSummaryText`), which would duplicate the quote body. */ -}}\n    {{- with $post.Summary -}}\n      <div class=\"post-card-quote-commentary prose\">{{ . }}</div>\n    {{- end -}}\n  {{- else -}}\n    {{- with $post.Title -}}\n      <h2 class=\"post-card-title\"><a href=\"{{ $post.RelPermalink }}\">{{ . }}</a></h2>\n    {{- end -}}\n    {{- /* Prefer Hugo's rendered HTML summary — preserves paragraphs, links,\n         emphasis, lists. Falls back to the plain-text `summary_text` stored\n         in front matter (used for quote bodies, OG meta, etc.). */ -}}\n    {{- if $post.Summary -}}\n      <div class=\"post-card-summary prose\">{{ $post.Summary }}</div>\n    {{- else if $summaryText -}}\n      <p class=\"post-card-summary\">{{ $summaryText }}</p>\n    {{- end -}}\n  {{- end -}}\n\n  {{ partial \"media-gallery.html\" (dict \"media\" $media \"permalink\" $post.RelPermalink) }}\n\n  <footer class=\"post-card-footer post-menu-footer\" data-post-meta>\n    <div class=\"post-footer-meta\">\n      {{- if $post.Params.featured_at -}}\n        <span class=\"post-footer-featured\" aria-label=\"Featured\">\n          <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.35\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n            <path d=\"M12 3 10.1 10.1 3 12l7.1 1.9L12 21l1.9-7.1L21 12l-7.1-1.9Z\" />\n          </svg>\n        </span>\n      {{- end -}}\n      <a class=\"post-footer-link post-card-permalink\" href=\"{{ $post.RelPermalink }}\">\n        <time datetime=\"{{ $post.Date.Format \"2006-01-02T15:04:05Z07:00\" }}\">\n          {{ $post.Date.Format \"Jan 2, 2006\" }}\n        </time>\n      </a>\n      {{- if and (eq $format \"link\") $linkUrl -}}\n        <a href=\"{{ $linkUrl }}\" class=\"post-footer-external-link\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Open external link\">\n          <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n            <path d=\"M7 17 17 7\" />\n            <path d=\"M9 7h8v8\" />\n          </svg>\n        </a>\n      {{- end -}}\n      {{- if $collections -}}\n        <span class=\"post-collection-tags\">\n          {{- range $i, $c := $collections -}}\n            {{- if gt $i 0 -}}<span class=\"post-collection-sep\" aria-hidden=\"true\">, </span>{{- end -}}\n            <a class=\"post-collection-tag\" href=\"{{ printf \"/%s/\" .slug | relURL }}\">\n              <span class=\"post-collection-tag-text\">{{ .title }}</span>\n            </a>\n          {{- end -}}\n        </span>\n      {{- end -}}\n      {{- if $post.Params.pinned_at -}}\n        <span class=\"post-card-pin\" aria-label=\"Pinned\">Pinned</span>\n      {{- end -}}\n    </div>\n  </footer>\n</article>\n";
+var post_card_default = "{{- $post := . -}}\n{{- $format := $post.Params.format | default \"note\" -}}\n{{- $summaryText := $post.Params.summary_text -}}\n{{- $media := $post.Params.media | default slice -}}\n{{- $collections := $post.Params.collections | default slice -}}\n{{- $slug := $post.Params.slug | default $post.Slug -}}\n{{- $linkUrl := $post.Params.link_url -}}\n{{- /* A reply is not rendered as a page (`build: render: never`), so its\n     `.RelPermalink` is empty. The exporter registers every reply slug as an\n     alias on the root, and that alias is the address a reply has. */ -}}\n{{- $permalink := $post.RelPermalink | default (printf \"/%s/\" $slug | relURL) -}}\n<article class=\"post-card post-card-{{ $format }}\" data-format=\"{{ $format }}\" data-slug=\"{{ $slug }}\"\n  {{- if $post.Params.pinned_at }} data-post-pinned{{ end -}}\n  {{- if $post.Params.featured_at }} data-post-featured{{ end -}}\n>\n  {{- if eq $format \"link\" -}}\n    {{- if $linkUrl -}}\n      {{- $domain := \"\" -}}\n      {{- with urls.Parse $linkUrl -}}{{- $domain = .Host -}}{{- end -}}\n      {{- if $domain -}}\n        <a href=\"{{ $linkUrl }}\" class=\"post-card-link-domain\" rel=\"noopener noreferrer\" target=\"_blank\">\n          <svg class=\"post-card-link-domain-icon\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"2\" stroke=\"currentColor\" aria-hidden=\"true\">\n            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M13.5 6H5.25A2.25 2.25 0 0 0 3 8.25v10.5A2.25 2.25 0 0 0 5.25 21h10.5A2.25 2.25 0 0 0 18 18.75V10.5m-10.5 6L21 3m0 0h-5.25M21 3v5.25\" />\n          </svg>\n          <span>{{ $domain }}</span>\n        </a>\n      {{- end -}}\n    {{- end -}}\n    {{- if and $post.Title $linkUrl -}}\n      <h2 class=\"post-card-title post-card-link-title\">\n        <a href=\"{{ $linkUrl }}\" rel=\"noopener noreferrer\" target=\"_blank\">{{ $post.Title }}</a>\n      </h2>\n    {{- else if $post.Title -}}\n      <h2 class=\"post-card-title post-card-link-title\"><a href=\"{{ $permalink }}\">{{ $post.Title }}</a></h2>\n    {{- end -}}\n    {{- /* Prefer Hugo's rendered HTML body — preserves paragraphs, links,\n         emphasis, lists. Falls back to the plain-text `summary_text` stored\n         in front matter. */ -}}\n    {{- if $post.Summary -}}\n      <div class=\"post-card-summary prose\">{{ $post.Summary }}</div>\n    {{- else if $summaryText -}}\n      <p class=\"post-card-summary\">{{ $summaryText }}</p>\n    {{- end -}}\n  {{- else if eq $format \"quote\" -}}\n    <blockquote class=\"post-card-quote\">\n      {{- with $post.Params.quote_text -}}\n        <span class=\"post-card-quote-mark\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 96 96\" role=\"presentation\" focusable=\"false\">\n            <path fill=\"currentColor\" d=\"M24.4 10.5C16.9 17.7 11.5 26.8 8.2 37.7C4.9 48.7 4.8 58.9 7.8 68.2C10.3 75.7 15.4 79.5 22.9 79.5C28 79.5 32.2 77.8 35.4 74.2C38.6 70.7 40.2 66.5 40.2 61.4C40.2 56.5 38.8 52.6 36 49.6C33.3 46.6 29.7 45.1 25.2 45.1C23.4 45.1 21.8 45.3 20.2 45.8C22.2 37.3 26.7 29.2 33.6 21.4L24.4 10.5Z\" />\n            <path fill=\"currentColor\" d=\"M60.8 10.5C53.3 17.7 47.9 26.8 44.6 37.7C41.3 48.7 41.2 58.9 44.2 68.2C46.7 75.7 51.8 79.5 59.3 79.5C64.4 79.5 68.6 77.8 71.8 74.2C75 70.7 76.6 66.5 76.6 61.4C76.6 56.5 75.2 52.6 72.4 49.6C69.7 46.6 66.1 45.1 61.6 45.1C59.8 45.1 58.2 45.3 56.6 45.8C58.6 37.3 63.1 29.2 70 21.4L60.8 10.5Z\" />\n          </svg>\n        </span>\n        <div class=\"post-card-quote-content\">{{ . }}</div>\n      {{- end -}}\n      {{- if or $post.Params.source_name $post.Params.source_url -}}\n        <div class=\"post-card-quote-attribution\">\n          {{- if and $post.Params.source_name $post.Params.source_url -}}\n            <a href=\"{{ $post.Params.source_url }}\" class=\"post-card-quote-source\" rel=\"noopener noreferrer\" target=\"_blank\">{{ $post.Params.source_name }}</a>\n          {{- else if $post.Params.source_name -}}\n            <span class=\"post-card-quote-source\">{{ $post.Params.source_name }}</span>\n          {{- else -}}\n            {{- $sourceDomain := \"\" -}}\n            {{- with urls.Parse $post.Params.source_url -}}\n              {{- $sourceDomain = .Host | replaceRE \"^(?:www|m|mobile)\\\\.\" \"\" -}}\n            {{- end -}}\n            <a href=\"{{ $post.Params.source_url }}\" class=\"post-card-quote-source\" rel=\"noopener noreferrer\" target=\"_blank\">{{ or $sourceDomain $post.Params.source_url }}</a>\n          {{- end -}}\n        </div>\n      {{- end -}}\n    </blockquote>\n    {{- /* Quote commentary comes ONLY from the post body (rendered via\n         `.Summary`). Do NOT fall back to `summary_text` — for quote posts,\n         `summary_text` in front matter is the quote text itself (see\n         `getArchiveSummaryText`), which would duplicate the quote body. */ -}}\n    {{- with $post.Summary -}}\n      <div class=\"post-card-quote-commentary prose\">{{ . }}</div>\n    {{- end -}}\n  {{- else -}}\n    {{- with $post.Title -}}\n      <h2 class=\"post-card-title\"><a href=\"{{ $permalink }}\">{{ . }}</a></h2>\n    {{- end -}}\n    {{- /* Prefer Hugo's rendered HTML summary — preserves paragraphs, links,\n         emphasis, lists. Falls back to the plain-text `summary_text` stored\n         in front matter (used for quote bodies, OG meta, etc.). */ -}}\n    {{- if $post.Summary -}}\n      <div class=\"post-card-summary prose\">{{ $post.Summary }}</div>\n    {{- else if $summaryText -}}\n      <p class=\"post-card-summary\">{{ $summaryText }}</p>\n    {{- end -}}\n  {{- end -}}\n\n  {{ partial \"media-gallery.html\" (dict \"media\" $media \"permalink\" $permalink) }}\n\n  <footer class=\"post-card-footer post-menu-footer\" data-post-meta>\n    <div class=\"post-footer-meta\">\n      {{- if $post.Params.featured_at -}}\n        <span class=\"post-footer-featured\" aria-label=\"Featured\">\n          <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.35\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n            <path d=\"M12 3 10.1 10.1 3 12l7.1 1.9L12 21l1.9-7.1L21 12l-7.1-1.9Z\" />\n          </svg>\n        </span>\n      {{- end -}}\n      <a class=\"post-footer-link post-card-permalink\" href=\"{{ $permalink }}\">\n        <time datetime=\"{{ $post.Date.Format \"2006-01-02T15:04:05Z07:00\" }}\">\n          {{ $post.Date.Format \"Jan 2, 2006\" }}\n        </time>\n      </a>\n      {{- if and (eq $format \"link\") $linkUrl -}}\n        <a href=\"{{ $linkUrl }}\" class=\"post-footer-external-link\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Open external link\">\n          <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n            <path d=\"M7 17 17 7\" />\n            <path d=\"M9 7h8v8\" />\n          </svg>\n        </a>\n      {{- end -}}\n      {{- if $collections -}}\n        <span class=\"post-collection-tags\">\n          {{- range $i, $c := $collections -}}\n            {{- if gt $i 0 -}}<span class=\"post-collection-sep\" aria-hidden=\"true\">, </span>{{- end -}}\n            <a class=\"post-collection-tag\" href=\"{{ printf \"/%s/\" .slug | relURL }}\">\n              <span class=\"post-collection-tag-text\">{{ .title }}</span>\n            </a>\n          {{- end -}}\n        </span>\n      {{- end -}}\n      {{- if $post.Params.pinned_at -}}\n        <span class=\"post-card-pin\" aria-label=\"Pinned\">Pinned</span>\n      {{- end -}}\n    </div>\n  </footer>\n</article>\n";
 //#endregion
 //#region src/services/export-theme/layouts/partials/media-gallery.html?raw
-var media_gallery_default = "{{- /*\n  Media gallery — unified horizontal scroll row mirroring main-site MediaGallery.tsx.\n  Emits images, videos, audio cards, documents, and text attachments in the\n  post's stored `media` order (already sorted by position in the exporter).\n\n  Lightbox: images and videos get `[data-lightbox-index]` pointers into a\n  JSON blob on `[data-post-media]`. The client-site bundle's\n  `<jant-media-lightbox>` delegates clicks on those anchors.\n\n  Layout: mirrors MediaGallery.tsx — one horizontal row with a computed\n  `rowHeight` (driven by the first visual's aspect ratio) so mixed sizes\n  align into a clean strip. Single-visual posts expand to their natural\n  aspect ratio (capped at 24rem / 85% width). Non-visual attachments\n  (audio/doc/text) use a 3:4 portrait card sized to the row height.\n\n  Inline styles (not Tailwind utilities) because the exported theme ships\n  no utility CSS — only tokens.css + main.css + theme.css + site-media.css.\n\n  Context: expects `.` to be a dict with `media` (the slice) and optional\n  `permalink` for future use. Caller should pass\n  `(dict \"media\" .Params.media \"permalink\" .RelPermalink)`.\n*/ -}}\n\n{{- $media := .media | default slice -}}\n{{- if $media -}}\n  {{- /* Collect items + build lightbox group from images/videos */ -}}\n  {{- $items := slice -}}\n  {{- $lightbox := slice -}}\n  {{- $lbIdx := 0 -}}\n  {{- $hasNonVisual := false -}}\n  {{- $firstRatio := 0.0 -}}\n  {{- range $media -}}\n    {{- $kind := .kind | default \"file\" -}}\n    {{- $item := . -}}\n    {{- if or (eq $kind \"image\") (eq $kind \"video\") -}}\n      {{- $lbEntry := dict \"url\" .src \"alt\" (.alt | default \"\") -}}\n      {{- with .id }}{{- $lbEntry = merge $lbEntry (dict \"id\" .) -}}{{- end -}}\n      {{- with .width }}{{- $lbEntry = merge $lbEntry (dict \"width\" .) -}}{{- end -}}\n      {{- with .height }}{{- $lbEntry = merge $lbEntry (dict \"height\" .) -}}{{- end -}}\n      {{- if eq $kind \"video\" -}}\n        {{- with $item.mime_type }}{{- $lbEntry = merge $lbEntry (dict \"mimeType\" .) -}}{{- end -}}\n        {{- with $item.poster }}{{- $lbEntry = merge $lbEntry (dict \"posterUrl\" .) -}}{{- end -}}\n        {{- with $item.duration_seconds }}{{- $lbEntry = merge $lbEntry (dict \"durationSeconds\" .) -}}{{- end -}}\n        {{- with $item.size }}{{- $lbEntry = merge $lbEntry (dict \"size\" .) -}}{{- end -}}\n      {{- end -}}\n      {{- $lightbox = $lightbox | append $lbEntry -}}\n      {{- $items = $items | append (merge $item (dict \"_kind\" $kind \"_lbIdx\" $lbIdx)) -}}\n      {{- $lbIdx = add $lbIdx 1 -}}\n      {{- /* Capture first visual's aspect ratio */ -}}\n      {{- if and (eq $firstRatio 0.0) $item.width $item.height (gt (float $item.width) 0.0) (gt (float $item.height) 0.0) -}}\n        {{- $firstRatio = div (float $item.width) (float $item.height) -}}\n      {{- end -}}\n    {{- else -}}\n      {{- $items = $items | append (merge $item (dict \"_kind\" $kind)) -}}\n      {{- $hasNonVisual = true -}}\n    {{- end -}}\n  {{- end -}}\n\n  {{- $count := len $items -}}\n  {{- $single := eq $count 1 -}}\n  {{- $first := index $items 0 -}}\n  {{- $firstKind := $first._kind -}}\n  {{- $singleVisual := and $single (or (eq $firstKind \"image\") (eq $firstKind \"video\")) -}}\n\n  {{- /* rowHeight — mirrors MediaGallery.tsx. 4/3 fallback when no visuals. */ -}}\n  {{- $rowMin := cond $hasNonVisual 220 280 -}}\n  {{- $rowMax := cond $hasNonVisual 300 440 -}}\n  {{- $rowHeight := cond $hasNonVisual 220 360 -}}\n  {{- if and (not $singleVisual) (gt $count 1) (gt $firstRatio 0.0) -}}\n    {{- $ratio := cond (lt $firstRatio 0.5) 0.5 $firstRatio -}}\n    {{- $computed := math.Round (div 320.0 $ratio) -}}\n    {{- $rowHeight = cond (gt $computed $rowMax) $rowMax (cond (lt $computed $rowMin) $rowMin (int $computed)) -}}\n  {{- end -}}\n  {{- $docCardWidth := int (math.Round (mul (float $rowHeight) 0.75)) -}}\n\n  {{- /* Outer wrapper — keeps the media-gallery-scroll-wrap hooks for the\n         fade-mask client script in the non-single case. */ -}}\n  {{- $wrapClass := cond $singleVisual \"\" \"media-gallery-scroll-wrap\" -}}\n  <div class=\"{{ $wrapClass }}\" style=\"margin-top: 0.75rem;\">\n    <div data-post-media\n      {{- if $lightbox }} data-lightbox-group=\"{{ $lightbox | jsonify }}\"{{- end -}}\n      {{- if not $singleVisual }} tabindex=\"0\" role=\"group\" aria-label=\"Media gallery\"{{- end -}}\n      style=\"display: flex; gap: 0.5rem;\n        {{- if not $singleVisual }} overflow-x: auto; scroll-behavior: smooth; scrollbar-width: none; -ms-overflow-style: none;{{- end }}\">\n      {{- range $items -}}\n        {{- $k := ._kind -}}\n        {{- /* Per-item width for non-single visuals */ -}}\n        {{- $itemRatio := 1.3333 -}}\n        {{- if and .width .height (gt (float .width) 0.0) (gt (float .height) 0.0) -}}\n          {{- $itemRatio = div (float .width) (float .height) -}}\n        {{- end -}}\n        {{- $itemWidth := int (math.Round (mul (float $rowHeight) $itemRatio)) -}}\n        {{- if lt $itemWidth 160 -}}{{- $itemWidth = 160 -}}{{- end -}}\n\n        {{- if eq $k \"image\" -}}\n          {{- if $singleVisual -}}\n            <a href=\"{{ .src }}\" data-lightbox-index=\"{{ ._lbIdx }}\"\n              class=\"media-visual-frame\"\n              style=\"display: block; width: min(100%, calc(24rem * {{ printf \"%.4f\" $itemRatio }})); max-width: 100%;\">\n              <img src=\"{{ .src }}\" alt=\"{{ .alt | default \"\" }}\"\n                {{- with .width }} width=\"{{ . }}\"{{- end -}}\n                {{- with .height }} height=\"{{ . }}\"{{- end }}\n                loading=\"lazy\" decoding=\"async\"\n                class=\"media-visual\"\n                style=\"display: block; width: 100%; height: auto; border-radius: 0.5rem;\n                  {{- if and .width .height }} aspect-ratio: {{ .width }}/{{ .height }};{{- end }}\">\n            </a>\n          {{- else -}}\n            <a href=\"{{ .src }}\" data-lightbox-index=\"{{ ._lbIdx }}\"\n              class=\"media-visual-frame\"\n              style=\"display: block; flex-shrink: 0; width: {{ $itemWidth }}px; max-width: 85%;\">\n              <img src=\"{{ .src }}\" alt=\"{{ .alt | default \"\" }}\"\n                {{- with .width }} width=\"{{ . }}\"{{- end -}}\n                {{- with .height }} height=\"{{ . }}\"{{- end }}\n                loading=\"lazy\" decoding=\"async\"\n                class=\"media-visual\"\n                style=\"display: block; width: 100%; height: {{ $rowHeight }}px; object-fit: cover;\">\n            </a>\n          {{- end -}}\n        {{- else if eq $k \"video\" -}}\n          {{- $isShort := false -}}\n          {{- if and .mime_type (hasPrefix .mime_type \"video/\") .duration_seconds -}}\n            {{- if and (le (int .duration_seconds) 15) (or (not .size) (le (int .size) 12582912)) -}}\n              {{- $isShort = true -}}\n            {{- end -}}\n          {{- end -}}\n          {{- $videoWrapStyle := \"position: relative;\" -}}\n          {{- if $singleVisual -}}\n            {{- $videoWrapStyle = printf \"%s display: block; width: min(100%%, calc(24rem * %s)); max-width: 100%%;\" $videoWrapStyle (printf \"%.4f\" $itemRatio) -}}\n          {{- else -}}\n            {{- $videoWrapStyle = printf \"%s display: block; flex-shrink: 0; width: %dpx; max-width: 85%%;\" $videoWrapStyle $itemWidth -}}\n          {{- end -}}\n          {{- $videoStyle := cond $singleVisual\n              (cond (and (gt (int (default 0 .width)) 0) (gt (int (default 0 .height)) 0))\n                (printf \"display: block; width: 100%%; height: auto; aspect-ratio: %d/%d;\" (int .width) (int .height))\n                \"display: block; width: 100%; height: auto;\")\n              (printf \"display: block; width: 100%%; height: %dpx; object-fit: cover;\" $rowHeight) -}}\n          {{- if $isShort -}}\n            <div class=\"media-video-wrap media-video-wrap-short\" style=\"{{ $videoWrapStyle | safeCSS }}\">\n              <a href=\"{{ .src }}\" data-lightbox-index=\"{{ ._lbIdx }}\" class=\"media-visual-frame media-video-link\" style=\"display: block; cursor: pointer;\">\n                <video preload=\"none\" muted playsinline loop\n                  {{- with .poster }} poster=\"{{ . }}\"{{- end -}}\n                  {{- with .width }} width=\"{{ . }}\"{{- end -}}\n                  {{- with .height }} height=\"{{ . }}\"{{- end }}\n                  data-feed-short-video=\"\"\n                  data-video-src=\"{{ .src }}\"\n                  data-feed-video-id=\"{{ .id }}\"\n                  class=\"media-visual\"\n                  style=\"{{ $videoStyle | safeCSS }}\"></video>\n              </a>\n              <button type=\"button\" class=\"media-feed-video-mute\" data-feed-video-mute-toggle data-muted=\"true\" aria-label=\"Play with sound\">\n                <svg class=\"media-feed-video-icon media-feed-video-icon-muted\" width=\"12\" height=\"12\" viewBox=\"0 0 48 48\" fill=\"currentColor\" aria-hidden=\"true\">\n                  <path d=\"M1.5 13.3c-.8 0-1.5.7-1.5 1.5v18.4c0 .8.7 1.5 1.5 1.5h8.7l12.9 12.9c.9.9 2.5.3 2.5-1v-9.8c0-.4-.2-.8-.4-1.1l-22-22c-.3-.3-.7-.4-1.1-.4h-.6zm46.8 31.4-5.5-5.5C44.9 36.6 48 31.4 48 24c0-11.4-7.2-17.4-7.2-17.4-.6-.6-1.6-.6-2.2 0L37.2 8c-.6.6-.6 1.6 0 2.2 0 0 5.7 5 5.7 13.8 0 5.4-2.1 9.3-3.8 11.6L35.5 32c1.1-1.7 2.3-4.4 2.3-8 0-6.8-4.1-10.3-4.1-10.3-.6-.6-1.6-.6-2.2 0l-1.4 1.4c-.6.6-.6 1.6 0 2.2 0 0 2.6 2 2.6 6.7 0 1.8-.4 3.2-.9 4.3L25.5 22V1.4c0-1.3-1.6-1.9-2.5-1L13.5 10 3.3-.3c-.6-.6-1.5-.6-2.1 0L-.2 1.1c-.6.6-.6 1.5 0 2.1L4 7.6l26.8 26.8 13.9 13.9c.6.6 1.5.6 2.1 0l1.4-1.4c.7-.6.7-1.6.1-2.2z\"/>\n                </svg>\n                <svg class=\"media-feed-video-icon media-feed-video-icon-unmuted\" width=\"12\" height=\"12\" viewBox=\"0 0 48 48\" fill=\"currentColor\" aria-hidden=\"true\">\n                  <path d=\"M1.5 13.3c-.8 0-1.5.7-1.5 1.5v18.4c0 .8.7 1.5 1.5 1.5h8.7l12.9 12.9c.9.9 2.5.3 2.5-1V1.4c0-1.3-1.6-1.9-2.5-1L10.2 13.3H1.5z\"/>\n                  <path d=\"M30.1 15.9c-.6-.6-.6-1.6 0-2.2l1.4-1.4c.6-.6 1.6-.6 2.2 0 0 0 4.1 3.5 4.1 11.7s-4.1 11.7-4.1 11.7c-.6.6-1.6.6-2.2 0l-1.4-1.4c-.6-.6-.6-1.6 0-2.2 0 0 2.6-2 2.6-8.1s-2.6-8.1-2.6-8.1z\"/>\n                  <path d=\"M37.2 8c-.6-.6-.6-1.6 0-2.2l1.4-1.4c.6-.6 1.6-.6 2.2 0 0 0 5.7 5.1 5.7 19.6s-5.7 19.6-5.7 19.6c-.6.6-1.6.6-2.2 0L37.2 42c-.6-.6-.6-1.6 0-2.2 0 0 4.3-4.4 4.3-15.8S37.2 8 37.2 8z\"/>\n                </svg>\n              </button>\n            </div>\n          {{- else -}}\n            <a href=\"{{ .src }}\" data-lightbox-index=\"{{ ._lbIdx }}\"\n              class=\"media-video-wrap media-visual-frame\"\n              style=\"{{ $videoWrapStyle | safeCSS }}\">\n              <video preload=\"none\" muted playsinline\n                {{- with .poster }} poster=\"{{ . }}\"{{- end -}}\n                {{- with .width }} width=\"{{ . }}\"{{- end -}}\n                {{- with .height }} height=\"{{ . }}\"{{- end }}\n                class=\"media-visual\"\n                style=\"{{ $videoStyle | safeCSS }}\"></video>\n              <div class=\"media-video-play-overlay\">\n                <svg viewBox=\"0 0 24 24\" fill=\"white\"><path d=\"M8 5v14l11-7z\"/></svg>\n              </div>\n            </a>\n          {{- end -}}\n        {{- else if eq $k \"audio\" -}}\n          {{- $audioName := .original_name | default (.alt | default \"Audio\") -}}\n          <div class=\"media-gallery-card media-audio-card{{ if .waveform }} has-waveform{{ end }}\"\n            style=\"flex-shrink: 0; width: {{ $docCardWidth }}px; height: {{ $rowHeight }}px;\">\n            <audio preload=\"none\" class=\"media-audio-el\">\n              <source src=\"{{ .src }}\"{{ with .mime_type }} type=\"{{ . }}\"{{ end }}>\n            </audio>\n            <div class=\"media-audio-artwork\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <path d=\"M9 18V5l12-2v13\"/>\n                <circle cx=\"6\" cy=\"18\" r=\"3\"/>\n                <circle cx=\"18\" cy=\"16\" r=\"3\"/>\n              </svg>\n            </div>\n            <div class=\"media-audio-controls\">\n              <input type=\"range\" min=\"0\" max=\"1000\" value=\"0\" class=\"media-audio-range\" data-audio-range aria-label=\"Seek\">\n              <canvas class=\"media-audio-waveform\" data-audio-waveform{{ with .waveform }} data-audio-peaks=\"{{ . }}\"{{ end }}></canvas>\n              <div class=\"media-audio-row\">\n                <div class=\"media-audio-info\">\n                  <div class=\"media-audio-title\" title=\"{{ $audioName }}\">{{ $audioName }}</div>\n                  <div class=\"media-audio-time\" data-audio-time>0:00</div>\n                </div>\n                <button type=\"button\" class=\"media-audio-play-btn\" data-audio-play aria-label=\"Play\">\n                  <svg class=\"media-audio-icon-play\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M8 5v14l11-7z\"/></svg>\n                  <svg class=\"media-audio-icon-pause\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M6 4h4v16H6zM14 4h4v16h-4z\"/></svg>\n                </button>\n              </div>\n            </div>\n          </div>\n        {{- else if eq $k \"text\" -}}\n          {{- /* Static site has no text-preview modal — link direct to file. */ -}}\n          {{- $label := .summary | default (.original_name | default \"Attached text\") -}}\n          <a href=\"{{ .src }}\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"media-gallery-card\"\n            style=\"flex-shrink: 0; width: {{ $docCardWidth }}px; height: {{ $rowHeight }}px;\">\n            <div class=\"media-gallery-card-inner\">\n              <div class=\"media-gallery-card-icon\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" width=\"24\" height=\"24\" aria-hidden=\"true\">\n                  <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"/>\n                  <polyline points=\"14 2 14 8 20 8\"/>\n                  <line x1=\"8\" y1=\"13\" x2=\"16\" y2=\"13\"/>\n                  <line x1=\"8\" y1=\"17\" x2=\"16\" y2=\"17\"/>\n                </svg>\n              </div>\n              <span class=\"media-gallery-card-summary\">{{ $label }}</span>\n              {{- with .chars -}}\n                <span class=\"media-gallery-card-meta\">{{ . }} chars</span>\n              {{- end -}}\n            </div>\n          </a>\n        {{- else -}}\n          {{- /* document / file */ -}}\n          {{- $label := .original_name | default (path.Base .src) -}}\n          <a href=\"{{ .src }}\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"media-gallery-card\"\n            style=\"flex-shrink: 0; width: {{ $docCardWidth }}px; height: {{ $rowHeight }}px;\">\n            <div class=\"media-gallery-card-inner\">\n              <div class=\"media-gallery-card-icon\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" width=\"24\" height=\"24\" aria-hidden=\"true\">\n                  <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"/>\n                  <polyline points=\"14 2 14 8 20 8\"/>\n                </svg>\n              </div>\n              <span class=\"media-gallery-card-summary\">{{ $label }}</span>\n              {{- with .size -}}\n                <span class=\"media-gallery-card-meta\">{{ . }} B</span>\n              {{- end -}}\n            </div>\n          </a>\n        {{- end -}}\n      {{- end -}}\n    </div>\n    {{- if not $singleVisual -}}\n      <button type=\"button\" class=\"media-gallery-nav media-gallery-nav-prev\" tabindex=\"-1\" aria-label=\"Scroll to previous media\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M15 18l-6-6 6-6\"/></svg>\n      </button>\n      <button type=\"button\" class=\"media-gallery-nav media-gallery-nav-next\" tabindex=\"-1\" aria-label=\"Scroll to next media\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M9 18l6-6-6-6\"/></svg>\n      </button>\n    {{- end -}}\n  </div>\n{{- end -}}\n";
+var media_gallery_default = "{{- /*\n  Media gallery — unified horizontal scroll row mirroring main-site MediaGallery.tsx.\n  Emits images, videos, audio cards, documents, and text attachments in the\n  post's stored `media` order (already sorted by position in the exporter).\n\n  Lightbox: images and videos get `[data-lightbox-index]` pointers into a\n  JSON blob on `[data-post-media]`. The client-site bundle's\n  `<jant-media-lightbox>` delegates clicks on those anchors.\n\n  Layout: mirrors MediaGallery.tsx — one horizontal row with a computed\n  `rowHeight` so mixed sizes align into a clean strip. The opening visual\n  leads (320px / its ratio), the widest visual is held to 520px so a landscape\n  video never swallows the column, and the result is clamped to 240–384px —\n  384 being the same 24rem cap a lone visual gets, so a second attachment\n  never makes the first picture grow. Non-visual attachments (audio/doc/text)\n  do not enter that math; their 3:4 portrait cards are sized from its result.\n  Single-visual posts skip the strip and expand to their natural aspect ratio\n  (capped at 24rem / 85% width).\n\n  Inline styles (not Tailwind utilities) because the exported theme ships\n  no utility CSS — only tokens.css + main.css + theme.css + site-media.css.\n\n  Context: expects `.` to be a dict with `media` (the slice) and optional\n  `permalink` for future use. Caller should pass\n  `(dict \"media\" .Params.media \"permalink\" .RelPermalink)`.\n*/ -}}\n\n{{- $media := .media | default slice -}}\n{{- if $media -}}\n  {{- /* Collect items + build lightbox group from images/videos */ -}}\n  {{- $items := slice -}}\n  {{- $lightbox := slice -}}\n  {{- $lbIdx := 0 -}}\n  {{- $visualRatios := slice -}}\n  {{- range $media -}}\n    {{- $kind := .kind | default \"file\" -}}\n    {{- $item := . -}}\n    {{- if or (eq $kind \"image\") (eq $kind \"video\") -}}\n      {{- $lbEntry := dict \"url\" .src \"alt\" (.alt | default \"\") -}}\n      {{- with .id }}{{- $lbEntry = merge $lbEntry (dict \"id\" .) -}}{{- end -}}\n      {{- with .width }}{{- $lbEntry = merge $lbEntry (dict \"width\" .) -}}{{- end -}}\n      {{- with .height }}{{- $lbEntry = merge $lbEntry (dict \"height\" .) -}}{{- end -}}\n      {{- if eq $kind \"video\" -}}\n        {{- with $item.mime_type }}{{- $lbEntry = merge $lbEntry (dict \"mimeType\" .) -}}{{- end -}}\n        {{- with $item.poster }}{{- $lbEntry = merge $lbEntry (dict \"posterUrl\" .) -}}{{- end -}}\n        {{- with $item.duration_seconds }}{{- $lbEntry = merge $lbEntry (dict \"durationSeconds\" .) -}}{{- end -}}\n        {{- with $item.size }}{{- $lbEntry = merge $lbEntry (dict \"size\" .) -}}{{- end -}}\n      {{- end -}}\n      {{- $lightbox = $lightbox | append $lbEntry -}}\n      {{- $items = $items | append (merge $item (dict \"_kind\" $kind \"_lbIdx\" $lbIdx)) -}}\n      {{- $lbIdx = add $lbIdx 1 -}}\n      {{- /* Every visual's aspect ratio, in display order — 4:3 when unknown,\n             matching getMediaAspectRatio() in MediaGallery.tsx. */ -}}\n      {{- $ratio := 1.3333 -}}\n      {{- if and $item.width $item.height (gt (float $item.width) 0.0) (gt (float $item.height) 0.0) -}}\n        {{- $ratio = div (float $item.width) (float $item.height) -}}\n      {{- end -}}\n      {{- $visualRatios = $visualRatios | append $ratio -}}\n    {{- else -}}\n      {{- $items = $items | append (merge $item (dict \"_kind\" $kind)) -}}\n    {{- end -}}\n  {{- end -}}\n\n  {{- $count := len $items -}}\n  {{- $single := eq $count 1 -}}\n  {{- $first := index $items 0 -}}\n  {{- $firstKind := $first._kind -}}\n  {{- $singleVisual := and $single (or (eq $firstKind \"image\") (eq $firstKind \"video\")) -}}\n\n  {{- /* rowHeight — mirrors getGalleryRowHeight() in MediaGallery.tsx. */ -}}\n  {{- $rowMin := 240 -}}\n  {{- $rowMax := 384 -}}\n  {{- $rowHeight := $rowMin -}}\n  {{- if $visualRatios -}}\n    {{- $widest := 0.0 -}}\n    {{- range $visualRatios -}}\n      {{- if gt . $widest }}{{ $widest = . }}{{ end -}}\n    {{- end -}}\n    {{- $byLead := div 320.0 (index $visualRatios 0) -}}\n    {{- $byWidestItem := div 520.0 $widest -}}\n    {{- $computed := math.Round (cond (lt $byWidestItem $byLead) $byWidestItem $byLead) -}}\n    {{- $rowHeight = cond (gt $computed (float $rowMax)) $rowMax (cond (lt $computed (float $rowMin)) $rowMin (int $computed)) -}}\n  {{- end -}}\n  {{- $docCardWidth := int (math.Round (mul (float $rowHeight) 0.75)) -}}\n\n  {{- /* Outer wrapper — keeps the media-gallery-scroll-wrap hooks for the\n         fade-mask client script in the non-single case. */ -}}\n  {{- $wrapClass := cond $singleVisual \"\" \"media-gallery-scroll-wrap\" -}}\n  <div class=\"{{ $wrapClass }}\" style=\"margin-top: 0.75rem;\">\n    <div data-post-media\n      {{- if $lightbox }} data-lightbox-group=\"{{ $lightbox | jsonify }}\"{{- end -}}\n      {{- if not $singleVisual }} tabindex=\"0\" role=\"group\" aria-label=\"Media gallery\"{{- end -}}\n      style=\"display: flex; gap: 0.75rem;\n        {{- if not $singleVisual }} overflow-x: auto; scroll-behavior: smooth; scrollbar-width: none; -ms-overflow-style: none;{{- end }}\">\n      {{- range $items -}}\n        {{- $k := ._kind -}}\n        {{- /* Per-item width for non-single visuals */ -}}\n        {{- $itemRatio := 1.3333 -}}\n        {{- if and .width .height (gt (float .width) 0.0) (gt (float .height) 0.0) -}}\n          {{- $itemRatio = div (float .width) (float .height) -}}\n        {{- end -}}\n        {{- $itemWidth := int (math.Round (mul (float $rowHeight) $itemRatio)) -}}\n        {{- if lt $itemWidth 160 -}}{{- $itemWidth = 160 -}}{{- end -}}\n\n        {{- if eq $k \"image\" -}}\n          {{- if $singleVisual -}}\n            <a href=\"{{ .src }}\" data-lightbox-index=\"{{ ._lbIdx }}\"\n              class=\"media-visual-frame\"\n              style=\"display: block; width: min(100%, calc(24rem * {{ printf \"%.4f\" $itemRatio }})); max-width: 100%;\">\n              <img src=\"{{ .src }}\" alt=\"{{ .alt | default \"\" }}\"\n                {{- with .width }} width=\"{{ . }}\"{{- end -}}\n                {{- with .height }} height=\"{{ . }}\"{{- end }}\n                loading=\"lazy\" decoding=\"async\"\n                class=\"media-visual\"\n                style=\"display: block; width: 100%; height: auto; border-radius: 0.5rem;\n                  {{- if and .width .height }} aspect-ratio: {{ .width }}/{{ .height }};{{- end }}\">\n            </a>\n          {{- else -}}\n            <a href=\"{{ .src }}\" data-lightbox-index=\"{{ ._lbIdx }}\"\n              class=\"media-visual-frame\"\n              style=\"display: block; flex-shrink: 0; width: {{ $itemWidth }}px; max-width: 85%;\">\n              <img src=\"{{ .src }}\" alt=\"{{ .alt | default \"\" }}\"\n                {{- with .width }} width=\"{{ . }}\"{{- end -}}\n                {{- with .height }} height=\"{{ . }}\"{{- end }}\n                loading=\"lazy\" decoding=\"async\"\n                class=\"media-visual\"\n                style=\"display: block; width: 100%; height: {{ $rowHeight }}px; object-fit: cover;\">\n            </a>\n          {{- end -}}\n        {{- else if eq $k \"video\" -}}\n          {{- $isShort := false -}}\n          {{- if and .mime_type (hasPrefix .mime_type \"video/\") .duration_seconds -}}\n            {{- if and (le (int .duration_seconds) 15) (or (not .size) (le (int .size) 12582912)) -}}\n              {{- $isShort = true -}}\n            {{- end -}}\n          {{- end -}}\n          {{- $videoWrapStyle := \"position: relative;\" -}}\n          {{- if $singleVisual -}}\n            {{- $videoWrapStyle = printf \"%s display: block; width: min(100%%, calc(24rem * %s)); max-width: 100%%;\" $videoWrapStyle (printf \"%.4f\" $itemRatio) -}}\n          {{- else -}}\n            {{- $videoWrapStyle = printf \"%s display: block; flex-shrink: 0; width: %dpx; max-width: 85%%;\" $videoWrapStyle $itemWidth -}}\n          {{- end -}}\n          {{- /* Fit travels with the size, as in MediaGallery.tsx, and\n                 site-media.css sets none: a clip in a row is cropped to the\n                 row's height like the pictures beside it; a lone clip is\n                 letterboxed in case its frames disagree with the stored size. */ -}}\n          {{- $videoStyle := cond $singleVisual\n              (cond (and (gt (int (default 0 .width)) 0) (gt (int (default 0 .height)) 0))\n                (printf \"display: block; width: 100%%; height: auto; aspect-ratio: %d/%d; object-fit: contain;\" (int .width) (int .height))\n                \"display: block; width: 100%; height: auto; object-fit: contain;\")\n              (printf \"display: block; width: 100%%; height: %dpx; object-fit: cover;\" $rowHeight) -}}\n          {{- if $isShort -}}\n            <div class=\"media-video-wrap media-video-wrap-short\" style=\"{{ $videoWrapStyle | safeCSS }}\">\n              <a href=\"{{ .src }}\" data-lightbox-index=\"{{ ._lbIdx }}\" class=\"media-visual-frame media-video-link\" style=\"display: block; cursor: pointer;\">\n                <video preload=\"none\" muted playsinline loop\n                  {{- with .poster }} poster=\"{{ . }}\"{{- end -}}\n                  {{- with .width }} width=\"{{ . }}\"{{- end -}}\n                  {{- with .height }} height=\"{{ . }}\"{{- end }}\n                  data-feed-short-video=\"\"\n                  data-video-src=\"{{ .src }}\"\n                  data-feed-video-id=\"{{ .id }}\"\n                  class=\"media-visual\"\n                  style=\"{{ $videoStyle | safeCSS }}\"></video>\n              </a>\n              <button type=\"button\" class=\"media-feed-video-mute\" data-feed-video-mute-toggle data-muted=\"true\" aria-label=\"Play with sound\">\n                <svg class=\"media-feed-video-icon media-feed-video-icon-muted\" width=\"12\" height=\"12\" viewBox=\"0 0 48 48\" fill=\"currentColor\" aria-hidden=\"true\">\n                  <path d=\"M1.5 13.3c-.8 0-1.5.7-1.5 1.5v18.4c0 .8.7 1.5 1.5 1.5h8.7l12.9 12.9c.9.9 2.5.3 2.5-1v-9.8c0-.4-.2-.8-.4-1.1l-22-22c-.3-.3-.7-.4-1.1-.4h-.6zm46.8 31.4-5.5-5.5C44.9 36.6 48 31.4 48 24c0-11.4-7.2-17.4-7.2-17.4-.6-.6-1.6-.6-2.2 0L37.2 8c-.6.6-.6 1.6 0 2.2 0 0 5.7 5 5.7 13.8 0 5.4-2.1 9.3-3.8 11.6L35.5 32c1.1-1.7 2.3-4.4 2.3-8 0-6.8-4.1-10.3-4.1-10.3-.6-.6-1.6-.6-2.2 0l-1.4 1.4c-.6.6-.6 1.6 0 2.2 0 0 2.6 2 2.6 6.7 0 1.8-.4 3.2-.9 4.3L25.5 22V1.4c0-1.3-1.6-1.9-2.5-1L13.5 10 3.3-.3c-.6-.6-1.5-.6-2.1 0L-.2 1.1c-.6.6-.6 1.5 0 2.1L4 7.6l26.8 26.8 13.9 13.9c.6.6 1.5.6 2.1 0l1.4-1.4c.7-.6.7-1.6.1-2.2z\"/>\n                </svg>\n                <svg class=\"media-feed-video-icon media-feed-video-icon-unmuted\" width=\"12\" height=\"12\" viewBox=\"0 0 48 48\" fill=\"currentColor\" aria-hidden=\"true\">\n                  <path d=\"M1.5 13.3c-.8 0-1.5.7-1.5 1.5v18.4c0 .8.7 1.5 1.5 1.5h8.7l12.9 12.9c.9.9 2.5.3 2.5-1V1.4c0-1.3-1.6-1.9-2.5-1L10.2 13.3H1.5z\"/>\n                  <path d=\"M30.1 15.9c-.6-.6-.6-1.6 0-2.2l1.4-1.4c.6-.6 1.6-.6 2.2 0 0 0 4.1 3.5 4.1 11.7s-4.1 11.7-4.1 11.7c-.6.6-1.6.6-2.2 0l-1.4-1.4c-.6-.6-.6-1.6 0-2.2 0 0 2.6-2 2.6-8.1s-2.6-8.1-2.6-8.1z\"/>\n                  <path d=\"M37.2 8c-.6-.6-.6-1.6 0-2.2l1.4-1.4c.6-.6 1.6-.6 2.2 0 0 0 5.7 5.1 5.7 19.6s-5.7 19.6-5.7 19.6c-.6.6-1.6.6-2.2 0L37.2 42c-.6-.6-.6-1.6 0-2.2 0 0 4.3-4.4 4.3-15.8S37.2 8 37.2 8z\"/>\n                </svg>\n              </button>\n            </div>\n          {{- else -}}\n            <a href=\"{{ .src }}\" data-lightbox-index=\"{{ ._lbIdx }}\"\n              class=\"media-video-wrap media-visual-frame\"\n              style=\"{{ $videoWrapStyle | safeCSS }}\">\n              <video preload=\"none\" muted playsinline\n                {{- with .poster }} poster=\"{{ . }}\"{{- end -}}\n                {{- with .width }} width=\"{{ . }}\"{{- end -}}\n                {{- with .height }} height=\"{{ . }}\"{{- end }}\n                class=\"media-visual\"\n                style=\"{{ $videoStyle | safeCSS }}\"></video>\n              <div class=\"media-video-play-overlay\">\n                <svg viewBox=\"0 0 24 24\" fill=\"white\"><path d=\"M8 5v14l11-7z\"/></svg>\n              </div>\n            </a>\n          {{- end -}}\n        {{- else if eq $k \"audio\" -}}\n          {{- $audioName := .original_name | default (.alt | default \"Audio\") -}}\n          <div class=\"media-gallery-card media-audio-card{{ if .waveform }} has-waveform{{ end }}\"\n            style=\"flex-shrink: 0; width: {{ $docCardWidth }}px; height: {{ $rowHeight }}px;\">\n            <audio preload=\"none\" class=\"media-audio-el\">\n              <source src=\"{{ .src }}\"{{ with .mime_type }} type=\"{{ . }}\"{{ end }}>\n            </audio>\n            <div class=\"media-audio-artwork\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <path d=\"M9 18V5l12-2v13\"/>\n                <circle cx=\"6\" cy=\"18\" r=\"3\"/>\n                <circle cx=\"18\" cy=\"16\" r=\"3\"/>\n              </svg>\n            </div>\n            <div class=\"media-audio-controls\">\n              <input type=\"range\" min=\"0\" max=\"1000\" value=\"0\" class=\"media-audio-range\" data-audio-range aria-label=\"Seek\">\n              <canvas class=\"media-audio-waveform\" data-audio-waveform{{ with .waveform }} data-audio-peaks=\"{{ . }}\"{{ end }}></canvas>\n              <div class=\"media-audio-row\">\n                <div class=\"media-audio-info\">\n                  <div class=\"media-audio-title\" title=\"{{ $audioName }}\">{{ $audioName }}</div>\n                  <div class=\"media-audio-time\" data-audio-time>0:00</div>\n                </div>\n                <button type=\"button\" class=\"media-audio-play-btn\" data-audio-play aria-label=\"Play\">\n                  <svg class=\"media-audio-icon-play\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M8 5v14l11-7z\"/></svg>\n                  <svg class=\"media-audio-icon-pause\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M6 4h4v16H6zM14 4h4v16h-4z\"/></svg>\n                </button>\n              </div>\n            </div>\n          </div>\n        {{- else if eq $k \"text\" -}}\n          {{- /* Static site has no text-preview modal — link direct to file. */ -}}\n          {{- $label := .summary | default (.original_name | default \"Attached text\") -}}\n          <a href=\"{{ .src }}\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"media-gallery-card\"\n            style=\"flex-shrink: 0; width: {{ $docCardWidth }}px; height: {{ $rowHeight }}px;\">\n            <div class=\"media-gallery-card-inner\">\n              <div class=\"media-gallery-card-icon\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" width=\"24\" height=\"24\" aria-hidden=\"true\">\n                  <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"/>\n                  <polyline points=\"14 2 14 8 20 8\"/>\n                  <line x1=\"8\" y1=\"13\" x2=\"16\" y2=\"13\"/>\n                  <line x1=\"8\" y1=\"17\" x2=\"16\" y2=\"17\"/>\n                </svg>\n              </div>\n              <span class=\"media-gallery-card-summary\">{{ $label }}</span>\n              {{- with .chars -}}\n                <span class=\"media-gallery-card-meta\">{{ . }} chars</span>\n              {{- end -}}\n            </div>\n          </a>\n        {{- else -}}\n          {{- /* document / file */ -}}\n          {{- $label := .original_name | default (path.Base .src) -}}\n          <a href=\"{{ .src }}\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"media-gallery-card\"\n            style=\"flex-shrink: 0; width: {{ $docCardWidth }}px; height: {{ $rowHeight }}px;\">\n            <div class=\"media-gallery-card-inner\">\n              <div class=\"media-gallery-card-icon\">\n                <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" width=\"24\" height=\"24\" aria-hidden=\"true\">\n                  <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"/>\n                  <polyline points=\"14 2 14 8 20 8\"/>\n                </svg>\n              </div>\n              <span class=\"media-gallery-card-summary\">{{ $label }}</span>\n              {{- with .size -}}\n                <span class=\"media-gallery-card-meta\">{{ . }} B</span>\n              {{- end -}}\n            </div>\n          </a>\n        {{- end -}}\n      {{- end -}}\n    </div>\n    {{- if not $singleVisual -}}\n      <button type=\"button\" class=\"media-gallery-nav media-gallery-nav-prev\" tabindex=\"-1\" aria-label=\"Scroll to previous media\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M15 18l-6-6 6-6\"/></svg>\n      </button>\n      <button type=\"button\" class=\"media-gallery-nav media-gallery-nav-next\" tabindex=\"-1\" aria-label=\"Scroll to next media\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M9 18l6-6-6-6\"/></svg>\n      </button>\n    {{- end -}}\n  </div>\n{{- end -}}\n";
 //#endregion
 //#region src/services/export-theme/layouts/partials/reply.html?raw
-var reply_default = "{{- $reply := . -}}\n{{- $format := $reply.Params.format | default \"note\" -}}\n{{- $slug := $reply.Params.slug | default $reply.Slug -}}\n{{- $media := $reply.Params.media | default slice -}}\n{{- $linkUrl := $reply.Params.link_url -}}\n<article class=\"reply thread-item reply-{{ $format }}\" id=\"{{ $slug }}\" data-format=\"{{ $format }}\" data-slug=\"{{ $slug }}\">\n  {{- if eq $format \"link\" -}}\n    {{- if $linkUrl -}}\n      {{- $domain := \"\" -}}\n      {{- with urls.Parse $linkUrl -}}{{- $domain = .Host -}}{{- end -}}\n      {{- if $domain -}}\n        <a href=\"{{ $linkUrl }}\" class=\"reply-link-domain\" rel=\"noopener noreferrer\" target=\"_blank\">\n          <svg class=\"post-card-link-domain-icon\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"2\" stroke=\"currentColor\" aria-hidden=\"true\">\n            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M13.5 6H5.25A2.25 2.25 0 0 0 3 8.25v10.5A2.25 2.25 0 0 0 5.25 21h10.5A2.25 2.25 0 0 0 18 18.75V10.5m-10.5 6L21 3m0 0h-5.25M21 3v5.25\" />\n          </svg>\n          <span>{{ $domain }}</span>\n        </a>\n      {{- end -}}\n    {{- end -}}\n    {{- if $reply.Title -}}\n      <h3 class=\"reply-title reply-link-title\">\n        {{- if $linkUrl -}}\n          <a href=\"{{ $linkUrl }}\" rel=\"noopener noreferrer\" target=\"_blank\">{{ $reply.Title }}</a>\n        {{- else -}}\n          {{ $reply.Title }}\n        {{- end -}}\n      </h3>\n    {{- end -}}\n  {{- else if eq $format \"quote\" -}}\n    <blockquote class=\"reply-quote post-card-quote\">\n      {{- with $reply.Params.quote_text -}}\n        <span class=\"post-card-quote-mark\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 96 96\" role=\"presentation\" focusable=\"false\">\n            <path fill=\"currentColor\" d=\"M24.4 10.5C16.9 17.7 11.5 26.8 8.2 37.7C4.9 48.7 4.8 58.9 7.8 68.2C10.3 75.7 15.4 79.5 22.9 79.5C28 79.5 32.2 77.8 35.4 74.2C38.6 70.7 40.2 66.5 40.2 61.4C40.2 56.5 38.8 52.6 36 49.6C33.3 46.6 29.7 45.1 25.2 45.1C23.4 45.1 21.8 45.3 20.2 45.8C22.2 37.3 26.7 29.2 33.6 21.4L24.4 10.5Z\" />\n            <path fill=\"currentColor\" d=\"M60.8 10.5C53.3 17.7 47.9 26.8 44.6 37.7C41.3 48.7 41.2 58.9 44.2 68.2C46.7 75.7 51.8 79.5 59.3 79.5C64.4 79.5 68.6 77.8 71.8 74.2C75 70.7 76.6 66.5 76.6 61.4C76.6 56.5 75.2 52.6 72.4 49.6C69.7 46.6 66.1 45.1 61.6 45.1C59.8 45.1 58.2 45.3 56.6 45.8C58.6 37.3 63.1 29.2 70 21.4L60.8 10.5Z\" />\n          </svg>\n        </span>\n        <div class=\"post-card-quote-content\">{{ . }}</div>\n      {{- end -}}\n      {{- if or $reply.Params.source_name $reply.Params.source_url -}}\n        <div class=\"post-card-quote-attribution\">\n          {{- if and $reply.Params.source_name $reply.Params.source_url -}}\n            <a href=\"{{ $reply.Params.source_url }}\" class=\"post-card-quote-source\" rel=\"noopener noreferrer\" target=\"_blank\">{{ $reply.Params.source_name }}</a>\n          {{- else if $reply.Params.source_name -}}\n            <span class=\"post-card-quote-source\">{{ $reply.Params.source_name }}</span>\n          {{- else -}}\n            {{- $sourceDomain := \"\" -}}\n            {{- with urls.Parse $reply.Params.source_url -}}\n              {{- $sourceDomain = .Host | replaceRE \"^(?:www|m|mobile)\\\\.\" \"\" -}}\n            {{- end -}}\n            <a href=\"{{ $reply.Params.source_url }}\" class=\"post-card-quote-source\" rel=\"noopener noreferrer\" target=\"_blank\">{{ or $sourceDomain $reply.Params.source_url }}</a>\n          {{- end -}}\n        </div>\n      {{- end -}}\n    </blockquote>\n  {{- else -}}\n    {{- with $reply.Title -}}\n      <h3 class=\"reply-title\">{{ . }}</h3>\n    {{- end -}}\n  {{- end -}}\n\n  {{- if eq $format \"quote\" -}}\n    {{- with $reply.Content -}}\n      <div class=\"reply-body post-card-quote-commentary prose\">{{ . }}</div>\n    {{- end -}}\n  {{- else -}}\n    <div class=\"reply-body prose\">\n      {{ $reply.Content }}\n    </div>\n  {{- end -}}\n\n  {{ partial \"media-gallery.html\" (dict \"media\" $media \"permalink\" $reply.RelPermalink) }}\n\n  <footer class=\"reply-footer post-menu-footer\" data-post-meta>\n    <div class=\"post-footer-meta\">\n      <a class=\"post-footer-link reply-anchor\" href=\"#{{ $slug }}\">\n        <time datetime=\"{{ $reply.Date.Format \"2006-01-02T15:04:05Z07:00\" }}\">\n          {{ $reply.Date.Format \"Jan 2, 2006 · 15:04\" }}\n        </time>\n      </a>\n      {{- if and (eq $format \"link\") $linkUrl -}}\n        <a href=\"{{ $linkUrl }}\" class=\"post-footer-external-link\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Open external link\">\n          <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n            <path d=\"M7 17 17 7\" />\n            <path d=\"M9 7h8v8\" />\n          </svg>\n        </a>\n      {{- end -}}\n    </div>\n  </footer>\n</article>\n";
+var reply_default = "{{- $reply := . -}}\n{{- $format := $reply.Params.format | default \"note\" -}}\n{{- $slug := $reply.Params.slug | default $reply.Slug -}}\n{{- $media := $reply.Params.media | default slice -}}\n{{- $linkUrl := $reply.Params.link_url -}}\n<article class=\"reply thread-item reply-{{ $format }}\" id=\"{{ $slug }}\" data-format=\"{{ $format }}\" data-slug=\"{{ $slug }}\">\n  {{- if eq $format \"link\" -}}\n    {{- if $linkUrl -}}\n      {{- $domain := \"\" -}}\n      {{- with urls.Parse $linkUrl -}}{{- $domain = .Host -}}{{- end -}}\n      {{- if $domain -}}\n        <a href=\"{{ $linkUrl }}\" class=\"reply-link-domain\" rel=\"noopener noreferrer\" target=\"_blank\">\n          <svg class=\"post-card-link-domain-icon\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"2\" stroke=\"currentColor\" aria-hidden=\"true\">\n            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M13.5 6H5.25A2.25 2.25 0 0 0 3 8.25v10.5A2.25 2.25 0 0 0 5.25 21h10.5A2.25 2.25 0 0 0 18 18.75V10.5m-10.5 6L21 3m0 0h-5.25M21 3v5.25\" />\n          </svg>\n          <span>{{ $domain }}</span>\n        </a>\n      {{- end -}}\n    {{- end -}}\n    {{- if $reply.Title -}}\n      <h3 class=\"reply-title reply-link-title\">\n        {{- if $linkUrl -}}\n          <a href=\"{{ $linkUrl }}\" rel=\"noopener noreferrer\" target=\"_blank\">{{ $reply.Title }}</a>\n        {{- else -}}\n          {{ $reply.Title }}\n        {{- end -}}\n      </h3>\n    {{- end -}}\n  {{- else if eq $format \"quote\" -}}\n    <blockquote class=\"reply-quote post-card-quote\">\n      {{- with $reply.Params.quote_text -}}\n        <span class=\"post-card-quote-mark\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 96 96\" role=\"presentation\" focusable=\"false\">\n            <path fill=\"currentColor\" d=\"M24.4 10.5C16.9 17.7 11.5 26.8 8.2 37.7C4.9 48.7 4.8 58.9 7.8 68.2C10.3 75.7 15.4 79.5 22.9 79.5C28 79.5 32.2 77.8 35.4 74.2C38.6 70.7 40.2 66.5 40.2 61.4C40.2 56.5 38.8 52.6 36 49.6C33.3 46.6 29.7 45.1 25.2 45.1C23.4 45.1 21.8 45.3 20.2 45.8C22.2 37.3 26.7 29.2 33.6 21.4L24.4 10.5Z\" />\n            <path fill=\"currentColor\" d=\"M60.8 10.5C53.3 17.7 47.9 26.8 44.6 37.7C41.3 48.7 41.2 58.9 44.2 68.2C46.7 75.7 51.8 79.5 59.3 79.5C64.4 79.5 68.6 77.8 71.8 74.2C75 70.7 76.6 66.5 76.6 61.4C76.6 56.5 75.2 52.6 72.4 49.6C69.7 46.6 66.1 45.1 61.6 45.1C59.8 45.1 58.2 45.3 56.6 45.8C58.6 37.3 63.1 29.2 70 21.4L60.8 10.5Z\" />\n          </svg>\n        </span>\n        <div class=\"post-card-quote-content\">{{ . }}</div>\n      {{- end -}}\n      {{- if or $reply.Params.source_name $reply.Params.source_url -}}\n        <div class=\"post-card-quote-attribution\">\n          {{- if and $reply.Params.source_name $reply.Params.source_url -}}\n            <a href=\"{{ $reply.Params.source_url }}\" class=\"post-card-quote-source\" rel=\"noopener noreferrer\" target=\"_blank\">{{ $reply.Params.source_name }}</a>\n          {{- else if $reply.Params.source_name -}}\n            <span class=\"post-card-quote-source\">{{ $reply.Params.source_name }}</span>\n          {{- else -}}\n            {{- $sourceDomain := \"\" -}}\n            {{- with urls.Parse $reply.Params.source_url -}}\n              {{- $sourceDomain = .Host | replaceRE \"^(?:www|m|mobile)\\\\.\" \"\" -}}\n            {{- end -}}\n            <a href=\"{{ $reply.Params.source_url }}\" class=\"post-card-quote-source\" rel=\"noopener noreferrer\" target=\"_blank\">{{ or $sourceDomain $reply.Params.source_url }}</a>\n          {{- end -}}\n        </div>\n      {{- end -}}\n    </blockquote>\n  {{- else -}}\n    {{- with $reply.Title -}}\n      <h3 class=\"reply-title\">{{ . }}</h3>\n    {{- end -}}\n  {{- end -}}\n\n  {{- if eq $format \"quote\" -}}\n    {{- with $reply.Content -}}\n      <div class=\"reply-body post-card-quote-commentary prose\">{{ . }}</div>\n    {{- end -}}\n  {{- else -}}\n    <div class=\"reply-body prose\">\n      {{ $reply.Content }}\n    </div>\n  {{- end -}}\n\n  {{- /* Replies are not rendered as pages, so the address is the reply's alias on the root. */ -}}\n  {{ partial \"media-gallery.html\" (dict \"media\" $media \"permalink\" ($reply.RelPermalink | default (printf \"/%s/\" $slug | relURL))) }}\n\n  <footer class=\"reply-footer post-menu-footer\" data-post-meta>\n    <div class=\"post-footer-meta\">\n      <a class=\"post-footer-link reply-anchor\" href=\"#{{ $slug }}\">\n        <time datetime=\"{{ $reply.Date.Format \"2006-01-02T15:04:05Z07:00\" }}\">\n          {{ $reply.Date.Format \"Jan 2, 2006 · 15:04\" }}\n        </time>\n      </a>\n      {{- if and (eq $format \"link\") $linkUrl -}}\n        <a href=\"{{ $linkUrl }}\" class=\"post-footer-external-link\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Open external link\">\n          <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n            <path d=\"M7 17 17 7\" />\n            <path d=\"M9 7h8v8\" />\n          </svg>\n        </a>\n      {{- end -}}\n    </div>\n  </footer>\n</article>\n";
 //#endregion
 //#region src/services/export-theme/layouts/partials/thread-preview.html?raw
-var thread_preview_default = "{{- /*\n  Thread preview partial.\n\n  Matches the main site's `ThreadPreview` component layout:\n    root post  (full card, as \"context\")\n    second reply (full card, as \"context\")  ← if distinct\n    \"N more posts\" gap pill ← if there are hidden middle replies\n    penultimate reply (full card, as \"context\") ← if distinct\n    latest reply (full card, as \"hero\")\n\n  Each entry is wrapped in a `.thread-item` so the rail dot markers\n  line up the same way the main site does via `.thread-item::before`.\n\n  When the root has no replies, falls through to a plain post-card.\n*/ -}}\n{{- $root := . -}}\n{{- $replies := where $root.Pages \"Params.visibility\" \"public\" -}}\n{{- $replies = $replies.ByDate -}}\n{{- $replyCount := len $replies -}}\n{{- if eq $replyCount 0 -}}\n  {{ partial \"post-card.html\" $root }}\n{{- else -}}\n  {{- /* First-in / last-in replies, with overlap handled below. */ -}}\n  {{- $latest := index $replies (sub $replyCount 1) -}}\n  {{- $second := index $replies 0 -}}\n  {{- $penultimate := cond (gt $replyCount 2) (index $replies (sub $replyCount 2)) false -}}\n\n  {{- $renderSecond := ne $second.File.UniqueID $latest.File.UniqueID -}}\n  {{- $renderPenultimate := and $penultimate (ne $penultimate.File.UniqueID $latest.File.UniqueID) -}}\n  {{- if $penultimate -}}\n    {{- if eq $penultimate.File.UniqueID $second.File.UniqueID -}}\n      {{- $renderPenultimate = false -}}\n    {{- end -}}\n  {{- end -}}\n\n  {{- /* Count of context posts actually rendered above the hero (second\n       + penultimate when distinct from latest and each other). The\n       remainder of replies is the \"hidden middle\" count. Mirrors\n       `getThreadPreviewState` in thread-preview-state.ts. */ -}}\n  {{- $visibleContextReplies := 0 -}}\n  {{- if $renderSecond -}}{{- $visibleContextReplies = add $visibleContextReplies 1 -}}{{- end -}}\n  {{- if $renderPenultimate -}}{{- $visibleContextReplies = add $visibleContextReplies 1 -}}{{- end -}}\n  {{- /* Total replies rendered = visibleContextReplies + 1 (hero). */ -}}\n  {{- $hiddenCount := sub $replyCount (add $visibleContextReplies 1) -}}\n  {{- if lt $hiddenCount 0 -}}{{- $hiddenCount = 0 -}}{{- end -}}\n\n  {{- $slug := $root.Params.slug | default $root.Slug -}}\n  <article class=\"thread-preview\" data-slug=\"{{ $slug }}\" data-reply-count=\"{{ $replyCount }}\">\n    <div class=\"thread-preview-context\">\n      <div class=\"thread-item thread-item-context thread-item-root\">\n        {{ partial \"post-card.html\" $root }}\n      </div>\n\n      {{- if $renderSecond -}}\n        <div class=\"thread-item thread-item-context\">\n          {{ partial \"post-card.html\" $second }}\n        </div>\n      {{- end -}}\n\n      {{- if gt $hiddenCount 0 -}}\n        <div class=\"thread-item thread-item-gap\">\n          <a class=\"thread-preview-gap\" href=\"{{ $root.RelPermalink }}\">\n            {{ $hiddenCount }} more {{ if eq $hiddenCount 1 }}post{{ else }}posts{{ end }}\n          </a>\n        </div>\n      {{- end -}}\n\n      {{- if $renderPenultimate -}}\n        <div class=\"thread-item thread-item-context\">\n          {{ partial \"post-card.html\" $penultimate }}\n        </div>\n      {{- end -}}\n    </div>\n\n    <div class=\"thread-item thread-item-hero thread-preview-hero\">\n      {{ partial \"post-card.html\" $latest }}\n      <a class=\"thread-preview-thread-link\" href=\"{{ $root.RelPermalink }}\">\n        View full thread &rarr;\n      </a>\n    </div>\n  </article>\n{{- end -}}\n";
+var thread_preview_default = "{{- /*\n  Thread preview partial.\n\n  Matches the main site's `ThreadPreview` component, and the fold both it and\n  the feed take from `lib/thread-fold.ts` (`foldThreadReplies`):\n    root post                                (full card, as \"context\")\n    the first THREAD_LEADING_REPLIES (2)     (full cards, as \"context\")\n    \"N more posts\" gap pill                  ← only when the fold hides any\n    the two before the newest reply          (full cards, as \"context\")\n    newest reply                             (full card, as \"hero\")\n\n  The trailing window is THREAD_TRAILING_REPLIES (3) with the hero inside it.\n  On a short thread the windows overlap, so each list drops whatever an\n  earlier one already shows, hero first — the same order the site dedupes in.\n\n  Each entry is wrapped in a `.thread-item` so the rail dot markers\n  line up the same way the main site does via `.thread-item::before`.\n\n  When the root has no replies, falls through to a plain post-card.\n*/ -}}\n{{- $root := . -}}\n{{- $replies := where $root.Pages \"Params.visibility\" \"public\" -}}\n{{- $replies = $replies.ByDate -}}\n{{- $replyCount := len $replies -}}\n{{- if eq $replyCount 0 -}}\n  {{ partial \"post-card.html\" $root }}\n{{- else -}}\n  {{- $latest := index $replies (sub $replyCount 1) -}}\n  {{- $leading := slice -}}\n  {{- range first 2 $replies -}}\n    {{- if ne .File.UniqueID $latest.File.UniqueID -}}\n      {{- $leading = $leading | append . -}}\n    {{- end -}}\n  {{- end -}}\n  {{- $trailing := slice -}}\n  {{- range last 3 $replies -}}\n    {{- $reply := . -}}\n    {{- $shown := eq $reply.File.UniqueID $latest.File.UniqueID -}}\n    {{- range $leading -}}\n      {{- if eq .File.UniqueID $reply.File.UniqueID -}}{{- $shown = true -}}{{- end -}}\n    {{- end -}}\n    {{- if not $shown -}}{{- $trailing = $trailing | append $reply -}}{{- end -}}\n  {{- end -}}\n\n  {{- /* Whatever neither window shows is the hidden middle. It is never\n       negative: the three lists are disjoint and all drawn from $replies. */ -}}\n  {{- $hiddenCount := sub $replyCount (add (add (len $leading) (len $trailing)) 1) -}}\n  {{- /* The gap leads to the first hidden reply, as the site's does. A fold\n       only hides anything once both windows are full, so that reply sits\n       right after the leading window. Replies are not rendered as pages\n       (`build: render: never`), so their `.RelPermalink` is empty; the\n       exporter registers every reply slug as an alias on the root, and\n       that is the address a reply has. */ -}}\n  {{- $gapHref := $root.RelPermalink -}}\n  {{- if gt $hiddenCount 0 -}}{{- $gapHref = printf \"/%s/\" (index $replies 2).Slug | relURL -}}{{- end -}}\n\n  {{- $slug := $root.Params.slug | default $root.Slug -}}\n  <article class=\"thread-preview\" data-slug=\"{{ $slug }}\" data-reply-count=\"{{ $replyCount }}\">\n    <div class=\"thread-preview-context\">\n      <div class=\"thread-item thread-item-context thread-item-root\">\n        {{ partial \"post-card.html\" $root }}\n      </div>\n\n      {{- range $leading -}}\n        <div class=\"thread-item thread-item-context\">\n          {{ partial \"post-card.html\" . }}\n        </div>\n      {{- end -}}\n\n      {{- if gt $hiddenCount 0 -}}\n        <div class=\"thread-item thread-item-gap\">\n          <a class=\"thread-preview-gap\" href=\"{{ $gapHref }}\">\n            {{ $hiddenCount }} more {{ if eq $hiddenCount 1 }}post{{ else }}posts{{ end }}\n          </a>\n        </div>\n      {{- end -}}\n\n      {{- range $trailing -}}\n        <div class=\"thread-item thread-item-context\">\n          {{ partial \"post-card.html\" . }}\n        </div>\n      {{- end -}}\n    </div>\n\n    <div class=\"thread-item thread-item-hero thread-preview-hero\">\n      {{ partial \"post-card.html\" $latest }}\n      <a class=\"thread-preview-thread-link\" href=\"{{ $root.RelPermalink }}\">\n        View full thread &rarr;\n      </a>\n    </div>\n  </article>\n{{- end -}}\n";
 //#endregion
 //#region src/services/export-theme/layouts/partials/featured-thread.html?raw
 var featured_thread_default = "{{- /*\n  Curated Featured Thread.\n\n  The Root carries a derived `featured_post_ids` projection. Render the Root,\n  every selected Featured Post, and the final Post once, preserving the real\n  Thread positions so omitted runs can be represented as gap links.\n*/ -}}\n{{- $root := . -}}\n{{- $featuredIds := $root.Params.featured_post_ids | default slice -}}\n{{- $posts := slice $root -}}\n{{- range $root.Pages.ByDate -}}\n  {{- $posts = $posts | append . -}}\n{{- end -}}\n{{- $lastIndex := sub (len $posts) 1 -}}\n{{- $visible := slice -}}\n\n{{- range $index, $post := $posts -}}\n  {{- $postId := string ($post.Params.id | default \"\") -}}\n  {{- $highlighted := in $featuredIds $postId -}}\n  {{- if or (eq $index 0) $highlighted (eq $index $lastIndex) -}}\n    {{- $visible = $visible | append (dict\n      \"post\" $post\n      \"position\" $index\n      \"highlighted\" $highlighted\n    ) -}}\n  {{- end -}}\n{{- end -}}\n\n{{- if eq (len $visible) 1 -}}\n  {{- partial \"post-card.html\" $root -}}\n{{- else -}}\n  {{- $slug := $root.Params.slug | default $root.Slug -}}\n  {{- $previousPosition := -1 -}}\n  <article class=\"thread-preview thread-preview-curated\" data-slug=\"{{ $slug }}\">\n    <div class=\"thread-preview-context\">\n      {{- range $entry := $visible -}}\n        {{- $position := int $entry.position -}}\n        {{- $hiddenCount := sub $position (add $previousPosition 1) -}}\n        {{- if gt $hiddenCount 0 -}}\n          <div class=\"thread-item thread-item-gap\">\n            <a class=\"thread-preview-gap\" href=\"{{ $root.RelPermalink }}\">\n              {{ $hiddenCount }} hidden {{ if eq $hiddenCount 1 }}post{{ else }}posts{{ end }}\n            </a>\n          </div>\n        {{- end -}}\n        <div class=\"thread-item {{ if $entry.highlighted }}thread-item-featured{{ else }}thread-item-context{{ end }}\">\n          {{ partial \"post-card.html\" $entry.post }}\n        </div>\n        {{- $previousPosition = $position -}}\n      {{- end -}}\n    </div>\n    <a class=\"thread-preview-thread-link\" href=\"{{ $root.RelPermalink }}\">\n      View full thread &rarr;\n    </a>\n  </article>\n{{- end -}}\n";
 //#endregion
 //#region src/services/export-theme/layouts/_default/rss.xml?raw
-var rss_default = "{{- /*\n  Atom 2005 feed template — mirrors the main site's `lib/feed.ts`.\n\n  One template covers every page that opts into the custom `RSS` output\n  format (home, featured, archive, and each collection section). Root-post\n  sections do NOT opt in, so no `/{slug}/index.xml` gets emitted.\n\n  Feed filter parity with the corresponding HTML list view:\n    - home   (`.Kind == \"home\"`): visibility == \"public\" (drops latest_hidden)\n    - featured (`.Type == \"featured\"`): one Root per Thread whose derived\n        featured projection is non-empty, ordered by selected Post publication\n    - archive  (`.Type == \"archive\"`): all published (includes latest_hidden)\n    - collection (`.Type == \"collection\"`): Params.collections.slug match,\n        ordered per `sort_order`; pinning is ignored for RSS\n\n  Per-entry payload mirrors `buildSinglePostContent` + `buildFeedContent`:\n    - Title: empty for quote posts, else .Title\n    - Link rel=alternate: external URL for `link` format, else permalink;\n      link-format posts also get a <link rel=\"related\"> back to the\n      permalink\n    - Content (CDATA):\n        quote   → <blockquote cite><p>{quote}</p></blockquote>\n                  + <p>— <a href=url>{source}</a></p>\n        body    → Hugo-rendered .Content (stripped of <script>/<style>)\n        rating  → <p>★★★★☆ 4/5</p>\n        link    → trailing <p><a href=permalink> ★ </a></p>\n        replies → <hr/> + <p><small><time>{dt}</time></small></p>\n                  + inline title/link metadata + content\n\n  Hugo's default RSS media-type override (`[outputFormats.RSS]`) makes this\n  template produce application/atom+xml at /{section}/index.xml.\n*/ -}}\n{{- $page := . -}}\n{{- $limit := int (.Site.Params.rss_feed_limit | default 50) -}}\n{{- $allPosts := where .Site.Pages \"Type\" \"post\" -}}\n{{- $rootPosts := where $allPosts \"Kind\" \"section\" -}}\n\n{{- /* ------------------------------------------------------------------\n     Post selection per feed kind\n     ------------------------------------------------------------------ */ -}}\n{{- $posts := slice -}}\n{{- $isFeatured := eq $page.Type \"featured\" -}}\n\n{{- if eq $page.Kind \"home\" -}}\n  {{- $public := where $allPosts \"Params.visibility\" \"public\" -}}\n  {{- $posts = $public.ByDate.Reverse -}}\n{{- else if $isFeatured -}}\n  {{- $featured := where $rootPosts \"Params.featured_sort_at\" \"ne\" nil -}}\n  {{- $posts = sort $featured \"Params.featured_sort_at\" \"desc\" -}}\n{{- else if eq $page.Type \"archive\" -}}\n  {{- $posts = $allPosts.ByDate.Reverse -}}\n{{- else if eq $page.Type \"collection\" -}}\n  {{- $collectionSlug := $page.Params.slug | default $page.Slug -}}\n  {{- $members := slice -}}\n  {{- range $rootPosts -}}\n    {{- $post := . -}}\n    {{- with $post.Params.collections -}}\n      {{- range . -}}\n        {{- if eq .slug $collectionSlug -}}\n          {{- $members = $members | append (dict \"post\" $post \"entry\" .) -}}\n        {{- end -}}\n      {{- end -}}\n    {{- end -}}\n  {{- end -}}\n  {{- $sortOrder := $page.Params.sort_order | default \"position\" -}}\n  {{- $ordered := $members -}}\n  {{- if $ordered -}}\n    {{- if eq $sortOrder \"collected_at_desc\" -}}\n      {{- $ordered = sort $ordered \"entry.collected_at\" \"desc\" -}}\n    {{- else -}}\n      {{- $ordered = sort $ordered \"entry.position\" \"asc\" -}}\n    {{- end -}}\n  {{- end -}}\n  {{- range $ordered -}}{{- $posts = $posts | append .post -}}{{- end -}}\n{{- end -}}\n\n{{- if gt (len $posts) $limit -}}\n  {{- $posts = first $limit $posts -}}\n{{- end -}}\n\n{{- /* ------------------------------------------------------------------\n     Feed title (mirrors the main site's Atom feed titles)\n     ------------------------------------------------------------------ */ -}}\n{{- $feedTitle := .Site.Title -}}\n{{- if eq $page.Kind \"home\" -}}\n  {{- $feedTitle = printf \"%s - Latest posts\" .Site.Title -}}\n{{- else if $isFeatured -}}\n  {{- $feedTitle = printf \"%s - Featured posts\" .Site.Title -}}\n{{- else if eq $page.Type \"archive\" -}}\n  {{- $feedTitle = printf \"%s - Archive\" .Site.Title -}}\n{{- else if eq $page.Type \"collection\" -}}\n  {{- $feedTitle = printf \"%s - %s\" .Site.Title $page.Title -}}\n{{- end -}}\n\n{{- $siteDescription := .Site.Params.description | default \"\" -}}\n{{- $siteBase := .Site.BaseURL -}}\n{{- $selfUrl := .Permalink -}}\n{{- $now := now.UTC.Format \"2006-01-02T15:04:05Z\" -}}\n<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<feed xmlns=\"http://www.w3.org/2005/Atom\">\n  <title>{{ $feedTitle | transform.XMLEscape }}</title>\n  <subtitle>{{ $siteDescription | transform.XMLEscape }}</subtitle>\n  <link href=\"{{ $siteBase | transform.XMLEscape }}\" rel=\"alternate\"/>\n  <link href=\"{{ $selfUrl | transform.XMLEscape }}\" rel=\"self\"/>\n  <id>{{ $selfUrl | transform.XMLEscape }}</id>\n  <updated>{{ $now }}</updated>\n  {{- range $posts }}\n  {{- $post := . -}}\n  {{- $format := .Params.format | default \"note\" -}}\n  {{- $permalink := .Permalink -}}\n  {{- $isLink := and (eq $format \"link\") .Params.link_url -}}\n  {{- $alternate := cond $isLink (string .Params.link_url) $permalink -}}\n  {{- /* Atom <title>: empty for quotes (matches main site's getAtomTitle). */ -}}\n  {{- $entryTitle := cond (eq $format \"quote\") \"\" (.Title | default \"\") -}}\n  {{- /* <published>: from `date` frontmatter (= publishedAt).\n       <updated>: prefer `last_activity_at` (thread-bumped), then `updated`\n       (root edit time), else `date`. Featured membership does not rewrite\n       content time or chronological ordering. */ -}}\n  {{- $published := .Date.UTC.Format \"2006-01-02T15:04:05Z\" -}}\n  {{- $updatedSrc := .Date -}}\n  {{- with .Params.last_activity_at -}}{{- $updatedSrc = time . -}}\n  {{- else -}}{{- with .Params.updated -}}{{- $updatedSrc = time . -}}{{- end -}}{{- end -}}\n  {{- $updated := $updatedSrc.UTC.Format \"2006-01-02T15:04:05Z\" -}}\n  {{- /* Plain-text summary fallback chain (mirrors getFeedSummaryText). */ -}}\n  {{- $summaryText := \"\" -}}\n  {{- if eq $format \"quote\" -}}\n    {{- $summaryText = or (string (.Params.summary_text | default \"\")) (string (.Params.quote_text | default \"\")) (.Title | default \"\") (string (.Params.link_url | default \"\")) (string (.Params.source_url | default \"\")) -}}\n  {{- else -}}\n    {{- $summaryText = or (string (.Params.summary_text | default \"\")) (.Title | default \"\") (string (.Params.link_url | default \"\")) -}}\n  {{- end -}}\n  {{- if eq $summaryText \"\" -}}{{- $summaryText = printf \"Post %s\" (string (.Params.id | default \"\")) -}}{{- end -}}\n  <entry>\n    <title>{{ $entryTitle | transform.XMLEscape }}</title>\n    <link href=\"{{ $alternate | transform.XMLEscape }}\" rel=\"alternate\"/>\n    {{- if $isLink }}\n    <link href=\"{{ $permalink | transform.XMLEscape }}\" rel=\"related\"/>\n    {{- end }}\n    <id>{{ $permalink | transform.XMLEscape }}</id>\n    <published>{{ $published }}</published>\n    <updated>{{ $updated }}</updated>\n    <summary type=\"text\">{{ $summaryText | transform.XMLEscape }}</summary>\n    <content type=\"html\"><![CDATA[\n{{- partial \"feed-post-content.xml\" (dict \"post\" $post \"permalink\" $permalink \"includeReplies\" true) -}}\n]]></content>\n  </entry>\n  {{- end }}\n</feed>\n";
+var rss_default = "{{- /*\n  Atom 2005 feed template — mirrors the main site's `lib/feed.ts`.\n\n  One template covers every page that opts into the custom `RSS` output\n  format (home, featured, archive, and each collection section). Root-post\n  sections do NOT opt in, so no `/{slug}/index.xml` gets emitted.\n\n  Feed filter parity with the corresponding HTML list view:\n    - home   (`.Kind == \"home\"`): visibility == \"public\" (drops latest_hidden)\n    - featured (`.Type == \"featured\"`): one Root per Thread whose derived\n        featured projection is non-empty, ordered by selected Post publication\n    - archive  (`.Type == \"archive\"`): all published (includes latest_hidden)\n    - collection (`.Type == \"collection\"`): Params.collections.slug match,\n        ordered per `sort_order`; pinning is ignored for RSS\n\n  Per-entry payload mirrors `buildSinglePostContent` + `buildFeedContent`:\n    - Title: empty for quote posts, else .Title\n    - Link rel=alternate: external URL for `link` format, else permalink;\n      link-format posts also get a <link rel=\"related\"> back to the\n      permalink\n    - Content (CDATA):\n        quote   → <blockquote cite><p>{quote}</p></blockquote>\n                  + <p>— <a href=url>{source}</a></p>\n        body    → Hugo-rendered .Content (stripped of <script>/<style>)\n        rating  → <p>★★★★☆ 4/5</p>\n        link    → trailing <p><a href=permalink> ★ </a></p>\n        replies → <hr/> + <p><small><time>{dt}</time></small></p>\n                  + inline title/link metadata + content\n\n  Hugo's default RSS media-type override (`[outputFormats.RSS]`) makes this\n  template produce application/atom+xml at /{section}/index.xml.\n*/ -}}\n{{- $page := . -}}\n{{- $limit := int (.Site.Params.rss_feed_limit | default 50) -}}\n{{- $allPosts := where .Site.Pages \"Type\" \"post\" -}}\n{{- $rootPosts := where $allPosts \"Kind\" \"section\" -}}\n\n{{- /* ------------------------------------------------------------------\n     Post selection per feed kind\n     ------------------------------------------------------------------ */ -}}\n{{- $posts := slice -}}\n{{- $isFeatured := eq $page.Type \"featured\" -}}\n\n{{- if eq $page.Kind \"home\" -}}\n  {{- $public := where $allPosts \"Params.visibility\" \"public\" -}}\n  {{- $posts = $public.ByDate.Reverse -}}\n{{- else if $isFeatured -}}\n  {{- $featured := where $rootPosts \"Params.featured_sort_at\" \"ne\" nil -}}\n  {{- $posts = sort $featured \"Params.featured_sort_at\" \"desc\" -}}\n{{- else if eq $page.Type \"archive\" -}}\n  {{- $posts = $allPosts.ByDate.Reverse -}}\n{{- else if eq $page.Type \"collection\" -}}\n  {{- $collectionSlug := $page.Params.slug | default $page.Slug -}}\n  {{- $members := slice -}}\n  {{- range $rootPosts -}}\n    {{- $post := . -}}\n    {{- with $post.Params.collections -}}\n      {{- range . -}}\n        {{- if eq .slug $collectionSlug -}}\n          {{- $members = $members | append (dict \"post\" $post \"entry\" .) -}}\n        {{- end -}}\n      {{- end -}}\n    {{- end -}}\n  {{- end -}}\n  {{- $sortOrder := $page.Params.sort_order | default \"position\" -}}\n  {{- $ordered := $members -}}\n  {{- if $ordered -}}\n    {{- if eq $sortOrder \"collected_at_desc\" -}}\n      {{- $ordered = sort $ordered \"entry.collected_at\" \"desc\" -}}\n    {{- else -}}\n      {{- $ordered = sort $ordered \"entry.position\" \"asc\" -}}\n    {{- end -}}\n  {{- end -}}\n  {{- range $ordered -}}{{- $posts = $posts | append .post -}}{{- end -}}\n{{- end -}}\n\n{{- if gt (len $posts) $limit -}}\n  {{- $posts = first $limit $posts -}}\n{{- end -}}\n\n{{- /* ------------------------------------------------------------------\n     Feed title (mirrors the main site's Atom feed titles)\n     ------------------------------------------------------------------ */ -}}\n{{- $feedTitle := .Site.Title -}}\n{{- if eq $page.Kind \"home\" -}}\n  {{- $feedTitle = printf \"%s - Latest posts\" .Site.Title -}}\n{{- else if $isFeatured -}}\n  {{- $feedTitle = printf \"%s - Featured posts\" .Site.Title -}}\n{{- else if eq $page.Type \"archive\" -}}\n  {{- $feedTitle = printf \"%s - Archive\" .Site.Title -}}\n{{- else if eq $page.Type \"collection\" -}}\n  {{- $feedTitle = printf \"%s - %s\" .Site.Title $page.Title -}}\n{{- end -}}\n\n{{- $siteDescription := .Site.Params.description | default \"\" -}}\n{{- $siteBase := .Site.BaseURL -}}\n{{- $selfUrl := .Permalink -}}\n{{- $now := now.UTC.Format \"2006-01-02T15:04:05Z\" -}}\n<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n{{- /* Namespaces ride along only when something in them is emitted, the same\n     rule `lib/feed.ts` follows. */ -}}\n{{- $anyMedia := false -}}\n{{- range $posts -}}\n  {{- if .Params.media -}}{{- $anyMedia = true -}}{{- end -}}\n  {{- range .Pages -}}{{- if .Params.media -}}{{- $anyMedia = true -}}{{- end -}}{{- end -}}\n{{- end -}}\n{{- $jantNs := cond (gt (len $posts) 0) ` xmlns:jant=\"https://jant.me/ns\"` \"\" -}}\n{{- $mediaNs := cond $anyMedia ` xmlns:media=\"http://search.yahoo.com/mrss/\"` \"\" -}}\n<feed xmlns=\"http://www.w3.org/2005/Atom\"{{ $jantNs | safeHTMLAttr }}{{ $mediaNs | safeHTMLAttr }}>\n  <title>{{ $feedTitle | transform.XMLEscape }}</title>\n  <subtitle>{{ $siteDescription | transform.XMLEscape }}</subtitle>\n  <link href=\"{{ $siteBase | transform.XMLEscape }}\" rel=\"alternate\"/>\n  <link href=\"{{ $selfUrl | transform.XMLEscape }}\" rel=\"self\"/>\n  <id>{{ $selfUrl | transform.XMLEscape }}</id>\n  <updated>{{ $now }}</updated>\n  {{- range $posts }}\n  {{- $post := . -}}\n  {{- $format := .Params.format | default \"note\" -}}\n  {{- $permalink := .Permalink -}}\n  {{- $isLink := and (eq $format \"link\") .Params.link_url -}}\n  {{- $alternate := cond $isLink (string .Params.link_url) $permalink -}}\n  {{- /* Atom <title>: empty for quotes (matches main site's getAtomTitle). */ -}}\n  {{- $entryTitle := cond (eq $format \"quote\") \"\" (.Title | default \"\") -}}\n  {{- /* <published>: from `date` frontmatter (= publishedAt).\n       <updated>: prefer `last_activity_at` (thread-bumped), then `updated`\n       (root edit time), else `date`. Featured membership does not rewrite\n       content time or chronological ordering. */ -}}\n  {{- $published := .Date.UTC.Format \"2006-01-02T15:04:05Z\" -}}\n  {{- $updatedSrc := .Date -}}\n  {{- with .Params.last_activity_at -}}{{- $updatedSrc = time . -}}\n  {{- else -}}{{- with .Params.updated -}}{{- $updatedSrc = time . -}}{{- end -}}{{- end -}}\n  {{- $updated := $updatedSrc.UTC.Format \"2006-01-02T15:04:05Z\" -}}\n  {{- /* Plain-text summary fallback chain (mirrors getFeedSummaryText). */ -}}\n  {{- $summaryText := \"\" -}}\n  {{- if eq $format \"quote\" -}}\n    {{- $summaryText = or (string (.Params.summary_text | default \"\")) (string (.Params.quote_text | default \"\")) (.Title | default \"\") (string (.Params.link_url | default \"\")) (string (.Params.source_url | default \"\")) -}}\n  {{- else -}}\n    {{- $summaryText = or (string (.Params.summary_text | default \"\")) (.Title | default \"\") (string (.Params.link_url | default \"\")) -}}\n  {{- end -}}\n  {{- if eq $summaryText \"\" -}}{{- $summaryText = printf \"Post %s\" (string (.Params.id | default \"\")) -}}{{- end -}}\n\n  {{- /* Whether the timeline cut the text of any post the entry's card shows.\n       Per post it is written into front matter by the exporter, which shares\n       the boundary with the served feed; Hugo's own summary rule would cut\n       somewhere else. Per entry the rule is `isEntryTruncated` in\n       `lib/feed.ts`: the root plus every reply the fold keeps — the first\n       THREAD_LEADING_REPLIES (2) and the last THREAD_TRAILING_REPLIES (3),\n       newest included — as `lib/thread-fold.ts` defines it. A thread of five\n       replies or fewer is shown whole; `first` and `last` clamp to the slice,\n       so the two windows simply overlap there. */ -}}\n  {{- $replies := (where $post.Pages \"Params.visibility\" \"public\").ByDate -}}\n  {{- $truncated := $post.Params.truncated | default false -}}\n  {{- range first 2 $replies -}}\n    {{- if .Params.truncated -}}{{- $truncated = true -}}{{- end -}}\n  {{- end -}}\n  {{- range last 3 $replies -}}\n    {{- if .Params.truncated -}}{{- $truncated = true -}}{{- end -}}\n  {{- end -}}\n\n  {{- /* Every attachment in the thread, each paired with the post that carries\n       it — a text attachment's page lives under its own post. */ -}}\n  {{- $entryMedia := slice -}}\n  {{- range ($post.Params.media | default slice) -}}\n    {{- $entryMedia = $entryMedia | append (dict \"m\" . \"page\" $permalink) -}}\n  {{- end -}}\n  {{- range $replies -}}\n    {{- $replyPermalink := .Permalink -}}\n    {{- range (.Params.media | default slice) -}}\n      {{- $entryMedia = $entryMedia | append (dict \"m\" . \"page\" $replyPermalink) -}}\n    {{- end -}}\n  {{- end -}}\n  <entry>\n    <title>{{ $entryTitle | transform.XMLEscape }}</title>\n    <link href=\"{{ $alternate | transform.XMLEscape }}\" rel=\"alternate\"/>\n    {{- if $isLink }}\n    <link href=\"{{ $permalink | transform.XMLEscape }}\" rel=\"related\"/>\n    {{- end }}\n    {{- /* Images carry no enclosure: the content already shows them full size\n         inside a link to the original, so one would only ask an attachment\n         shelf to list the picture again. */ -}}\n    {{- range $entryMedia }}\n    {{- $m := .m }}\n    {{- if ne (string ($m.kind | default \"document\")) \"image\" }}\n    <link rel=\"enclosure\" type=\"{{ (string ($m.mime_type | default \"application/octet-stream\")) | transform.XMLEscape }}\" href=\"{{ (string $m.src) | absURL | transform.XMLEscape }}\"{{ with $m.size }} length=\"{{ . }}\"{{ end }}{{ with $m.original_name }} title=\"{{ . | transform.XMLEscape }}\"{{ end }}/>\n    {{- end }}\n    {{- end }}\n    <id>{{ $permalink | transform.XMLEscape }}</id>\n    <published>{{ $published }}</published>\n    <updated>{{ $updated }}</updated>\n    <jant:format>{{ $format | transform.XMLEscape }}</jant:format>\n    {{- if $truncated }}\n    <jant:truncated/>\n    {{- end }}\n    {{- /* A collection is a label the author chose, which is what <category>\n         is for. `jant:page` carries the URL because a single collection lives\n         in the root URL namespace. */ -}}\n    {{- range ($post.Params.collections | default slice) }}\n    <category term=\"{{ (string .slug) | transform.XMLEscape }}\" label=\"{{ (string (.title | default .slug)) | transform.XMLEscape }}\" jant:page=\"{{ (printf \"/%s/\" (string .slug)) | absURL | transform.XMLEscape }}\"/>\n    {{- end }}\n    {{- range $entryMedia }}\n    {{- $m := .m }}\n    {{- $kind := string ($m.kind | default \"document\") }}\n    {{- $medium := cond (or (eq $kind \"image\") (or (eq $kind \"video\") (eq $kind \"audio\"))) $kind \"document\" }}\n    {{- $fileUrl := (string $m.src) | absURL }}\n    {{- /* Where a click should land. Only emitted where it is not the file:\n         a text attachment's markdown would download or dump unstyled. */ -}}\n    {{- $pageUrl := $fileUrl }}\n    {{- if eq $kind \"text\" }}{{ $pageUrl = printf \"%s/text/%s\" (strings.TrimSuffix \"/\" .page) (string $m.id) }}{{ end }}\n    {{- $desc := string ($m.alt | default ($m.summary | default \"\")) }}\n    {{- $poster := string ($m.poster | default \"\") }}\n    <media:content url=\"{{ $fileUrl | transform.XMLEscape }}\" type=\"{{ (string ($m.mime_type | default \"application/octet-stream\")) | transform.XMLEscape }}\" medium=\"{{ $medium }}\"{{ with $m.size }} fileSize=\"{{ . }}\"{{ end }}{{ with $m.width }} width=\"{{ . }}\"{{ end }}{{ with $m.height }} height=\"{{ . }}\"{{ end }}{{ with $m.duration_seconds }} duration=\"{{ math.Round . }}\"{{ end }}{{ if ne $pageUrl $fileUrl }} jant:page=\"{{ $pageUrl | transform.XMLEscape }}\"{{ end }}>\n      {{- with $m.original_name }}<media:title type=\"plain\">{{ . | transform.XMLEscape }}</media:title>{{ end }}\n      {{- if ne $desc \"\" }}<media:description type=\"plain\">{{ $desc | transform.XMLEscape }}</media:description>{{ end }}\n      {{- if ne $poster \"\" }}<media:thumbnail url=\"{{ $poster | absURL | transform.XMLEscape }}\"/>{{ end -}}\n    </media:content>\n    {{- end }}\n    <summary type=\"text\">{{ $summaryText | transform.XMLEscape }}</summary>\n    <content type=\"html\"><![CDATA[\n{{- partial \"feed-post-content.xml\" (dict \"post\" $post \"permalink\" $permalink \"includeReplies\" true) -}}\n]]></content>\n  </entry>\n  {{- end }}\n</feed>\n";
 //#endregion
 //#region src/services/export-theme/layouts/partials/feed-post-content.xml?raw
-var feed_post_content_default = "{{- /*\n  Feed entry content builder — mirrors `buildSinglePostContent` +\n  `buildFeedContent` from `packages/core/src/lib/feed.ts`.\n\n  Arguments (dict):\n    post           — the Hugo Page for this post\n    permalink      — absolute permalink to the blog post (used for the\n                     link-format \"★\" suffix)\n    includeReplies — when true, appends each public reply separated by\n                     <hr/> + <small><time></time></small>\n    inline         — when true, renders title/link metadata that top-level\n                     Atom entries expose through their entry fields\n\n  Output is raw HTML suitable for embedding inside Atom\n  <content type=\"html\"><![CDATA[...]]></content>. Since CDATA ends at the\n  first `]]>`, any such sequence in rendered bodies is split using\n  `replace ... \"]]>\" \"]]]]><![CDATA[>\"` — the same trick the main site uses\n  in `escapeCdata`.\n*/ -}}\n{{- $post := .post -}}\n{{- $permalink := .permalink -}}\n{{- $includeReplies := .includeReplies -}}\n{{- $inline := false -}}\n{{- with .inline -}}{{- $inline = . -}}{{- end -}}\n{{- $format := $post.Params.format | default \"note\" -}}\n{{- $parts := slice -}}\n\n{{- /* --- Inline title/link metadata for thread replies --- */ -}}\n{{- if and $inline (ne $format \"quote\") -}}\n  {{- $title := $post.Title | default \"\" -}}\n  {{- $linkUrl := string ($post.Params.link_url | default \"\") -}}\n  {{- if eq $format \"link\" -}}\n    {{- if ne $linkUrl \"\" -}}\n      {{- $domain := $linkUrl -}}\n      {{- with urls.Parse $linkUrl -}}{{- if .Host -}}{{- $domain = replaceRE `^(www|m|mobile)\\.` \"\" .Host -}}{{- end -}}{{- end -}}\n      {{- $parts = $parts | append (printf `<p><a href=%q>%s</a></p>` $linkUrl (transform.XMLEscape $domain)) -}}\n    {{- end -}}\n    {{- if ne $title \"\" -}}\n      {{- $titleHref := $permalink -}}\n      {{- if ne $linkUrl \"\" -}}{{- $titleHref = $linkUrl -}}{{- end -}}\n      {{- $parts = $parts | append (printf `<h2><a href=%q>%s</a></h2>` $titleHref (transform.XMLEscape $title)) -}}\n    {{- end -}}\n  {{- else if ne $title \"\" -}}\n    {{- $parts = $parts | append (printf `<h2><a href=%q>%s</a></h2>` $permalink (transform.XMLEscape $title)) -}}\n  {{- end -}}\n{{- end -}}\n\n{{- /* --- Quote block (format=quote) --- */ -}}\n{{- if eq $format \"quote\" -}}\n  {{- $quoteText := string ($post.Params.quote_text | default \"\") -}}\n  {{- if ne $quoteText \"\" -}}\n    {{- $sourceName := string ($post.Params.source_name | default \"\") -}}\n    {{- $sourceUrl := string ($post.Params.source_url | default \"\") -}}\n    {{- $cite := \"\" -}}\n    {{- if ne $sourceUrl \"\" -}}{{- $cite = printf ` cite=%q` $sourceUrl -}}{{- end -}}\n    {{- $block := printf \"<blockquote%s><p>%s</p></blockquote>\" $cite (transform.XMLEscape $quoteText) -}}\n    {{- $parts = $parts | append $block -}}\n    {{- /* Attribution line — prefer name, fall back to URL host or the\n         raw URL itself (mirrors main site's extractDisplayDomain fallback\n         chain in `lib/url.ts`). */ -}}\n    {{- $attribution := \"\" -}}\n    {{- if and (ne $sourceName \"\") (ne $sourceUrl \"\") -}}\n      {{- $attribution = printf `<a href=%q>%s</a>` $sourceUrl (transform.XMLEscape $sourceName) -}}\n    {{- else if ne $sourceName \"\" -}}\n      {{- $attribution = transform.XMLEscape $sourceName -}}\n    {{- else if ne $sourceUrl \"\" -}}\n      {{- $host := $sourceUrl -}}\n      {{- with urls.Parse $sourceUrl -}}{{- if .Host -}}{{- $host = .Host -}}{{- end -}}{{- end -}}\n      {{- $attribution = printf `<a href=%q>%s</a>` $sourceUrl (transform.XMLEscape $host) -}}\n    {{- end -}}\n    {{- if ne $attribution \"\" -}}\n      {{- $parts = $parts | append (printf \"<p>— %s</p>\" $attribution) -}}\n    {{- end -}}\n  {{- end -}}\n{{- end -}}\n\n{{- /* --- Rendered body HTML (with <script>/<style> stripped) --- */ -}}\n{{- $body := $post.Content -}}\n{{- if ne (string $body) \"\" -}}\n  {{- $bodyStr := string $body -}}\n  {{- $bodyStr = replaceRE `(?is)<script\\b[^>]*>.*?<\/script>` \"\" $bodyStr -}}\n  {{- $bodyStr = replaceRE `(?is)<style\\b[^>]*>.*?</style>` \"\" $bodyStr -}}\n  {{- /* Split any CDATA-terminator sequences so the content can be safely\n       wrapped in <![CDATA[...]]> by the caller. */ -}}\n  {{- $bodyStr = replace $bodyStr \"]]>\" \"]]]]><![CDATA[>\" -}}\n  {{- if ne (trim $bodyStr \" \\t\\n\\r\") \"\" -}}\n    {{- $parts = $parts | append $bodyStr -}}\n  {{- end -}}\n{{- end -}}\n\n{{- /* --- Star rating --- */ -}}\n{{- with $post.Params.rating -}}\n  {{- $r := int . -}}\n  {{- if gt $r 0 -}}\n    {{- $filled := strings.Repeat $r \"★\" -}}\n    {{- $empty := strings.Repeat (sub 5 $r) \"☆\" -}}\n    {{- $parts = $parts | append (printf \"<p>%s%s %d/5</p>\" $filled $empty $r) -}}\n  {{- end -}}\n{{- end -}}\n\n{{- /* --- Empty-body fallback (plain-text summary) --- */ -}}\n{{- if eq (len $parts) 0 -}}\n  {{- $fallback := string ($post.Params.summary_text | default \"\") -}}\n  {{- if eq $fallback \"\" -}}{{- $fallback = $post.Title | default (printf \"Post %s\" (string ($post.Params.id | default \"\"))) -}}{{- end -}}\n  {{- $parts = $parts | append (printf \"<p>%s</p>\" (transform.XMLEscape $fallback)) -}}\n{{- end -}}\n\n{{- /* --- link-format permalink suffix (Daring Fireball ★) --- */ -}}\n{{- if and (eq $format \"link\") (ne $permalink \"\") -}}\n  {{- $parts = $parts | append (printf `<p><a href=%q title=\"Permalink\">&nbsp;★&nbsp;</a></p>` $permalink) -}}\n{{- end -}}\n\n{{- /* --- Thread replies --- */ -}}\n{{- if $includeReplies -}}\n  {{- $replies := where $post.Pages \"Params.visibility\" \"public\" -}}\n  {{- $replies = $replies.ByDate -}}\n  {{- range $replies -}}\n    {{- $replyPermalink := .Permalink -}}\n    {{- $replyDatetime := .Date.UTC.Format \"2006-01-02T15:04:05Z\" -}}\n    {{- /* Human-readable timestamp; mirrors the main site's\n         `publishedAtFormatted` in the feed — there it's locale-formatted\n         by `lib/format-timestamp.ts`, but Hugo doesn't have that at\n         export time, so use a simple ISO-style fallback. */ -}}\n    {{- $replyLabel := .Date.Format \"Jan 2, 2006 15:04\" -}}\n    {{- $parts = $parts | append \"<hr/>\" -}}\n    {{- $parts = $parts | append (printf `<p><small><time datetime=%q>%s</time></small></p>` $replyDatetime (transform.XMLEscape $replyLabel)) -}}\n    {{- $parts = $parts | append (partial \"feed-post-content.xml\" (dict \"post\" . \"permalink\" $replyPermalink \"includeReplies\" false \"inline\" true)) -}}\n  {{- end -}}\n{{- end -}}\n\n{{- delimit $parts \"\\n\" | safeHTML -}}\n";
+var feed_post_content_default = "{{- /*\n  Feed entry content builder — mirrors `buildSinglePostContent` +\n  `buildFeedContent` from `packages/core/src/lib/feed.ts`.\n\n  Arguments (dict):\n    post           — the Hugo Page for this post\n    permalink      — absolute permalink to the blog post (used for the\n                     link-format \"★\" suffix)\n    includeReplies — when true, appends each public reply separated by\n                     <hr/> + <small><time></time></small>\n    inline         — when true, renders title/link metadata that top-level\n                     Atom entries expose through their entry fields\n\n  Output is raw HTML suitable for embedding inside Atom\n  <content type=\"html\"><![CDATA[...]]></content>. Since CDATA ends at the\n  first `]]>`, any such sequence in rendered bodies is split using\n  `replace ... \"]]>\" \"]]]]><![CDATA[>\"` — the same trick the main site uses\n  in `escapeCdata`.\n*/ -}}\n{{- $post := .post -}}\n{{- $permalink := .permalink -}}\n{{- $includeReplies := .includeReplies -}}\n{{- $inline := false -}}\n{{- with .inline -}}{{- $inline = . -}}{{- end -}}\n{{- $format := $post.Params.format | default \"note\" -}}\n{{- $parts := slice -}}\n\n{{- /* --- Inline title/link metadata for thread replies --- */ -}}\n{{- if and $inline (ne $format \"quote\") -}}\n  {{- $title := $post.Title | default \"\" -}}\n  {{- $linkUrl := string ($post.Params.link_url | default \"\") -}}\n  {{- if eq $format \"link\" -}}\n    {{- if ne $linkUrl \"\" -}}\n      {{- $domain := $linkUrl -}}\n      {{- with urls.Parse $linkUrl -}}{{- if .Host -}}{{- $domain = replaceRE `^(www|m|mobile)\\.` \"\" .Host -}}{{- end -}}{{- end -}}\n      {{- $parts = $parts | append (printf `<p><a href=%q>%s</a></p>` $linkUrl (transform.XMLEscape $domain)) -}}\n    {{- end -}}\n    {{- if ne $title \"\" -}}\n      {{- $titleHref := $permalink -}}\n      {{- if ne $linkUrl \"\" -}}{{- $titleHref = $linkUrl -}}{{- end -}}\n      {{- $parts = $parts | append (printf `<h2><a href=%q>%s</a></h2>` $titleHref (transform.XMLEscape $title)) -}}\n    {{- end -}}\n  {{- else if ne $title \"\" -}}\n    {{- $parts = $parts | append (printf `<h2><a href=%q>%s</a></h2>` $permalink (transform.XMLEscape $title)) -}}\n  {{- end -}}\n{{- end -}}\n\n{{- /* --- Quote block (format=quote) --- */ -}}\n{{- if eq $format \"quote\" -}}\n  {{- $quoteText := string ($post.Params.quote_text | default \"\") -}}\n  {{- if ne $quoteText \"\" -}}\n    {{- $sourceName := string ($post.Params.source_name | default \"\") -}}\n    {{- $sourceUrl := string ($post.Params.source_url | default \"\") -}}\n    {{- $cite := \"\" -}}\n    {{- if ne $sourceUrl \"\" -}}{{- $cite = printf ` cite=%q` $sourceUrl -}}{{- end -}}\n    {{- /* Line breaks the author typed must survive as markup: the site\n         keeps them with `white-space: pre-line`, but feed readers strip\n         CSS. Blank lines split <p> blocks, single newlines become <br/>\n         (mirrors `renderPlainTextHtml` in `lib/feed.ts`). */ -}}\n    {{- $quoteBlocks := slice -}}\n    {{- range split (replaceRE `\\r\\n?` \"\\n\" $quoteText) \"\\n\\n\" -}}\n      {{- $para := trim . \" \\t\\n\" -}}\n      {{- if ne $para \"\" -}}\n        {{- $lines := slice -}}\n        {{- range split $para \"\\n\" -}}{{- $lines = $lines | append (transform.XMLEscape .) -}}{{- end -}}\n        {{- $quoteBlocks = $quoteBlocks | append (printf \"<p>%s</p>\" (delimit $lines \"<br/>\")) -}}\n      {{- end -}}\n    {{- end -}}\n    {{- if gt (len $quoteBlocks) 0 -}}\n      {{- $block := printf \"<blockquote%s>%s</blockquote>\" $cite (delimit $quoteBlocks \"\\n\") -}}\n      {{- $parts = $parts | append $block -}}\n    {{- end -}}\n    {{- /* Attribution line — prefer name, fall back to URL host or the\n         raw URL itself (mirrors main site's extractDisplayDomain fallback\n         chain in `lib/url.ts`). */ -}}\n    {{- $attribution := \"\" -}}\n    {{- if and (ne $sourceName \"\") (ne $sourceUrl \"\") -}}\n      {{- $attribution = printf `<a href=%q>%s</a>` $sourceUrl (transform.XMLEscape $sourceName) -}}\n    {{- else if ne $sourceName \"\" -}}\n      {{- $attribution = transform.XMLEscape $sourceName -}}\n    {{- else if ne $sourceUrl \"\" -}}\n      {{- $host := $sourceUrl -}}\n      {{- with urls.Parse $sourceUrl -}}{{- if .Host -}}{{- $host = .Host -}}{{- end -}}{{- end -}}\n      {{- $attribution = printf `<a href=%q>%s</a>` $sourceUrl (transform.XMLEscape $host) -}}\n    {{- end -}}\n    {{- if ne $attribution \"\" -}}\n      {{- $parts = $parts | append (printf \"<p>— %s</p>\" $attribution) -}}\n    {{- end -}}\n  {{- end -}}\n{{- end -}}\n\n{{- /* --- Rendered body HTML (with <script>/<style> stripped) --- */ -}}\n{{- $body := $post.Content -}}\n{{- if ne (string $body) \"\" -}}\n  {{- $bodyStr := string $body -}}\n  {{- $bodyStr = replaceRE `(?is)<script\\b[^>]*>.*?<\/script>` \"\" $bodyStr -}}\n  {{- $bodyStr = replaceRE `(?is)<style\\b[^>]*>.*?</style>` \"\" $bodyStr -}}\n  {{- /* Split any CDATA-terminator sequences so the content can be safely\n       wrapped in <![CDATA[...]]> by the caller. */ -}}\n  {{- $bodyStr = replace $bodyStr \"]]>\" \"]]]]><![CDATA[>\" -}}\n  {{- if ne (trim $bodyStr \" \\t\\n\\r\") \"\" -}}\n    {{- $parts = $parts | append $bodyStr -}}\n  {{- end -}}\n{{- end -}}\n\n{{- /* --- Attachments --- */ -}}\n{{- /* One container per post, marked `data-post-media` — the attribute the\n     site puts on its gallery strip, so a consumer styles the strip instead of\n     reassembling it from the Media RSS elements. In a thread this is also the\n     only surface that says which post an attachment belongs to. Mirrors\n     `renderMediaItem` in `packages/core/src/lib/feed.ts`. */ -}}\n{{- $mediaList := $post.Params.media | default slice -}}\n{{- if gt (len $mediaList) 0 -}}\n  {{- $items := slice -}}\n  {{- range $mediaList -}}\n    {{- $kind := string (.kind | default \"document\") -}}\n    {{- $mime := string (.mime_type | default \"application/octet-stream\") -}}\n    {{- /* `trim` wraps the index rather than piping into it: a Go template\n         pipe binds to the last argument, so `index … 0 | trim \" \"` would trim\n         the index instead of the result. */ -}}\n    {{- $mimeLabel := trim (index (split $mime \";\") 0) \" \" -}}\n    {{- $src := (string .src) | absURL -}}\n    {{- $name := string (.original_name | default \"\") -}}\n    {{- $alt := string (.alt | default \"\") -}}\n    {{- /* Duration and size, in the shapes `formatFeedDuration` and\n         `formatFeedBytes` produce. */ -}}\n    {{- $metaParts := slice -}}\n    {{- with .duration_seconds -}}\n      {{- $total := int (math.Round .) -}}\n      {{- if gt $total 0 -}}\n        {{- $metaParts = $metaParts | append (printf \"%d:%02d\" (div $total 60) (mod $total 60)) -}}\n      {{- end -}}\n    {{- end -}}\n    {{- with .size -}}\n      {{- $b := int . -}}\n      {{- if gt $b 0 -}}\n        {{- if lt $b 1024 -}}\n          {{- $metaParts = $metaParts | append (printf \"%d B\" $b) -}}\n        {{- else if lt $b 1048576 -}}\n          {{- $metaParts = $metaParts | append (printf \"%d KB\" (int (math.Round (div (float $b) 1024.0)))) -}}\n        {{- else -}}\n          {{- $metaParts = $metaParts | append (printf \"%.1f MB\" (div (float $b) 1048576.0)) -}}\n        {{- end -}}\n      {{- end -}}\n    {{- end -}}\n    {{- $meta := delimit $metaParts \" · \" -}}\n    {{- $metaSuffix := \"\" -}}\n    {{- if ne $meta \"\" -}}{{- $metaSuffix = printf \" (%s)\" (transform.XMLEscape $meta) -}}{{- end -}}\n    {{- $dims := \"\" -}}\n    {{- if and .width .height -}}{{- $dims = printf ` width=\"%d\" height=\"%d\"` (int .width) (int .height) -}}{{- end -}}\n\n    {{- if eq $kind \"image\" -}}\n      {{- $caption := \"\" -}}\n      {{- if ne $alt \"\" -}}{{- $caption = printf \"<figcaption>%s</figcaption>\" (transform.XMLEscape $alt) -}}{{- end -}}\n      {{- /* `%q` is Go string quoting, not attribute escaping: a `\"` or `\\`\n           in the alt would leave the attribute malformed. URLs go through\n           `%q` because they never carry either; author text goes through\n           `transform.XMLEscape`, the same as the caption beside it. */ -}}\n      {{- $items = $items | append (printf `<figure><a href=%q><img src=%q alt=\"%s\"%s/></a>%s</figure>` $src $src (transform.XMLEscape $alt) $dims $caption) -}}\n    {{- else if eq $kind \"video\" -}}\n      {{- /* A poster is written only when there is a real still; the pipeline\n           leaves nothing usable otherwise, and `<img src=\"clip.mp4\">` was the\n           bug that taught us. The link sits outside the <video> so it survives\n           a sanitizer that drops the player with its children, and\n           `preload=\"none\"` keeps a reader from pulling the whole file. */ -}}\n      {{- $posterAttr := \"\" -}}\n      {{- with .poster -}}{{- $posterAttr = printf ` poster=%q` ((string .) | absURL) -}}{{- end -}}\n      {{- $altSuffix := \"\" -}}\n      {{- if ne $alt \"\" -}}{{- $altSuffix = printf \": %s\" (transform.XMLEscape $alt) -}}{{- end -}}\n      {{- $items = $items | append (printf `<figure><video controls preload=\"none\"%s%s><source src=%q type=%q/></video><figcaption><a href=%q>▶ Watch video</a>%s%s</figcaption></figure>` $posterAttr $dims $src $mimeLabel $src $metaSuffix $altSuffix) -}}\n    {{- else if eq $kind \"text\" -}}\n      {{- /* Markdown a browser would download or dump unstyled, so the link\n           goes to the page that renders it. */ -}}\n      {{- $href := printf \"%s/text/%s\" (strings.TrimSuffix \"/\" $permalink) (string .id) -}}\n      {{- $label := printf \"📎 [%s] %s\" (transform.XMLEscape $mimeLabel) (transform.XMLEscape (or $name \"Attached text\")) -}}\n      {{- $textMeta := $metaSuffix -}}\n      {{- with .chars -}}\n        {{- if gt (int .) 0 -}}{{- $textMeta = printf \" (%d chars)\" (int .) -}}{{- end -}}\n      {{- end -}}\n      {{- $summarySuffix := \"\" -}}\n      {{- with .summary -}}\n        {{- if ne (string .) \"\" -}}{{- $summarySuffix = printf \": %s\" (transform.XMLEscape (string .)) -}}{{- end -}}\n      {{- end -}}\n      {{- $items = $items | append (printf `<p><a href=%q>%s</a>%s%s</p>` $href $label $textMeta $summarySuffix) -}}\n    {{- else -}}\n      {{- $fallbackName := cond (eq $kind \"audio\") \"Audio\" \"Attachment\" -}}\n      {{- $label := printf \"📎 [%s] %s\" (transform.XMLEscape $mimeLabel) (transform.XMLEscape (or $name $fallbackName)) -}}\n      {{- $items = $items | append (printf `<p><a href=%q>%s</a>%s</p>` $src $label $metaSuffix) -}}\n    {{- end -}}\n  {{- end -}}\n  {{- $parts = $parts | append (printf \"<div data-post-media>\\n%s\\n</div>\" (delimit $items \"\\n\")) -}}\n{{- end -}}\n\n{{- /* --- Star rating --- */ -}}\n{{- with $post.Params.rating -}}\n  {{- $r := int . -}}\n  {{- if gt $r 0 -}}\n    {{- $filled := strings.Repeat $r \"★\" -}}\n    {{- $empty := strings.Repeat (sub 5 $r) \"☆\" -}}\n    {{- $parts = $parts | append (printf \"<p>%s%s %d/5</p>\" $filled $empty $r) -}}\n  {{- end -}}\n{{- end -}}\n\n{{- /* --- Empty-body fallback (plain-text summary) --- */ -}}\n{{- if eq (len $parts) 0 -}}\n  {{- $fallback := string ($post.Params.summary_text | default \"\") -}}\n  {{- if eq $fallback \"\" -}}{{- $fallback = $post.Title | default (printf \"Post %s\" (string ($post.Params.id | default \"\"))) -}}{{- end -}}\n  {{- $parts = $parts | append (printf \"<p>%s</p>\" (transform.XMLEscape $fallback)) -}}\n{{- end -}}\n\n{{- /* --- link-format permalink suffix (Daring Fireball ★) --- */ -}}\n{{- if and (eq $format \"link\") (ne $permalink \"\") -}}\n  {{- $parts = $parts | append (printf `<p><a href=%q title=\"Permalink\">&nbsp;★&nbsp;</a></p>` $permalink) -}}\n{{- end -}}\n\n{{- /* --- Thread replies --- */ -}}\n{{- if $includeReplies -}}\n  {{- $replies := where $post.Pages \"Params.visibility\" \"public\" -}}\n  {{- $replies = $replies.ByDate -}}\n  {{- range $replies -}}\n    {{- $replyPermalink := .Permalink -}}\n    {{- $replyDatetime := .Date.UTC.Format \"2006-01-02T15:04:05Z\" -}}\n    {{- /* Human-readable timestamp; mirrors the main site's\n         `publishedAtFormatted` in the feed — there it's locale-formatted\n         by `lib/format-timestamp.ts`, but Hugo doesn't have that at\n         export time, so use a simple ISO-style fallback. */ -}}\n    {{- $replyLabel := .Date.Format \"Jan 2, 2006 15:04\" -}}\n    {{- $parts = $parts | append \"<hr/>\" -}}\n    {{- $parts = $parts | append (printf `<p><small><time datetime=%q>%s</time></small></p>` $replyDatetime (transform.XMLEscape $replyLabel)) -}}\n    {{- $parts = $parts | append (partial \"feed-post-content.xml\" (dict \"post\" . \"permalink\" $replyPermalink \"includeReplies\" false \"inline\" true)) -}}\n  {{- end -}}\n{{- end -}}\n\n{{- delimit $parts \"\\n\" | safeHTML -}}\n";
 //#endregion
 //#region src/services/export.ts
 /**
@@ -4637,7 +6034,7 @@ function buildDefaultAppleTouchAsset() {
 function createExportService(services, siteConfig, deps = {}) {
 	return {
 		async generateHugoFiles() {
-			const collectionDirectoryDataPromise = typeof services.collections.listDirectoryData === "function" ? services.collections.listDirectoryData() : Promise.resolve(null);
+			const collectionDirectoryDataPromise = typeof services.collections.listDirectoryData === "function" ? services.collections.listDirectoryData({ isAuthenticated: false }) : Promise.resolve(null);
 			const [allPosts, allCollections, collectionDirectoryData] = await Promise.all([
 				services.posts.list({
 					excludeReplies: false,
@@ -4662,8 +6059,13 @@ function createExportService(services, siteConfig, deps = {}) {
 			for (const collection of allCollections) collectionTitleMap.set(collection.id, collection.title);
 			const iconAssets = await buildSiteIconAssets(siteConfig, deps.storage);
 			const collectionMetrics = buildExportedCollectionMetrics(allCollections, allPosts, collectionsByRoot);
-			const exportedCollectionDirectoryItems = buildExportedCollectionDirectoryItems(collectionDirectoryData?.items ?? allCollections.map((collection) => ({
-				id: collection.id,
+			const exportedCollectionDirectoryItems = buildExportedCollectionDirectoryItems(collectionDirectoryData?.items ? collectionDirectoryData.items.filter((item) => item.type !== "smart_collection").map((item) => ({
+				type: item.type,
+				label: item.label,
+				url: item.url,
+				description: item.description,
+				collection: item.collection
+			})) : allCollections.map((collection) => ({
 				type: "collection",
 				collection
 			})), collectionSlugMap, collectionMetrics);
@@ -4708,10 +6110,15 @@ function createExportService(services, siteConfig, deps = {}) {
 			const usedSlugs = /* @__PURE__ */ new Set();
 			for (const s of slugMap.values()) usedSlugs.add(s);
 			for (const s of collectionSlugMap.values()) usedSlugs.add(s);
-			if (!usedSlugs.has("featured")) exportFiles.push({
+			const hasFeaturedSection = !usedSlugs.has("featured");
+			if (hasFeaturedSection) exportFiles.push({
 				path: "content/featured/_index.md",
 				content: await buildFeaturedSection(siteConfig.rssFeedsEnabled)
 			});
+			if (siteConfig.rssFeedsEnabled) exportFiles.push({
+				path: "static/_redirects",
+				content: buildFeedRedirects(siteConfig.mainRssFeed, hasFeaturedSection)
+			});
 			exportFiles.push({
 				path: "data/jant.toml",
 				content: buildJantDataToml(siteConfig, iconAssets, exportedCollectionDirectoryItems)
@@ -4838,7 +6245,7 @@ function createExportService(services, siteConfig, deps = {}) {
 			});
 			exportFiles.push({
 				path: "README.md",
-				content: buildReadme(siteConfig.siteName)
+				content: buildReadme(siteConfig, hasFeaturedSection)
 			});
 			exportFiles.push({
 				path: ".gitignore",
@@ -4913,6 +6320,20 @@ function buildExportedCollectionEntriesForThread(threadId, collectionEntriesByTh
 	}
 	return resolved;
 }
+/**
+* Whether the site's timeline cuts this post's text short.
+*
+* Shares the boundary with the served feed rather than approximating it: Hugo
+* has its own summary rule and would cut somewhere else, so the answer is
+* computed here and carried as front matter.
+*
+* @param post - The post being exported
+* @returns true when the timeline shows less than the post's page
+* @example
+* isPostTruncated(longArticle); // true
+*/ function isPostTruncated(post) {
+	return extractTimelineSummary(post.body, !!post.title, { namespace: post.id })?.hasMore === true;
+}
 function collectionEntriesToRefs(entries) {
 	return entries.map((entry) => ({
 		slug: entry.slug,
@@ -5028,7 +6449,10 @@ function extOfStorageKey(key) {
 		format: root.format,
 		status: root.status,
 		visibility: root.visibility,
+		language: root.language ?? void 0,
+		translation_group: root.translationGroupId ?? void 0,
 		summary_text: getArchiveSummaryText(root) ?? void 0,
+		truncated: isPostTruncated(root) || void 0,
 		link_url: root.format === "link" && root.url ? root.url : void 0,
 		source_name: root.format === "quote" && root.title ? root.title : void 0,
 		source_url: root.format === "quote" && root.url ? root.url : void 0,
@@ -5081,6 +6505,7 @@ function extOfStorageKey(key) {
 			status: reply.status,
 			visibility: reply.visibility,
 			summary_text: getArchiveSummaryText(reply) ?? void 0,
+			truncated: isPostTruncated(reply) || void 0,
 			link_url: reply.format === "link" && reply.url ? reply.url : void 0,
 			source_name: reply.format === "quote" && reply.title ? reply.title : void 0,
 			source_url: reply.format === "quote" && reply.url ? reply.url : void 0,
@@ -5208,11 +6633,13 @@ function formatCollectionActivityIso(timestamp) {
 	for (const item of items) if (item.type === "divider") {
 		seenDivider = true;
 		groupSizes.push(0);
-	} else if (isContentItem(item)) if (seenDivider) {
-		const lastGroupIndex = groupSizes.length - 1;
-		const lastGroupSize = groupSizes[lastGroupIndex];
-		if (lastGroupSize !== void 0) groupSizes[lastGroupIndex] = lastGroupSize + 1;
-	} else ungroupedCount += 1;
+	} else if (isContentItem(item)) {
+		if (seenDivider) {
+			const lastGroupIndex = groupSizes.length - 1;
+			const lastGroupSize = groupSizes[lastGroupIndex];
+			if (lastGroupSize !== void 0) groupSizes[lastGroupIndex] = lastGroupSize + 1;
+		} else ungroupedCount += 1;
+	}
 	const hasGroups = groupSizes.length > 0;
 	const maxGroupIndex = Math.max(0, groupSizes.length - 1);
 	const groupWidth = hasGroups ? Math.max(1, maxGroupIndex.toString(36).length) : 0;
@@ -5298,13 +6725,20 @@ function buildExportedCollectionMetrics(collections, posts, collectionsByThread)
 	}
 	return metrics;
 }
-function resolveNavItemLabel(item) {
+/**
+* Label to bake into the static site.
+*
+* Mirrors `getNavItemDisplayLabel`: a stored label is the author's own words
+* and wins, an empty one means the item follows what it points at. The export
+* has no i18n runtime, so built-in destinations fall back to their English
+* default rather than a translated one.
+*/ function resolveNavItemLabel(item) {
 	if (item.label) return item.label;
 	if (item.systemKey) {
 		const definition = SYSTEM_NAV_KEYS[item.systemKey];
 		if (definition) return definition.defaultLabel;
 	}
-	return item.label;
+	return item.targetTitle?.trim() || item.label;
 }
 /**
 * Resolve a nav item's final href for the Hugo export.
@@ -5322,7 +6756,7 @@ function resolveNavItemLabel(item) {
 	if (item.systemKey === "featured") return "/featured/";
 	if (item.systemKey === "collections") return "/collections/";
 	if (item.systemKey === "archive") return "/archive/";
-	if (item.systemKey === "rss") return mainRssFeed === "featured" ? "/featured/index.xml" : "/index.xml";
+	if (item.systemKey === "rss" || item.systemKey === "subscribe") return mainRssFeed === "featured" ? "/featured/index.xml" : "/index.xml";
 	return item.url;
 }
 /** Escape a string for use inside a TOML double-quoted value. */ function escapeTomlString(value) {
@@ -5367,6 +6801,7 @@ function buildHugoToml(config) {
 		"[params]",
 		`  description = "${escapeTomlString(config.siteDescription)}"`,
 		`  main_rss_feed = "${escapeTomlString(config.mainRssFeed)}"`,
+		`  archive_default_layout = "${escapeTomlString(config.archiveDefaultLayout)}"`,
 		`  public_api_enabled = ${config.publicApiEnabled}`,
 		`  rss_feeds_enabled = ${config.rssFeedsEnabled}`,
 		`  show_jant_branding_on_home = ${config.showJantBrandingOnHome}`,
@@ -5393,7 +6828,10 @@ function buildJantDataToml(config, iconAssets, directoryItems) {
 		`site_name = "${escapeTomlString(config.siteName)}"`,
 		`site_description = "${escapeTomlString(config.siteDescription)}"`,
 		`site_language = "${escapeTomlString(config.siteLanguage)}"`,
+		`multilingual_enabled = ${config.multilingualEnabled}`,
+		`additional_languages = "${escapeTomlString(config.additionalLanguages.join(","))}"`,
 		`main_rss_feed = "${escapeTomlString(config.mainRssFeed)}"`,
+		`archive_default_layout = "${escapeTomlString(config.archiveDefaultLayout)}"`,
 		`public_api_enabled = ${config.publicApiEnabled}`,
 		`rss_feeds_enabled = ${config.rssFeedsEnabled}`,
 		`show_jant_branding_on_home = ${config.showJantBrandingOnHome}`,
@@ -5418,7 +6856,7 @@ function buildJantDataToml(config, iconAssets, directoryItems) {
 	if (config.siteFooter) parts.push(`site_footer_markdown = "${escapeTomlString(config.siteFooter)}"`);
 	for (const item of config.navItems) {
 		if (item.systemKey === "settings") continue;
-		if (!config.rssFeedsEnabled && item.type === "system" && item.systemKey === "rss") continue;
+		if (!config.rssFeedsEnabled && item.type === "system" && isFeedNavKey(item.systemKey)) continue;
 		parts.push("");
 		parts.push("[[nav]]");
 		parts.push(`type = "${escapeTomlString(item.type)}"`);
@@ -5450,6 +6888,72 @@ function buildJantDataToml(config, iconAssets, directoryItems) {
 	}
 	return `${parts.join("\n")}\n`;
 }
+/**
+* Build the `static/_redirects` file that keeps existing feed subscribers
+* working after the site moves to this export.
+*
+* Jant serves its feeds under `/feed` (`/feed`, `/latest/feed`,
+* `/featured/feed`, `/archive/feed`, `/{collection}/feed`); Hugo serves the
+* same documents as `index.xml` inside each section. The two namespaces do
+* not overlap, so every subscriber's saved address 404s the moment the
+* exported site goes up.
+*
+* Hugo's `aliases:` mechanism cannot cover this the way it covers post URLs:
+* an alias page is a meta-refresh plus a script, and feed readers fetch and
+* parse XML without running either. Only an HTTP redirect reaches them, which
+* is host configuration rather than Hugo output — so the export emits the one
+* format two common static hosts read verbatim (Cloudflare Pages and Netlify).
+* Hosts that do not read `_redirects` ignore the file; the README carries the
+* rule for them to translate.
+*
+* @param mainRssFeed - The site's main feed setting, "latest" or "featured".
+* @param hasFeaturedSection - Whether the export emitted a featured section.
+*   It is skipped when a post or collection already owns the `featured` slug,
+*   and pointing a redirect at a feed that was never built would turn a live
+*   subscription into a 404 rather than leaving it merely stale.
+* @returns The `_redirects` file body.
+* @example
+* buildFeedRedirects("latest", true); // "# ...\n/feed  /index.xml  301\n..."
+*/ function buildFeedRedirects(mainRssFeed, hasFeaturedSection) {
+	const LATEST = "/index.xml";
+	const FEATURED = "/featured/index.xml";
+	const main = mainRssFeed === "featured" && hasFeaturedSection ? FEATURED : LATEST;
+	const featured = hasFeaturedSection ? FEATURED : LATEST;
+	const rules = [
+		["/feed", main],
+		["/latest/feed", LATEST],
+		["/featured/feed", featured],
+		["/archive/feed", "/archive/index.xml"]
+	];
+	const legacy = [
+		["/feed/latest", LATEST],
+		["/feed/all", LATEST],
+		["/feed/featured", featured],
+		["/feed/atom.xml", main],
+		["/feed/latest/atom.xml", LATEST],
+		["/feed/all/atom.xml", LATEST],
+		["/feed/featured/atom.xml", featured]
+	];
+	const width = Math.max(...[...rules, ...legacy].map(([from]) => from.length), 11);
+	const line = ([from, to]) => `${from.padEnd(width)}  ${to}  301`;
+	return `# Feed addresses moved in this export.
+#
+# Jant served its feeds under /feed; Hugo serves them as index.xml inside each
+# section. Cloudflare Pages and Netlify read this file and issue the redirects
+# below, so readers who subscribed to the old addresses keep receiving posts.
+# Other hosts ignore this file — see README.md for the same rules to translate
+# into your host's configuration.
+
+${rules.map(line).join("\n")}
+
+# Aliases the live site answered with a 308. They would die at the same moment.
+${legacy.map(line).join("\n")}
+
+# Collection feeds, by slug. Collections are the only root-level sections that
+# emit Atom, so any other slug 404s here exactly as it did on the live site.
+${line(["/:slug/feed", "/:slug/index.xml"])}
+`;
+}
 function buildGitignore() {
 	return `# Hugo build output
 public/
@@ -5466,7 +6970,49 @@ Thumbs.db
 *.swp
 `;
 }
-function buildReadme(siteName) {
+/**
+* Render a two-column Markdown table with padded cells.
+*
+* The values differ per site, so building the rows by hand would leave the
+* committed README ragged for some exports and aligned for others.
+*
+* @param headers - The two column headers.
+* @param rows - Cell pairs; each cell is wrapped in backticks.
+* @returns The table as Markdown, without a trailing newline.
+* @example
+* renderMarkdownTable(["Jant", "This export"], [["/feed", "/index.xml"]]);
+*/ function renderMarkdownTable(headers, rows) {
+	const cells = rows.map(([from, to]) => [`\`${from}\``, `\`${to}\``]);
+	const widths = [Math.max(headers[0].length, ...cells.map((r) => r[0].length)), Math.max(headers[1].length, ...cells.map((r) => r[1].length))];
+	const line = (a, b) => `| ${a.padEnd(widths[0])} | ${b.padEnd(widths[1])} |`;
+	return [
+		line(headers[0], headers[1]),
+		`| ${"-".repeat(widths[0])} | ${"-".repeat(widths[1])} |`,
+		...cells.map((r) => line(r[0], r[1]))
+	].join("\n");
+}
+/**
+* Build the export's README.
+*
+* @param config - The exported site's configuration.
+* @param hasFeaturedSection - Whether a featured section was emitted, which
+*   decides where the feed redirects point.
+* @returns Markdown for `README.md` at the root of the export.
+* @example
+* buildReadme(config, true); // "# My Site — Hugo Export\n..."
+*/ function buildReadme(config, hasFeaturedSection) {
+	const siteName = config.siteName;
+	const featuredFeed = hasFeaturedSection ? "/featured/index.xml" : "/index.xml";
+	const mainFeed = config.mainRssFeed === "featured" ? featuredFeed : "/index.xml";
+	const staticListing = config.rssFeedsEnabled ? "\n  _redirects              — Feed redirects (see Feeds above)" : "";
+	const feedNote = config.rssFeedsEnabled ? "\n- Feed addresses are the exception: they move to `index.xml` and stay reachable only through `static/_redirects`. See [Feeds](#feeds)." : "";
+	const feedTable = renderMarkdownTable(["Jant", "This export"], [
+		["/feed", mainFeed],
+		["/latest/feed", "/index.xml"],
+		["/featured/feed", featuredFeed],
+		["/archive/feed", "/archive/index.xml"],
+		["/{collection}/feed", "/{collection}/index.xml"]
+	]);
 	return `# ${siteName} — Hugo Export
 
 This is a static site exported from [Jant](https://github.com/jant-me/jant), ready to build with [Hugo](https://gohugo.io/).
@@ -5511,7 +7057,19 @@ hugo --minify
 
 The output goes to the \`public/\` directory. Upload it to any static host (Netlify, Vercel, Cloudflare Pages, GitHub Pages, etc.).
 
-## Project structure
+${config.rssFeedsEnabled ? `## Feeds
+
+The feed addresses changed. Jant served them under \`/feed\`; Hugo serves them as \`index.xml\` inside each section:
+
+${feedTable}
+
+A reader who is already subscribed holds one of the old addresses, and a feed reader that gets a 404 stops delivering posts. \`static/_redirects\` maps every old address to its new one with a 301. Cloudflare Pages and Netlify read that file as published; on any other host, translate its rules into that host's redirect configuration before you point the domain here.
+
+Hugo's \`aliases:\` cannot cover this. An alias page redirects with a meta refresh and a script, and feed readers fetch XML without running either — only an HTTP redirect reaches them.
+
+The **Subscribe** entry in the site navigation points at \`${mainFeed}\`. The exported site has no \`/subscribe\` page; that page belongs to the Jant runtime.
+
+` : ""}## Project structure
 
 \`\`\`
 hugo.toml                 — Site configuration (baseURL, title, theme, params)
@@ -5527,7 +7085,7 @@ content/
 data/
   jant.toml               — Nav items, branding, display preferences, ordered collections directory
 themes/jant/              — Bundled Hugo theme (overrideable via layouts/ at the site root)
-static/                   — Copy files here to add them to the published site
+static/                   — Copy files here to add them to the published site${staticListing}
 \`\`\`
 
 ## Customizing
@@ -5553,10 +7111,599 @@ Safe to re-run; files already on disk are reused. Anything that fails to downloa
 ## Notes
 
 - Each thread is a Hugo branch bundle. Replies live as nested leaf bundles with \`build.render = "never"\` so they do not produce standalone URLs; they render inside the thread page.
-- \`/{reply-slug}/\` URLs are preserved via \`aliases:\` on the root post, so old links still land on the right thread anchor.
+- \`/{reply-slug}/\` URLs are preserved via \`aliases:\` on the root post, so old links still land on the right thread anchor.${feedNote}
 - Media is emitted under \`static/media/{id}.ext\` and referenced from a flat \`media:\` array on each post. When a storage provider has a configured public URL (R2/S3/local proxy), the exporter links to the provider URL instead of re-bundling the bytes.
 - Posts with \`draft: true\` in front matter are only built when you pass \`--buildDrafts\` to \`hugo\` / \`hugo serve\`.
 `;
 }
 //#endregion
-export { JANT_BRAND_PACK_FILENAME as $, COLLECTION_FRESHNESS_WINDOW_SECONDS as A, NAV_ITEM_TYPES as B, formatTime as C, toISOString as D, time_exports as E, MAX_MEDIA_ATTACHMENTS as F, SYSTEM_NAV_KEY_VALUES as G, STATUSES as H, MAX_PINNED_POSTS as I, getImageUrl as J, TEXT_ATTACHMENT_CONTENT_FORMATS as K, MAX_SITE_DESCRIPTION_LENGTH as L, DEFAULT_NAVIGATION_PROFILE as M, FORMATS as N, CONFIG_FIELDS as O, MAX_COLLECTION_DESCRIPTION_LENGTH as P, HOME_BRANDING_PREFIX as Q, MAX_SITE_FOOTER_LENGTH as R, formatRelativeTime as S, now as T, STORAGE_DRIVERS as U, SORT_ORDERS as V, SYSTEM_NAV_KEYS as W, getPublicUrlForProvider as X, getMediaUrl as Y, HOME_BRANDING_LINK_LABEL as Z, trimTiptapBody as _, rootActivityColumns as a, getJantBundledAsset as at, formatDate as b, render as c, getJantLogoFilename as ct, extractBodyText as d, getJantPositiveLogoPngHref as dt, JANT_HOME_URL as et, extractSummary as f, JANT_LOGO_PATH_DATA as ft, renderTiptapJson as g, renderTiptapDocumentAroundBoundary as h, base64ToUint8Array as ht, buildRootActivityExpr as i, getJantBrandPackHref as it, COLLECTION_SORT_ORDERS as j, THEME_MODES as k, toPlainText as l, getJantLogoFills as lt, renderTiptapDocument as m, arrayBufferToBase64 as mt, export_exports as n, getDefaultJantAppleTouchIconBytes as nt, tiptapJsonToMarkdown as o, getJantIconFilename as ot, extractSummaryHtml as p, JANT_LOGO_VIEW_BOX as pt, VISIBILITIES as q, parseFrontMatter as r, getDefaultJantFaviconIcoBytes as rt, markdown_exports as s, getJantIconHref as st, createExportService as t, JANT_POSITIVE_LOGO_PNG_FILENAME as tt, parseMarkdownDocument as u, getJantLogoHref as ut, escapeHtml as v, formatYearMonth as w, formatRelativeAge as x, upgradeLegacyFootnotes as y, MEDIA_KINDS as z };
+//#region src/lib/github-api.ts
+var github_api_exports = /* @__PURE__ */ __exportAll({
+	GitHubApiError: () => GitHubApiError,
+	createGitHubClient: () => createGitHubClient,
+	parseRepoSlug: () => parseRepoSlug
+});
+/**
+* GitHub REST API client for content sync.
+*
+* Pure fetch-based — no npm dependencies. Works in both Cloudflare Workers
+* and Node 18+.
+*/ var API_BASE = "https://api.github.com";
+var COMMON_HEADERS = {
+	Accept: "application/vnd.github+json",
+	"X-GitHub-Api-Version": "2022-11-28",
+	"User-Agent": "jant-github-sync"
+};
+var GitHubApiError = class extends Error {
+	status;
+	body;
+	url;
+	constructor(status, body, url) {
+		super(`GitHub API ${status}: ${body} (${url})`), this.status = status, this.body = body, this.url = url;
+		this.name = "GitHubApiError";
+	}
+};
+/**
+* Create a GitHub API client.
+*
+* Accepts either a static token (PAT) or a provider function that returns a
+* fresh token on each request (used for short-lived GitHub App installation
+* tokens which need to be refreshed before expiry — the provider handles
+* caching internally).
+*/ function createGitHubClient(auth) {
+	const getToken = typeof auth === "string" ? async () => auth : auth;
+	async function request(method, path, body) {
+		const url = `${API_BASE}${path}`;
+		const token = await getToken();
+		const res = await fetch(url, {
+			method,
+			headers: {
+				...COMMON_HEADERS,
+				Authorization: `Bearer ${token}`,
+				...body !== void 0 ? { "Content-Type": "application/json" } : {}
+			},
+			body: body !== void 0 ? JSON.stringify(body) : void 0
+		});
+		if (!res.ok) {
+			const text = await res.text();
+			throw new GitHubApiError(res.status, text, url);
+		}
+		if (res.status === 204) return void 0;
+		return await res.json();
+	}
+	async function requestOrNull(method, path) {
+		const url = `${API_BASE}${path}`;
+		const token = await getToken();
+		const res = await fetch(url, {
+			method,
+			headers: {
+				...COMMON_HEADERS,
+				Authorization: `Bearer ${token}`
+			}
+		});
+		if (res.status === 404) return null;
+		if (!res.ok) {
+			const text = await res.text();
+			throw new GitHubApiError(res.status, text, url);
+		}
+		return await res.json();
+	}
+	return {
+		async getRepo(owner, repo) {
+			return request("GET", `/repos/${owner}/${repo}`);
+		},
+		async getRef(owner, repo, ref) {
+			return { sha: (await request("GET", `/repos/${owner}/${repo}/git/ref/${ref}`)).object.sha };
+		},
+		async getCommit(owner, repo, sha) {
+			const data = await request("GET", `/repos/${owner}/${repo}/git/commits/${sha}`);
+			return {
+				sha: data.sha,
+				treeSha: data.tree.sha
+			};
+		},
+		async updateRef(owner, repo, ref, sha) {
+			await request("PATCH", `/repos/${owner}/${repo}/git/refs/${ref}`, {
+				sha,
+				force: false
+			});
+		},
+		async createRef(owner, repo, ref, sha) {
+			await request("POST", `/repos/${owner}/${repo}/git/refs`, {
+				ref: `refs/${ref}`,
+				sha
+			});
+		},
+		async getFileContent(owner, repo, path, ref) {
+			return requestOrNull("GET", `/repos/${owner}/${repo}/contents/${path}${ref ? `?ref=${encodeURIComponent(ref)}` : ""}`);
+		},
+		async createOrUpdateFile(owner, repo, path, opts) {
+			const body = {
+				message: opts.message,
+				content: btoa(unescape(encodeURIComponent(opts.content)))
+			};
+			if (opts.sha) body.sha = opts.sha;
+			if (opts.branch) body.branch = opts.branch;
+			return { sha: (await request("PUT", `/repos/${owner}/${repo}/contents/${path}`, body)).content.sha };
+		},
+		async deleteFile(owner, repo, path, opts) {
+			await request("DELETE", `/repos/${owner}/${repo}/contents/${path}`, {
+				message: opts.message,
+				sha: opts.sha,
+				...opts.branch ? { branch: opts.branch } : {}
+			});
+		},
+		async createBlob(owner, repo, content, encoding) {
+			return request("POST", `/repos/${owner}/${repo}/git/blobs`, {
+				content,
+				encoding
+			});
+		},
+		async createTree(owner, repo, items, baseTree) {
+			return request("POST", `/repos/${owner}/${repo}/git/trees`, {
+				tree: items,
+				...baseTree ? { base_tree: baseTree } : {}
+			});
+		},
+		async getTree(owner, repo, sha, opts) {
+			return request("GET", `/repos/${owner}/${repo}/git/trees/${sha}${opts?.recursive ? "?recursive=1" : ""}`);
+		},
+		async createCommit(owner, repo, opts) {
+			return request("POST", `/repos/${owner}/${repo}/git/commits`, {
+				message: opts.message,
+				tree: opts.tree,
+				parents: opts.parents
+			});
+		},
+		async createWebhook(owner, repo, opts) {
+			return request("POST", `/repos/${owner}/${repo}/hooks`, {
+				name: "web",
+				active: true,
+				events: opts.events,
+				config: {
+					url: opts.url,
+					secret: opts.secret,
+					content_type: "json",
+					insecure_ssl: "0"
+				}
+			});
+		},
+		async listWebhooks(owner, repo) {
+			return request("GET", `/repos/${owner}/${repo}/hooks`);
+		},
+		async deleteWebhook(owner, repo, hookId) {
+			await request("DELETE", `/repos/${owner}/${repo}/hooks/${hookId}`);
+		}
+	};
+}
+/**
+* Parse an `owner/repo` string into its parts.
+*
+* @returns `{ owner, repo }` or `null` if the format is invalid.
+*/ function parseRepoSlug(slug) {
+	const match = /^([a-zA-Z0-9_.-]+)\/([a-zA-Z0-9_.-]+)$/.exec(slug.trim());
+	if (!match) return null;
+	const [, owner, repo] = match;
+	if (!owner || !repo) return null;
+	return {
+		owner,
+		repo
+	};
+}
+//#endregion
+//#region src/services/github-sync.ts
+/**
+* GitHub Sync Service
+*
+* Handles bidirectional content synchronization between Jant and a GitHub repo.
+* Posts are serialized as Hugo-format Markdown bundles (reusing the export
+* format): each post is a branch bundle at `content/{slug}/_index.md` with
+* reply leaves at `content/{root-slug}/{reply-slug}/index.md`.
+*
+* Push (Jant → GitHub):
+*   - Always full sync: regenerate Jant-managed files in a single atomic commit
+*   - Uses base_tree so untracked files in the repo (READMEs, CI, etc.) are preserved
+*   - Debounced: multiple rapid changes collapse into one sync
+*
+* Pull (GitHub → Jant):
+*   - Webhook-triggered: match modified files to existing posts by slug and update
+*   - Unknown files are skipped; new posts cannot be created from GitHub
+*   - File deletions are intentionally ignored to avoid catastrophic data loss
+*     (e.g. user deletes the repo → site wiped). Deletes must go through Jant's UI.
+*
+* Anti-loop: all commits from Jant include `[jant-sync]` in the message.
+* Incoming webhooks with this marker are skipped.
+*/ var github_sync_exports = /* @__PURE__ */ __exportAll({
+	JANT_MANAGED_GLOBS: () => JANT_MANAGED_GLOBS,
+	JANT_SYNC_MARKER_PATH: () => JANT_SYNC_MARKER_PATH,
+	JANT_SYNC_MARKER_SCHEMA_VERSION: () => 3,
+	SYNC_COMMIT_MARKER: () => SYNC_COMMIT_MARKER,
+	classifyRepoForSync: () => classifyRepoForSync,
+	computeManagedDeletions: () => computeManagedDeletions,
+	createGitHubSyncService: () => createGitHubSyncService,
+	isManagedPath: () => isManagedPath,
+	pathMatchesManagedGlob: () => pathMatchesManagedGlob
+});
+/** Marker included in commit messages to prevent webhook loops. */ var SYNC_COMMIT_MARKER = "[jant-sync]";
+/**
+* Path of the ownership marker file written at the repo root.
+*
+* Presence of this file (with a matching `site_id`) identifies the repo
+* as actively managed by a Jant site. Used to distinguish three states
+* during connect: empty repo, Jant-owned repo, foreign repo with existing
+* content. Also serves as the initialization file for empty repos so we
+* don't need a separate throwaway placeholder.
+*/ var JANT_SYNC_MARKER_PATH = ".jant-sync";
+/**
+* Hard list of paths Jant fully owns and always overwrites on push.
+* Anything outside this set is user territory and preserved via base_tree.
+* Files inside this set that Jant no longer generates are deleted on the
+* next push (see `computeManagedDeletions`).
+*
+* - `content/**` — posts, collections, sections (rendered by Hugo)
+* - `data/jant.toml` — nav, branding, collections directory (the rest of
+*   `data/` is user territory so Hugo's `data/menu.toml` convention, etc.,
+*   can be used freely)
+* - `themes/jant/**` — the packaged Jant theme (layouts + static assets)
+* - `hugo.toml` — site config, including `theme = "jant"`
+* - `.gitignore`, `README.md` — scaffolded once, then kept in sync
+* - `.jant-sync` — ownership marker; written by this service, not by export
+*
+* The list is also stored in the marker itself (`managed_globs`) so future
+* schema bumps can diff the old and new sets to decide what needs cleanup.
+*/ var JANT_MANAGED_GLOBS = [
+	"content/**",
+	"data/jant.toml",
+	"themes/jant/**",
+	"hugo.toml",
+	".gitignore",
+	"README.md",
+	".jant-sync"
+];
+/**
+* Match a repo-relative path against a single glob from
+* `JANT_MANAGED_GLOBS`. Only two forms are supported because those are
+* the only two shapes the constant uses:
+*
+* - Exact path (`"hugo.toml"`, `"data/jant.toml"`)
+* - Directory prefix + `/**` (`"content/**"`, `"themes/jant/**"`)
+*
+* Exported for testing.
+*/ function pathMatchesManagedGlob(path, glob) {
+	if (glob.endsWith("/**")) {
+		const prefix = glob.slice(0, -3);
+		return path === prefix || path.startsWith(prefix + "/");
+	}
+	return path === glob;
+}
+/**
+* True when `path` falls inside one of Jant's managed globs.
+*
+* Exported for testing.
+*/ function isManagedPath(path) {
+	return JANT_MANAGED_GLOBS.some((g) => pathMatchesManagedGlob(path, g));
+}
+/**
+* Compute the tree items that should null-out files on the remote HEAD
+* which Jant claims ownership of (matches `JANT_MANAGED_GLOBS`) but is
+* not writing in the current push (not in `writtenPaths`).
+*
+* Returns a list of `{ sha: null }` tree entries suitable for appending
+* to the payload of `createTree`. Exported for testing.
+*/ function computeManagedDeletions(headTreeItems, writtenPaths) {
+	const items = [];
+	for (const item of headTreeItems) {
+		if (item.type !== "blob") continue;
+		if (!isManagedPath(item.path)) continue;
+		if (writtenPaths.has(item.path)) continue;
+		items.push({
+			path: item.path,
+			mode: "100644",
+			type: "blob",
+			sha: null
+		});
+	}
+	return items;
+}
+function parseMarker(text) {
+	try {
+		const parsed = JSON.parse(text);
+		if (typeof parsed.site_id === "string" && typeof parsed.site_host === "string" && typeof parsed.created_at === "number" && typeof parsed.schema_version === "number") return parsed;
+	} catch {}
+	return null;
+}
+function decodeMarkerContent(file) {
+	if (file.encoding === "base64") try {
+		const cleaned = file.content.replace(/\s+/g, "");
+		const binary = atob(cleaned);
+		const bytes = Uint8Array.from(binary, (ch) => ch.charCodeAt(0));
+		return new TextDecoder("utf-8").decode(bytes);
+	} catch {
+		return "";
+	}
+	return file.content;
+}
+function formatMarker(marker) {
+	return `${JSON.stringify(marker, null, 2)}\n`;
+}
+function safeHost(siteUrl) {
+	try {
+		return new URL(siteUrl).host;
+	} catch {
+		return "";
+	}
+}
+/**
+* Classify a repository to decide how to proceed with a sync connection.
+*
+* - `empty`: repo has no commits on the default branch (or repo is brand new).
+* - `owned`: `.jant-sync` marker present with matching `site_id`.
+* - `owned-by-other-site`: `.jant-sync` present but `site_id` differs —
+*   another Jant site already backs up here, blocking the connect.
+* - `foreign`: non-empty repo without a marker — requires explicit
+*   user confirmation before connect.
+*/ async function classifyRepoForSync(client, owner, repo, siteId) {
+	const defaultBranch = (await client.getRepo(owner, repo)).default_branch;
+	try {
+		await client.getRef(owner, repo, `heads/${defaultBranch}`);
+	} catch {
+		return { kind: "empty" };
+	}
+	const markerFile = await client.getFileContent(owner, repo, JANT_SYNC_MARKER_PATH);
+	if (!markerFile) return {
+		kind: "foreign",
+		defaultBranch
+	};
+	const marker = parseMarker(decodeMarkerContent(markerFile));
+	if (!marker) return {
+		kind: "foreign",
+		defaultBranch
+	};
+	if (marker.site_id === siteId) return {
+		kind: "owned",
+		marker
+	};
+	return {
+		kind: "owned-by-other-site",
+		marker
+	};
+}
+function createGitHubSyncService(services, siteId, siteConfig, deps = {}) {
+	/**
+	* Build the ownership marker for this push. Preserves `created_at`
+	* from an existing marker (when readable) so the timestamp reflects
+	* when this repo was first bound to this site, not the latest push.
+	*/ function buildMarker(existingContent, now) {
+		const existing = existingContent ? parseMarker(existingContent) : null;
+		const preservedCreatedAt = existing && existing.site_id === siteId ? existing.created_at : now;
+		return {
+			schema_version: 3,
+			site_id: siteId,
+			site_host: safeHost(siteConfig.siteUrl),
+			created_at: preservedCreatedAt,
+			managed_globs: [...JANT_MANAGED_GLOBS]
+		};
+	}
+	async function loadConfig() {
+		const [repo, enabled, authModeRaw] = await Promise.all([
+			services.settings.get("GITHUB_SYNC_REPO"),
+			services.settings.get("GITHUB_SYNC_ENABLED"),
+			services.settings.get("GITHUB_SYNC_AUTH_MODE")
+		]);
+		if (!repo || enabled !== "true") return null;
+		const authMode = authModeRaw === "app" ? "app" : "pat";
+		const [token, installationId, webhookId, webhookSecret, lastPushSha] = await Promise.all([
+			services.settings.get("GITHUB_SYNC_TOKEN"),
+			services.settings.get("GITHUB_SYNC_APP_INSTALLATION_ID"),
+			services.settings.get("GITHUB_SYNC_WEBHOOK_ID"),
+			services.settings.get("GITHUB_SYNC_WEBHOOK_SECRET"),
+			services.settings.get("GITHUB_SYNC_LAST_PUSH_SHA")
+		]);
+		if (authMode === "pat" && !token) return null;
+		if (authMode === "app" && !installationId) return null;
+		return {
+			authMode,
+			token: token ?? void 0,
+			installationId: installationId ?? void 0,
+			repo,
+			enabled: true,
+			webhookId: webhookId ?? void 0,
+			webhookSecret: webhookSecret ?? void 0,
+			lastPushSha: lastPushSha ?? void 0
+		};
+	}
+	function createClient(config) {
+		const parsed = parseRepoSlug(config.repo);
+		if (!parsed) throw new Error(`Invalid repo slug: ${config.repo}`);
+		let client;
+		if (config.authMode === "app") {
+			if (!deps.githubApp) throw new Error("GitHub App is not configured on this deployment. Set GITHUB_APP_ID, GITHUB_APP_PRIVATE_KEY, and GITHUB_APP_SLUG to use App auth.");
+			if (!config.installationId) throw new Error("GitHub App installation id is missing.");
+			const app = deps.githubApp;
+			const installationId = config.installationId;
+			client = createGitHubClient(() => getInstallationToken(app, installationId));
+		} else {
+			if (!config.token) throw new Error("GitHub sync PAT is missing.");
+			client = createGitHubClient(config.token);
+		}
+		return {
+			client,
+			owner: parsed.owner,
+			repo: parsed.repo
+		};
+	}
+	/**
+	* Get the HEAD SHA, initializing an empty repo if needed.
+	* GitHub's Git Trees API requires at least one commit to exist.
+	*/ async function getOrInitHead(client, owner, repo, defaultBranch, seedMarker) {
+		try {
+			return { sha: (await client.getRef(owner, repo, `heads/${defaultBranch}`)).sha };
+		} catch {
+			await client.createOrUpdateFile(owner, repo, JANT_SYNC_MARKER_PATH, {
+				content: formatMarker(seedMarker),
+				message: `Initialize Jant sync ${SYNC_COMMIT_MARKER}`
+			});
+			return { sha: (await client.getRef(owner, repo, `heads/${defaultBranch}`)).sha };
+		}
+	}
+	return {
+		getConfig: loadConfig,
+		async pushFullSync() {
+			const config = await loadConfig();
+			if (!config) throw new Error("GitHub Sync is not configured");
+			const { client, owner, repo } = createClient(config);
+			const exportFiles = await createExportService(services, siteConfig, {
+				storage: deps.storage,
+				bundleMedia: false
+			}).generateHugoFiles();
+			const defaultBranch = (await client.getRepo(owner, repo)).default_branch;
+			const now = Math.floor(Date.now() / 1e3);
+			const existingMarkerBeforeInit = await client.getFileContent(owner, repo, JANT_SYNC_MARKER_PATH).catch(() => null);
+			const marker = buildMarker(existingMarkerBeforeInit ? decodeMarkerContent(existingMarkerBeforeInit) : null, now);
+			const { sha: headSha } = await getOrInitHead(client, owner, repo, defaultBranch, marker);
+			const treeItems = [{
+				path: JANT_SYNC_MARKER_PATH,
+				mode: "100644",
+				type: "blob",
+				content: formatMarker(marker)
+			}];
+			for (const file of exportFiles) if (typeof file.content === "string") treeItems.push({
+				path: file.path,
+				mode: "100644",
+				type: "blob",
+				content: file.content
+			});
+			else {
+				const blob = await client.createBlob(owner, repo, uint8ArrayToBase64(file.content), "base64");
+				treeItems.push({
+					path: file.path,
+					mode: "100644",
+					type: "blob",
+					sha: blob.sha
+				});
+			}
+			const headCommit = await client.getCommit(owner, repo, headSha);
+			const headTree = await client.getTree(owner, repo, headCommit.treeSha, { recursive: true });
+			if (headTree.truncated) throw new Error("GitHub tree exceeds API limits (>100k entries or >7MB); incremental deletion cannot run safely against this repo.");
+			const writtenPaths = new Set(treeItems.map((item) => item.path));
+			treeItems.push(...computeManagedDeletions(headTree.tree, writtenPaths));
+			const tree = await client.createTree(owner, repo, treeItems, headCommit.treeSha);
+			const commit = await client.createCommit(owner, repo, {
+				message: `Sync site ${SYNC_COMMIT_MARKER}`,
+				tree: tree.sha,
+				parents: [headSha]
+			});
+			await client.updateRef(owner, repo, `heads/${defaultBranch}`, commit.sha);
+			await services.settings.set("GITHUB_SYNC_LAST_PUSH_SHA", commit.sha);
+			await services.settings.set("GITHUB_SYNC_LAST_PUSH_AT", String(Math.floor(Date.now() / 1e3)));
+			return { commitSha: commit.sha };
+		},
+		async handleWebhookPush(payload) {
+			if (payload.commits.some((c) => c.message.includes("[jant-sync]")) && payload.commits.length === 1) return;
+			const modified = /* @__PURE__ */ new Set();
+			for (const commit of payload.commits) {
+				if (commit.message.includes("[jant-sync]")) continue;
+				for (const file of [...commit.modified, ...commit.added]) if (classifyBundlePath(file)) modified.add(file);
+			}
+			if (modified.size === 0) return;
+			const config = await loadConfig();
+			if (!config) return;
+			const { client, owner, repo } = createClient(config);
+			for (const filePath of modified) {
+				const classification = classifyBundlePath(filePath);
+				if (!classification) continue;
+				const fileContent = await client.getFileContent(owner, repo, filePath, payload.after);
+				if (!fileContent) continue;
+				const { frontMatter, body } = await parseFrontMatter(decodeBase64Content(fileContent.content));
+				const slug = typeof frontMatter.slug === "string" && frontMatter.slug.trim() ? frontMatter.slug.trim() : classification.slug;
+				if (!slug) continue;
+				const pathRecord = await services.paths.getByPath(slug);
+				if (!pathRecord?.postId) continue;
+				const existingPost = await services.posts.getById(pathRecord.postId);
+				if (!existingPost) continue;
+				if (classification.kind === "reply") {
+					const rootPath = await services.paths.getByPath(classification.rootSlug);
+					if (!rootPath?.postId) continue;
+					if (existingPost.threadId !== rootPath.postId) continue;
+				}
+				const trimmedBody = body.trim();
+				const tiptapBody = trimmedBody ? markdownToTiptapJson(trimmedBody) : null;
+				const updateData = {};
+				if (tiptapBody !== null) updateData.body = tiptapBody;
+				if (frontMatter.title !== void 0) updateData.title = frontMatter.title;
+				if (frontMatter.link_url !== void 0) updateData.url = frontMatter.link_url;
+				if (frontMatter.source_name !== void 0) updateData.sourceName = frontMatter.source_name;
+				if (frontMatter.source_url !== void 0) updateData.sourceUrl = frontMatter.source_url;
+				if (frontMatter.quote_text !== void 0) updateData.quoteText = frontMatter.quote_text;
+				if (frontMatter.rating !== void 0) updateData.rating = frontMatter.rating;
+				if (Object.keys(updateData).length > 0) await services.posts.update(existingPost.id, updateData);
+			}
+		},
+		async setupWebhook(callbackUrl) {
+			const config = await loadConfig();
+			if (!config) throw new Error("GitHub Sync is not configured");
+			const { client, owner, repo } = createClient(config);
+			const secretBytes = /* @__PURE__ */ new Uint8Array(32);
+			crypto.getRandomValues(secretBytes);
+			const secret = Array.from(secretBytes).map((b) => b.toString(16).padStart(2, "0")).join("");
+			const webhook = await client.createWebhook(owner, repo, {
+				url: callbackUrl,
+				secret,
+				events: ["push"]
+			});
+			await services.settings.set("GITHUB_SYNC_WEBHOOK_SECRET", secret);
+			await services.settings.set("GITHUB_SYNC_WEBHOOK_ID", String(webhook.id));
+			return { webhookId: webhook.id };
+		},
+		async teardownWebhook() {
+			const config = await loadConfig();
+			if (!config) return;
+			if (config.webhookId) try {
+				const { client, owner, repo } = createClient(config);
+				await client.deleteWebhook(owner, repo, parseInt(config.webhookId));
+			} catch {}
+			await services.settings.set("GITHUB_SYNC_ENABLED", "false");
+			await services.settings.set("GITHUB_SYNC_TOKEN", "");
+			await services.settings.set("GITHUB_SYNC_REPO", "");
+			await services.settings.set("GITHUB_SYNC_WEBHOOK_SECRET", "");
+			await services.settings.set("GITHUB_SYNC_WEBHOOK_ID", "");
+			await services.settings.set("GITHUB_SYNC_LAST_PUSH_SHA", "");
+			await services.settings.set("GITHUB_SYNC_AUTH_MODE", "pat");
+			await services.settings.set("GITHUB_SYNC_APP_INSTALLATION_ID", "");
+		}
+	};
+}
+function decodeBase64Content(content) {
+	const cleaned = content.replace(/\n/g, "");
+	return decodeURIComponent(escape(atob(cleaned)));
+}
+function classifyBundlePath(path) {
+	if (!path.startsWith("content/")) return null;
+	const segments = path.slice(8).split("/");
+	if (segments.length === 2 && segments[1] === "_index.md") {
+		const slug = segments[0];
+		if (!slug) return null;
+		return {
+			kind: "root",
+			slug
+		};
+	}
+	if (segments.length === 3 && segments[2] === "index.md") {
+		const rootSlug = segments[0];
+		const slug = segments[1];
+		if (!rootSlug || !slug) return null;
+		return {
+			kind: "reply",
+			rootSlug,
+			slug
+		};
+	}
+	return null;
+}
+function uint8ArrayToBase64(bytes) {
+	let binary = "";
+	for (let i = 0; i < bytes.length; i++) binary += String.fromCharCode(bytes[i]);
+	return btoa(binary);
+}
+//#endregion
+export { getHostedControlPlaneBaseUrl as $, HOME_BRANDING_LINK_LABEL as $t, upgradeLegacyFootnotes as A, toAbsoluteSiteUrl as An, MAX_SITE_DESCRIPTION_LENGTH as At, env_exports as B, SMART_COLLECTION_SORT_ORDERS as Bt, extractSummary as C, isFullUrl as Cn, EARLIEST_FILTERABLE_YEAR as Ct, renderTiptapDocumentAroundBoundary as D, sanitizeUrl as Dn, MAX_COLLECTION_DESCRIPTION_LENGTH as Dt, renderTiptapDocument as E, normalizeSiteUrl as En, LATEST_FILTERABLE_YEAR as Et, formatYearMonth as F, url_exports as Fn, PATH_KINDS as Ft, getConfiguredStorageDriver as G, SYSTEM_NAV_KEY_VALUES as Gt, getConfiguredSingleSiteOrigin as H, STATUSES as Ht, formatYearMonthLabel as I, escapeHtml as In, PUBLIC_ARCHIVE_VISIBILITIES as It, getDiscoverDefault as J, VISIBILITIES as Jt, getCorsOrigins as K, TEXT_ATTACHMENT_CONTENT_FORMATS as Kt, now as L, __commonJSMin as Ln, SITE_DOMAIN_KINDS as Lt, formatRelativeAge as M, toPublicHref as Mn, MEDIA_KINDS as Mt, formatRelativeTime as N, toPublicPath as Nn, NAV_ITEM_PLACEMENTS as Nt, renderTiptapJson as O, stripSitePathPrefix as On, MAX_MEDIA_ATTACHMENTS as Ot, formatTime as P, toSameSitePath as Pn, NAV_ITEM_TYPES as Pt, getGitHubAppConfig as Q, getPublicUrlForProvider as Qt, time_exports as R, __exportAll as Rn, SITE_MEMBER_ROLES as Rt, extractBodyText as S, getSitePathPrefix$1 as Sn, DEFAULT_NAVIGATION_PROFILE as St, extractTimelineSummary as T, normalizePath as Tn, GITHUB_APP_ACCOUNT_TYPES as Tt, getConfiguredSingleSitePathPrefix as U, STORAGE_DRIVERS as Ut, getAuthSecret as V, SORT_ORDERS as Vt, getConfiguredSingleSiteUrl as W, SYSTEM_NAV_KEYS as Wt, getDiscoverPingUrl as X, getImageUrl as Xt, getDiscoverDirectoryBaseUrl as Y, isFeedNavKey as Yt, getEnvString as Z, getMediaUrl as Zt, markdownToTiptapJson as _, base64ToUint8Array as _n, ARCHIVE_VISIBILITIES as _t, github_api_exports as a, getDefaultJantFaviconIcoBytes as an, getInternalAdminToken as at, toPlainText as b, extractDomain as bn, COLLECTION_SORT_ORDERS as bt, export_exports as c, getJantIconFilename as cn, getSiteResolutionMode as ct, buildInstallUrl as d, getJantLogoFills as dn, shouldTrustProxy as dt, HOME_BRANDING_PREFIX as en, getHostedControlPlaneDomainCheckSecret as et, getInstallation as f, getJantLogoHref as fn, shouldUseSecureCookies as ft, tiptapJsonToMarkdown as g, arrayBufferToBase64 as gn, ARCHIVE_LAYOUTS as gt, searchInstallationRepos as h, JANT_LOGO_VIEW_BOX as hn, THEME_MODES as ht, createGitHubClient as i, getDefaultJantAppleTouchIconBytes as in, getHostedControlPlaneSsoSecret as it, formatDate as j, toInternalPath as jn, MAX_SITE_FOOTER_LENGTH as jt, trimTiptapBody as k, toAbsoluteAssetUrl as kn, MAX_PINNED_POSTS as kt, buildRootActivityExpr as l, getJantIconHref as ln, getTelegramBotPool as lt, listInstallationReposPage as m, JANT_LOGO_PATH_DATA as mn, CONFIG_FIELDS as mt, createGitHubSyncService as n, JANT_HOME_URL as nn, getHostedControlPlaneInternalToken as nt, parseRepoSlug as o, getJantBrandPackHref as on, getLocalStoragePath as ot, github_app_exports as p, getJantPositiveLogoPngHref as pn, coalesceDisplayText as pt, getDevApiToken as q, UPLOAD_SESSION_STATES as qt, github_sync_exports as r, JANT_POSITIVE_LOGO_PNG_FILENAME as rn, getHostedControlPlaneProviderLabel as rt, createExportService as s, getJantBundledAsset as sn, getPort as st, SYNC_COMMIT_MARKER as t, JANT_BRAND_PACK_FILENAME as tn, getHostedControlPlaneInternalBaseUrl as tt, rootActivityColumns as u, getJantLogoFilename as un, getTelegramWebhookSecret as ut, markdown_exports as v, buildSiteUrl as vn, COLLECTION_DIRECTORY_ENTRY_TYPES as vt, extractSummaryHtml as w, isSafeInternalRedirect as wn, FORMATS as wt, NOTE_SUMMARY_MAX_CHARS as x, getSiteOrigin$1 as xn, CONTENT_DISPOSITIONS as xt, render as y, extractDisplayDomain as yn, COLLECTION_FRESHNESS_WINDOW_SECONDS as yt, toISOString as z, __toESM as zn, SITE_STATUSES as zt };