edgepress 2026.10.1 → 2026.10.13

package/themes/default/assets/style.css

@@ -1,4 +1,4 @@
-:root{color-scheme:light;--paper:#fbfaf7;--ink:#222722;--muted:#667168;--line:#dfe4dc;--accent:#426b57;font:16px/1.75 ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}*{box-sizing:border-box}body{max-width:920px;margin:0 auto;padding:0 28px;background:var(--paper);color:var(--ink)}a{color:var(--accent);text-underline-offset:.18em}a:hover{text-decoration-thickness:2px}.skip-link{position:absolute;left:-10000px;top:auto}.skip-link:focus{left:16px;top:16px;padding:10px 14px;background:#fff;border:2px solid var(--accent);z-index:2}.site-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 0;border-bottom:1px solid var(--line)}.brand{font-size:1.3rem;font-weight:750;color:var(--ink);text-decoration:none}.site-header nav,.locale-nav{display:flex;flex-wrap:wrap;gap:18px}.site-header nav a{text-decoration:none}main{min-height:64vh;padding:38px 0}.intro{max-width:680px;margin-bottom:36px}.intro h1,.post h1,.page h1,main>section>h1{font-size:clamp(2rem,6vw,3.25rem);letter-spacing:-.035em;line-height:1.12}.post-card{padding:18px 0;border-top:1px solid var(--line)}.post-card h2{margin:0;font-size:1.35rem}.meta,.tags,footer{color:var(--muted)}.meta{font-size:.9rem}.post-content img{max-width:100%;height:auto}.post-content pre{overflow:auto;padding:16px;background:#edf0ea;border-radius:8px}.post-content code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.post-content table{display:block;max-width:100%;overflow:auto;border-collapse:collapse}.post-content th,.post-content td{padding:8px 12px;border:1px solid var(--line)}.pagination{display:flex;justify-content:space-between;margin-top:30px}.locale-nav{justify-content:flex-end;padding-top:12px;font-size:.88rem}.locale-nav a{color:var(--muted)}a:focus-visible{outline:3px solid #cb774d;outline-offset:3px}footer{border-top:1px solid var(--line);padding:24px 0;font-size:.9rem}@media(max-width:620px){body{padding:0 17px}.site-header{align-items:flex-start;flex-direction:column;gap:14px}.site-header nav{gap:14px}.locale-nav{justify-content:flex-start}}
+:root{color-scheme:light;--paper:#fbfaf7;--ink:#222722;--muted:#667168;--line:#dfe4dc;--accent:#426b57;font:16px/1.75 var(--edgepress-font-sans)}*{box-sizing:border-box}body{max-width:920px;margin:0 auto;padding:0 28px;background:var(--paper);color:var(--ink)}a{color:var(--accent);text-underline-offset:.18em}a:hover{text-decoration-thickness:2px}.skip-link{position:absolute;left:-10000px;top:auto}.skip-link:focus{left:16px;top:16px;padding:10px 14px;background:#fff;border:2px solid var(--accent);z-index:2}.site-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 0;border-bottom:1px solid var(--line)}.brand{font-size:1.3rem;font-weight:750;color:var(--ink);text-decoration:none}.site-header nav,.locale-nav{display:flex;flex-wrap:wrap;gap:18px}.site-header nav a{text-decoration:none}main{min-height:64vh;padding:38px 0}.intro{max-width:680px;margin-bottom:36px}.intro h1,.post h1,.page h1,main>section>h1{font-size:clamp(2rem,6vw,3.25rem);letter-spacing:-.035em;line-height:1.12}.post-card{padding:18px 0;border-top:1px solid var(--line)}.post-card h2{margin:0;font-size:1.35rem}.meta,.tags,footer{color:var(--muted)}.meta{font-size:.9rem}.post-content img{max-width:100%;height:auto}.post-content pre{overflow:auto;padding:16px;background:#edf0ea;border-radius:8px}.post-content code{font-family:var(--edgepress-font-mono)}.post-content table{display:block;max-width:100%;overflow:auto;border-collapse:collapse}.post-content th,.post-content td{padding:8px 12px;border:1px solid var(--line)}.pagination{display:flex;justify-content:space-between;margin-top:30px}.locale-nav{justify-content:flex-end;padding-top:12px;font-size:.88rem}.locale-nav a{color:var(--muted)}a:focus-visible{outline:3px solid #cb774d;outline-offset:3px}footer{border-top:1px solid var(--line);padding:24px 0;font-size:.9rem}@media(max-width:620px){body{padding:0 17px}.site-header{align-items:flex-start;flex-direction:column;gap:14px}.site-header nav{gap:14px}.locale-nav{justify-content:flex-start}}
 
 /* Page flow keeps the footer at the viewport bottom on short pages. */
 body{display:flex;flex-direction:column;min-height:100vh}
@@ -16,9 +16,9 @@ main{flex:1;min-height:0}
 .image-block figcaption,.quote-block figcaption{color:var(--muted);font-size:.9rem}
 .faq-block details{margin:12px 0}.faq-block summary{cursor:pointer;font-weight:700}
 .ad-slot:empty{min-height:90px}.captcha-block{min-height:65px}
-
 
-.privacy-manager{position:fixed;inset-inline-end:max(12px,env(safe-area-inset-right));inset-block-end:max(12px,env(safe-area-inset-bottom));z-index:1000;display:grid;align-content:end;gap:7px;box-sizing:border-box;width:min(28rem,calc(100vw - 24px));max-height:calc(100dvh - 24px);color:var(--ink,#1d2824);font:14px/1.45 ui-sans-serif,system-ui,sans-serif;pointer-events:none;isolation:isolate}
+
+.privacy-manager{position:fixed;inset-inline-end:max(12px,env(safe-area-inset-right));inset-block-end:max(12px,env(safe-area-inset-bottom));z-index:1000;display:grid;align-content:end;gap:7px;box-sizing:border-box;width:min(28rem,calc(100vw - 24px));max-height:calc(100dvh - 24px);color:var(--ink,#1d2824);font:14px/1.45 var(--edgepress-font-sans);pointer-events:none;isolation:isolate}
 .privacy-manager *{box-sizing:border-box}
 .privacy-manager>*{min-width:0;pointer-events:auto}
 .privacy-manager .privacy-settings-button,.privacy-manager .privacy-panel button{display:inline-flex;justify-content:center;align-items:center;gap:8px;min-width:0;min-height:44px;max-width:100%;padding:9px 13px;border:1px solid var(--line,#c7d0c9);border-radius:999px;background:var(--paper,#fff);color:var(--ink,#1d2824);font:inherit;font-weight:700;line-height:1.25;text-align:center;overflow-wrap:anywhere;cursor:pointer}
@@ -28,8 +28,8 @@ main{flex:1;min-height:0}
 .privacy-manager .privacy-panel h2{margin:0;padding-inline-end:44px;font-size:1.08rem;line-height:1.3}
 .privacy-manager .privacy-panel p{margin:0;overflow-wrap:anywhere}
 .privacy-manager .privacy-panel .privacy-close{position:absolute;inset-block-start:6px;inset-inline-end:6px;width:44px;min-width:44px;min-height:44px;padding:8px;border-radius:50%}
-.privacy-manager .privacy-panel .privacy-close svg{width:20px;height:20px}
-.privacy-manager svg{width:18px;height:18px;flex:none}
+.privacy-manager .privacy-panel .privacy-close .icon-library{width:20px;height:20px}
+.privacy-manager .icon-library{width:18px;height:18px;flex:none}
 .privacy-manager .privacy-intro,.privacy-manager .privacy-essential,.privacy-manager .privacy-controller{color:var(--muted,#536159)}
 .privacy-manager .privacy-service-settings{display:grid;gap:7px;min-width:0}
 .privacy-manager .privacy-service-setting{display:grid;gap:5px;min-width:0;padding:10px;border:1px solid var(--line,#c7d0c9);border-radius:10px;background:var(--panel,#fff)}
@@ -42,7 +42,6 @@ main{flex:1;min-height:0}
 .privacy-manager .privacy-service-toggle-text{grid-column:1;grid-row:1;display:grid;gap:3px;min-width:0;overflow-wrap:anywhere}
 .privacy-manager .privacy-service-toggle-text strong{font-size:.94rem}
 .privacy-manager .privacy-service-purpose{color:var(--muted,#536159);font-size:.86rem;line-height:1.4}
-.privacy-manager .privacy-category{justify-self:start;max-width:100%;padding:1px 7px;border-radius:999px;background:color-mix(in srgb,var(--accent,#315e49) 12%,transparent);color:var(--ink,#1d2824);font-size:.74rem;overflow-wrap:anywhere}
 .privacy-manager .privacy-details{min-width:0;margin:0;border-top:1px solid var(--line,#c7d0c9)}
 .privacy-manager .privacy-details>summary{padding:7px 1px 0;font-size:.86rem;font-weight:700;cursor:pointer}
 .privacy-manager .privacy-details>summary:focus-visible{outline:3px solid var(--accent,#315e49);outline-offset:3px}
@@ -62,7 +61,7 @@ main{flex:1;min-height:0}
 .privacy-manager .privacy-policy-link{width:fit-content;max-width:100%;font-size:.86rem}
 .privacy-manager .privacy-policy-link:focus-visible,.privacy-manager .privacy-settings-button:focus-visible,.privacy-manager .privacy-panel button:focus-visible{outline:3px solid var(--accent,#315e49);outline-offset:3px}
 .privacy-manager .privacy-empty{padding:9px;border:1px dashed var(--line,#c7d0c9);border-radius:8px;color:var(--muted,#536159)}
-@media(max-width:560px){.privacy-manager{inset-inline-start:max(12px,env(safe-area-inset-left));width:auto;max-width:none}.privacy-manager .privacy-panel{max-height:min(66vh,40rem);max-height:min(66dvh,40rem);padding:13px}.privacy-manager .privacy-actions{gap:6px}}
+@media(max-width:560px){.privacy-manager{inset-inline-start:max(12px,env(safe-area-inset-left));width:auto;max-width:none}.privacy-manager .privacy-panel{max-height:min(66vh,40rem);max-height:min(66dvh,40rem);padding:13px}.privacy-manager .privacy-actions{gap:6px}}
 /* Page blocks follow a section-and-widget layout, while articles keep their own reading column. */
 body{max-width:none;padding:0 clamp(18px,4vw,56px)}
 .site-header,main,.site-footer{width:min(100%,1240px);margin-inline:auto}
@@ -98,7 +97,7 @@ main{padding:clamp(32px,5vw,64px) 0}
 .steps-widget li{counter-increment:step}
 .steps-widget li::before{content:counter(step,decimal-leading-zero);display:block;color:var(--accent);font-size:.85rem;font-weight:800;letter-spacing:.08em;margin-bottom:8px}
 .steps-widget pre,.code-widget pre{overflow:auto;padding:16px;background:#202722;color:#f7f7f2;border-radius:10px}
-.steps-widget code,.code-widget code{font: .9rem/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre}
+.steps-widget code,.code-widget code{font: .9rem/1.6 var(--edgepress-font-mono);white-space:pre}
 .code-widget{margin:14px 0}
 .code-widget figcaption{font-size:.9rem;font-weight:700;margin:0 0 8px}
 .table-widget{overflow-x:auto;margin:18px 0}
@@ -120,7 +119,7 @@ main{padding:clamp(32px,5vw,64px) 0}
 .footer-navigation{display:flex;flex-direction:row;gap:18px}
 .error-page{max-width:760px;margin:8vh auto;text-align:center;padding:clamp(28px,6vw,72px);border:1px solid var(--line);border-radius:18px;background:#f0f2ed}
 .error-code{margin:0;color:var(--accent);font-size:clamp(4rem,14vw,9rem);font-weight:800;line-height:1;letter-spacing:-.08em}
-
+
 
 /* Page files define row column counts and then element types inside each column. */
 .page-builder-row{display:grid;gap:clamp(16px,2.5vw,30px);align-items:start}
@@ -131,8 +130,8 @@ main{padding:clamp(32px,5vw,64px) 0}
 .page-builder-cell{min-width:0}
 .page-builder-cell>.hero-block,.page-builder-cell>.page-section,.page-builder-cell>.feature-section,.page-builder-cell>.cta-block,.page-builder-cell>.faq-block,.page-builder-cell>.latest-posts{margin:0}
 .display-text{font-size:clamp(1.8rem,5vw,4rem);line-height:1.08;letter-spacing:-.045em}
-.display-text--serif{font-family:Georgia,"Iowan Old Style",serif;font-weight:500}
-.display-text--mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:-.06em}
+.display-text--serif{font-family:var(--edgepress-font-serif);font-weight:500}
+.display-text--mono{font-family:var(--edgepress-font-mono);letter-spacing:-.06em}
 .display-text--accent{color:var(--accent)}
 .display-text--outline{-webkit-text-stroke:1px currentColor;color:transparent}
 .media-text-block{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(20px,4vw,48px)}
@@ -145,17 +144,17 @@ main{padding:clamp(32px,5vw,64px) 0}
 .privacy-controller-inline{display:flex;flex-wrap:wrap;align-items:baseline;gap:3px 10px;margin:0}
 .privacy-controller-inline span{min-width:0;overflow-wrap:anywhere}
 .privacy-controller-separator{color:var(--muted)}
-.privacy-vendor-link{display:inline-block;margin-block-start:4px}
+.privacy-vendor-link{display:inline-block;margin-block-start:4px}
 .privacy-controller-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:12px}
 .privacy-controller-details>div{padding:14px;border:1px solid var(--line);border-radius:10px}
 .privacy-controller-details dt{font-size:.85rem;color:var(--muted);font-weight:700}
 .privacy-controller-details dd{margin:4px 0 0;overflow-wrap:anywhere}
-@media(max-width:760px){.page-builder-row[data-columns="2"],.page-builder-row[data-columns="3"],.page-builder-row[data-columns="4"]{grid-template-columns:minmax(0,1fr)}.media-text-block{grid-template-columns:1fr}.media-text-block--right figure{order:0}}
+@media(max-width:760px){.page-builder-row[data-columns="2"],.page-builder-row[data-columns="3"],.page-builder-row[data-columns="4"]{grid-template-columns:minmax(0,1fr)}.media-text-block{grid-template-columns:1fr}.media-text-block--right figure{order:0}}
 
 .page-builder,.page-builder-row,.page-builder-cell,.hero-block,.hero-main,.hero-highlights{min-width:0}
 .page-builder-row{width:100%}
 .media-text-block,.media-text-block>*{min-width:0}
-@media(max-width:760px){html,body{max-width:100%}.site-header,main,.site-footer{max-width:100%;min-width:0}.hero-block{grid-template-columns:minmax(0,1fr)}.hero-highlights{grid-template-columns:minmax(0,1fr)}}
+@media(max-width:760px){html,body{max-width:100%}.site-header,main,.site-footer{max-width:100%;min-width:0}.hero-block{grid-template-columns:minmax(0,1fr)}.hero-highlights{grid-template-columns:minmax(0,1fr)}}
 
 /* Keep long article content and generated page widgets inside narrow viewports. */
 html,body{width:100%;min-width:0;max-width:100%}
@@ -181,32 +180,32 @@ main,.page-builder,.page-builder-row,.page-builder-cell,.post,.post-content,.pos
 .local-search-results time{display:block;color:var(--muted);font-size:.9rem;margin-top:4px}
 .local-search-results p{margin:8px 0 0}
 .markdown-task-status{display:inline-block;min-width:1.35em;font-weight:800}
-@media(max-width:620px){.local-search-controls{align-items:stretch;flex-direction:column}.local-search-controls button{min-height:44px}.post-content pre,.code-widget pre,.steps-widget pre{padding:12px}}
+@media(max-width:620px){.local-search-controls{align-items:stretch;flex-direction:column}.local-search-controls button{min-height:44px}.post-content pre,.code-widget pre,.steps-widget pre{padding:12px}}
 .locale-nav select{max-width:min(100%,13rem);padding:7px 30px 7px 10px;border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--ink);font:inherit;cursor:pointer}
 .locale-nav select:focus-visible{outline:3px solid #cb774d;outline-offset:3px}
 @media(max-width:620px){.locale-nav select{min-height:42px;max-width:100%}}
 
 /* Article contents and code tools use theme styling and wrap on narrow screens. */
-.post-toc-widget{position:fixed;inset-inline-end:max(12px,env(safe-area-inset-right));inset-block-start:50%;z-index:950;max-width:calc(100vw - 24px);transform:translateY(-50%);color:var(--ink);font:14px/1.5 ui-sans-serif,system-ui,sans-serif}
+.post-toc-widget{position:fixed;inset-inline-end:max(12px,env(safe-area-inset-right));inset-block-start:50%;z-index:950;max-width:calc(100vw - 24px);transform:translateY(-50%);color:var(--ink);font:14px/1.5 var(--edgepress-font-sans)}
 .post-toc-widget[hidden]{display:none}
 .post-toc-toggle{display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:9px 12px;border:1px solid var(--line);border-radius:999px;background:var(--paper);color:var(--ink);font:inherit;font-weight:700;box-shadow:0 4px 18px #0002;cursor:pointer}
-.post-toc-toggle svg{width:18px;height:18px;flex:none}
+.post-toc-toggle .icon-library{width:18px;height:18px;flex:none}
 .post-toc-toggle:focus-visible,.post-toc-close:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
 .post-toc-panel{position:absolute;inset-inline-end:0;inset-block-end:calc(100% + 8px);display:grid;gap:8px;width:min(22rem,calc(100vw - 24px));max-height:min(60vh,32rem);overflow:auto;overscroll-behavior:contain;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--paper);box-shadow:0 12px 36px #0003}
 .post-toc-panel[hidden]{display:none}
 .post-toc-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}
 .post-toc-heading h2{margin:0;font-size:1rem;letter-spacing:0}
 .post-toc-close{display:grid;place-items:center;width:40px;height:40px;flex:none;border:1px solid var(--line);border-radius:50%;background:var(--paper);color:var(--ink);font:inherit;font-size:1.35rem;line-height:1;cursor:pointer}
-.post-toc-panel ol{margin:0;padding-inline-start:1.25rem}
+.post-toc-panel ol{margin:0;padding-inline-start:0;list-style:none}
 .post-toc-panel li{padding:3px 0;overflow-wrap:anywhere}
 .post-toc-panel .post-toc-level-3{padding-inline-start:1rem}
 .post-toc-panel .post-toc-level-4,.post-toc-panel .post-toc-level-5,.post-toc-panel .post-toc-level-6{padding-inline-start:2rem}
-@media(max-width:620px){.post-toc-widget{inset-inline-start:max(12px,env(safe-area-inset-left));inset-inline-end:auto;inset-block-start:auto;inset-block-end:max(12px,env(safe-area-inset-bottom));transform:none}.post-toc-panel{inset-inline-start:0;inset-inline-end:auto;max-height:min(58vh,30rem)}.post-toc-toggle{min-height:44px}}
+@media(max-width:620px){.post-toc-widget{inset-inline-start:max(12px,env(safe-area-inset-left));inset-inline-end:auto;inset-block-start:auto;inset-block-end:max(12px,env(safe-area-inset-bottom));transform:none}.post-toc-panel{inset-inline-start:0;inset-inline-end:auto;max-height:min(58vh,30rem)}.post-toc-toggle{min-height:44px}}
 .post-content h2[id],.post-content h3[id],.post-content h4[id],.post-content h5[id],.post-content h6[id]{scroll-margin-top:1rem}
 .code-copy-block{max-width:100%;margin:1.25em 0;border-radius:10px;overflow:hidden;background:#edf0ea}
 .code-copy-block pre{margin:0;border-radius:0}
 .code-copy-toolbar{display:flex;justify-content:flex-end;padding:7px 10px;background:var(--ink)}
-.code-copy-button{min-height:36px;padding:5px 12px;border:1px solid currentColor;border-radius:7px;background:transparent;color:var(--paper);font:600 .88rem/1.3 ui-sans-serif,system-ui,sans-serif;cursor:pointer}
+.code-copy-button{min-height:36px;padding:5px 12px;border:1px solid currentColor;border-radius:7px;background:transparent;color:var(--paper);font:600 .88rem/1.3 var(--edgepress-font-sans);cursor:pointer}
 .code-copy-button:hover{background:var(--accent)}
 .code-copy-button:focus-visible{outline:3px solid #cb774d;outline-offset:2px}
 .code-copy-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@@ -231,15 +230,15 @@ body{background:radial-gradient(ellipse at 92% 0%,#e9e9ff 0,transparent 33%),var
 .code-copy-block pre{background:#211d49;color:#f7f8ff}
 .code-copy-button:focus-visible,.local-search-form :focus-visible{outline-color:var(--warm)}
 
-/* Shared EdgePress marks and SVG icons keep common navigation recognizable across themes. */
+/* Shared EdgePress marks and bitmap icons keep common navigation recognizable across themes. */
 .brand{display:inline-flex;align-items:center;gap:10px}
 .brand-mark{display:block;width:36px;height:36px;flex:0 0 auto;object-fit:contain}
 .primary-navigation a,.site-header nav a,.footer-navigation a{display:inline-flex;align-items:center;gap:.42em}
-.navigation-icon{display:block;width:1.05em;height:1.05em;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
+.navigation-icon{display:block;width:1.05em;height:1.05em;flex:0 0 auto;}
 .hero-aside{display:grid;align-content:center;justify-items:center;gap:16px;min-width:0}
 .hero-mascot{display:block;width:min(100%,230px);height:auto;max-height:220px;object-fit:contain;filter:drop-shadow(0 9px 13px #315e4922)}
 .hero-aside .hero-highlights{width:100%;align-self:stretch}
-.feature-icon{display:block;width:34px;height:34px;margin:0 0 10px;color:var(--accent);fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
+.feature-icon{display:block;width:34px;height:34px;margin:0 0 10px;color:var(--accent);}
 .latest-posts-pagination{justify-content:flex-start;gap:16px;margin-top:18px}
 .latest-posts-pagination a:last-child{margin-left:auto}
 .hero-mascot-picture{display:block;width:min(100%,230px)}
@@ -254,3 +253,120 @@ body{background:radial-gradient(ellipse at 92% 0%,#e9e9ff 0,transparent 33%),var
 .post-tags ul{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
 .post-tags a{display:inline-block;padding:2px 10px;border:1px solid var(--line);border-radius:999px;background:var(--paper);color:var(--accent);font-weight:600;text-decoration:none}
 .post-tags a:hover{background:var(--line)}
+
+/* Raster artwork and predictable spacing for generated page elements. */
+.icon-library{display:inline-block;width:24px;height:24px;flex:none;object-fit:contain;vertical-align:middle}
+.navigation-icon{width:20px;height:20px}
+.feature-icon{width:32px;height:32px}
+.post-toc-toggle .icon-library,.privacy-manager .icon-library{width:20px;height:20px}
+.privacy-manager .privacy-accept .icon-library,.privacy-manager .privacy-reject .icon-library{filter:brightness(0) invert(1)}
+.page-builder-cell{display:grid;align-content:start;gap:clamp(16px,2.5vw,28px)}
+.page-builder-cell>*,.section-inner>*{min-width:0;margin-block:0}
+.section-inner{display:grid;gap:16px}
+.post-list{display:grid;gap:clamp(16px,2.5vw,24px)}
+.archive-post-list{margin-block:24px}
+.post-list>.post-card{margin:0}
+.post-card .meta{margin-block:8px;line-height:1.6}
+.latest-posts>h2,.feature-section>h2{margin-block:0 16px}
+.pagination:not(.latest-posts-pagination){align-items:center;justify-content:center;gap:12px}
+.pagination-pages{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}
+.pagination-pages a,.pagination-current{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:8px 12px;border:1px solid var(--line);border-radius:10px;background:var(--panel,var(--paper,var(--surface)));color:var(--ink);font-weight:600;text-decoration:none}
+.pagination-current{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);font-weight:800}
+.pagination-ellipsis{padding-inline:4px;color:var(--muted)}
+.hero-block--banner{grid-template-columns:minmax(0,1fr);gap:24px}
+.hero-banner{display:block;width:min(100%,680px);height:auto;max-height:460px;margin:0 auto;object-fit:contain}
+.hero-block--banner .hero-aside{max-width:100%}
+
+.page-section--dark .icon-library{filter:brightness(0) invert(1)}
+
+.brand-mark{width:36px;height:36px;object-fit:contain;border-radius:50%;background:#f8efdc;padding:2px}
+.hero-mascot,.hero-mascot-picture{width:min(100%,320px);max-height:240px}
+.hero-banner-picture{display:block;margin-top:24px}
+
+/* Journal metadata and accessible project navigation. */
+.navigation-select[hidden] { display: none; }
+.navigation-select { display: inline-flex; align-items: center; gap: .42em; max-width: 100%; color: var(--accent); }
+.navigation-select select { font: inherit; color: inherit; background: transparent; border: 0; border-radius: 0; padding: .25rem 0; min-height: 44px; max-width: 100%; field-sizing: content; cursor: pointer; }
+.primary-navigation a { min-height: 44px; }
+.navigation-select option { color: CanvasText; background: Canvas; }
+.navigation-select select:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
+.post-byline { display: flex; align-items: center; flex-wrap: wrap; gap: .7rem 1.2rem; margin-block: 1rem; }
+.post-byline .post-author { display: inline-flex; align-items: center; gap: .55rem; }
+.author-avatar { width: 40px; height: 40px; flex: 0 0 40px; border-radius: 50%; object-fit: cover; }
+.post-tags { display: flex; align-items: center; flex-wrap: wrap; gap: .45rem; margin-block: 1rem 1.5rem; }
+.post-tag { display: inline-block; max-width: 100%; overflow-wrap: anywhere; border: 1px solid currentColor; border-radius: 1rem; padding: .15rem .6rem; font-size: .85em; }
+
+.post-changes{margin:1.5rem 0;border:1px solid var(--line);border-radius:12px;overflow:hidden;color:var(--ink)}
+.post-changes summary{cursor:pointer;font-weight:650;padding:1rem;min-height:44px;background:var(--surface,var(--panel,var(--paper,transparent)))}
+.post-changes summary:focus-visible{outline:3px solid var(--accent);outline-offset:-3px}
+.post-changes-list{display:grid;gap:1rem;padding:1rem}
+.post-change-passage{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:1rem}
+.post-change-side{min-width:0;padding:1rem;border:1px solid var(--line);border-radius:10px;background:var(--surface,var(--panel,var(--paper,transparent)))}
+.post-change-after{border-inline-start:4px solid var(--accent);background:color-mix(in srgb,var(--accent) 7%,transparent)}
+.post-change-label{font-weight:650;margin:0 0 .75rem;font-size:.9rem;color:var(--muted,var(--ink))}
+.post-change-content{overflow-wrap:anywhere;font-size:.95rem;line-height:1.7}
+.post-change-content>:first-child{margin-top:0}.post-change-content>:last-child{margin-bottom:0}
+.post-change-heading{font-weight:650;font-size:1.1rem;margin:.5rem 0}
+.post-change-content img{max-width:100%;height:auto}.post-change-content pre{overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}
+
+/* Media blocks inherit their page cell width, including mixed-column layouts. */
+
+/* Align shared block geometry with Lumen while retaining this theme's palette. */
+.site-header{display:block}
+.header-inner{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:18px;width:100%;min-width:0}
+.header-inner>*{min-width:0}.brand{max-width:100%;overflow-wrap:anywhere}
+.site-header .primary-navigation{align-items:center;justify-content:flex-end;column-gap:18px}
+.locale-nav{padding:0}.locale-nav select{max-width:150px;min-height:44px}
+.page-builder{display:grid;gap:clamp(24px,4vw,40px)}
+.page-builder-row{align-items:stretch}
+.page-builder-cell{display:grid;align-content:start;gap:clamp(16px,2.5vw,28px)}
+.page-builder-cell>*{min-width:0;margin-block:0}
+.image-block,.code-widget,.post-content figure{min-width:0;margin-inline:0}
+.image-block img,.media-text-block img,.media-text-block video,.hero-mascot,.hero-banner{display:block;height:auto;max-height:none;max-width:100%;object-fit:contain}
+.image-block figcaption,.media-text-block figcaption{font-size:.9rem;line-height:1.65;overflow-wrap:anywhere}
+.hero-banner-picture,.hero-mascot-picture{display:block;min-width:0;max-width:100%}
+.hero-block.hero-block--banner{display:grid;grid-template-columns:minmax(0,1fr);gap:24px}
+.hero-banner-picture{margin-top:0}.hero-block--banner .hero-aside{max-width:100%}
+.local-search-controls input{background:var(--paper,var(--panel));color:var(--ink)}
+.site-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px 24px}
+.site-footer>p{margin:0}.footer-navigation{align-items:center}
+.post-toc-widget{inset-inline-start:auto;inset-inline-end:max(12px,env(safe-area-inset-right));inset-block-start:auto;inset-block-end:calc(max(12px,env(safe-area-inset-bottom)) + 56px);transform:none}
+.post-toc-panel{inset-inline-start:auto;inset-inline-end:0}
+@media(max-width:880px){.header-inner{grid-template-columns:minmax(0,1fr) auto}.primary-navigation{grid-column:1/-1;grid-row:2}.site-header .primary-navigation{justify-content:flex-start}.locale-nav{grid-column:2;grid-row:1}.brand{font-size:1.15rem}.locale-nav select{max-width:125px}.page-builder-row[data-columns="3"],.page-builder-row[data-columns="4"]{grid-template-columns:repeat(2,minmax(0,1fr))}}
+@media(max-width:760px){.page-builder-row[data-columns="2"],.page-builder-row[data-columns="3"],.page-builder-row[data-columns="4"]{grid-template-columns:minmax(0,1fr)}.site-header .primary-navigation{gap:6px 16px}.site-footer{align-items:flex-start;flex-direction:column}.hero-block{grid-template-columns:minmax(0,1fr)}}
+@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
+
+.post-content a{text-decoration:underline;text-underline-offset:.18em}.post-byline time{font-variant-numeric:tabular-nums}
+@media(max-width:600px){.post-byline>time,.post-byline .post-updated{flex-basis:100%;min-width:0}.post-byline time[data-date-only="false"],.post-updated{min-block-size:3.2em;line-height:1.6}}
+
+/* Embed consent, status and controls inherit the surrounding website palette. */
+.edgepress-oembed{width:100%;min-width:0;margin:1.5rem 0;padding:clamp(14px,3vw,24px);border:1px solid var(--line);border-radius:16px;background:var(--surface,var(--panel,var(--paper,transparent)));color:var(--ink);overflow-wrap:anywhere}
+.edgepress-oembed>figcaption{font:inherit;font-weight:650;margin:0 0 .75rem}
+.edgepress-oembed [data-oembed-notice]{color:var(--muted,var(--ink));font-size:.9rem;line-height:1.6;margin:.5rem 0 1rem}
+.edgepress-oembed [data-oembed-load]{appearance:none;font:inherit;font-weight:650;min-height:44px;padding:10px 18px;margin:0 12px 12px 0;border:1px solid var(--accent);border-radius:10px;background:var(--accent);color:var(--paper);cursor:pointer;transition:filter .15s,transform .15s}
+.edgepress-oembed [data-oembed-load]:hover{filter:brightness(1.1);transform:translateY(-1px)}
+.edgepress-oembed [data-oembed-load]:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
+.edgepress-oembed[aria-busy=true] [data-oembed-load]{pointer-events:none;opacity:.6}
+.edgepress-oembed>a{display:inline-flex;align-items:center;min-height:44px;color:var(--accent);font-size:.9rem}
+.edgepress-oembed [data-oembed-status],.oembed-content{min-width:0;max-width:100%}
+.edgepress-oembed [data-oembed-status]{min-height:clamp(160px,calc((100vw - 48px)*.75),480px);position:relative}
+.edgepress-oembed .oembed-placeholder{aspect-ratio:var(--oembed-ratio,4/3);min-height:160px;border-radius:10px;background:linear-gradient(110deg,color-mix(in srgb,var(--surface,var(--paper,#fff)) 78%,var(--accent) 22%),color-mix(in srgb,var(--surface,var(--paper,#fff)) 92%,var(--accent) 8%),color-mix(in srgb,var(--surface,var(--paper,#fff)) 78%,var(--accent) 22%));background-size:200% 100%}
+.edgepress-oembed.is-loading .oembed-placeholder{animation:edgepress-oembed-shimmer 1.4s linear infinite}
+.edgepress-oembed[data-loaded=true] [data-oembed-status]{min-height:0}.edgepress-oembed[data-loaded=true] .oembed-placeholder{display:none}
+@keyframes edgepress-oembed-shimmer{to{background-position:-200% 0}}
+.edgepress-oembed iframe,.edgepress-oembed img,.edgepress-oembed blockquote{max-width:100%;margin-inline:auto;border-radius:10px}
+.edgepress-oembed[data-loaded=true]>[data-oembed-notice]{margin-bottom:.25rem}
+.oembed-caption{white-space:pre-wrap}
+.post-change-content img{display:block;width:100%;height:auto;max-height:420px;object-fit:contain;background:var(--surface,var(--panel,var(--paper,transparent)));border-radius:8px}
+@media(prefers-reduced-motion:reduce){.edgepress-oembed [data-oembed-load]{transition:none}}
+@media(prefers-reduced-motion:reduce){.edgepress-oembed.is-loading .oembed-placeholder{animation:none}}
+
+.project-demo{position:relative;min-width:0}.project-demo img{display:block;width:100%;height:auto;border-radius:12px}.project-demo-media{position:relative}.project-demo-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;border-radius:12px}.project-demo-media.is-ready img{visibility:hidden}.project-demo [hidden]{display:none!important}.project-demo button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin-top:12px;padding:10px 18px;border:1px solid var(--accent);border-radius:999px;background:var(--surface,var(--panel,var(--paper,transparent)));color:var(--ink);font:inherit;font-weight:650;cursor:pointer}.project-demo button:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.project-demo button:disabled{cursor:wait;opacity:.7}.project-demo-status{display:block;min-height:1.4em;color:var(--ink);font-size:.9rem;margin-top:6px}
+
+.table-widget:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
+
+.project-demo-seek{display:block;width:100%;min-height:44px;margin:4px 0;accent-color:var(--accent);cursor:pointer}.project-demo-seek:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.project-demo-time{display:block;font-variant-numeric:tabular-nums;color:var(--ink);line-height:1.5}.project-demo-seek:disabled{cursor:wait;opacity:.5}
+
+/* Vertical touch gestures scroll the page; seeking requires horizontal intent. */
+.project-demo-seek{touch-action:pan-y;user-select:none}
+.edgepress-oembed:not([data-loaded=true]) [data-oembed-status]{min-height:0}.edgepress-oembed:not(.is-loading) .oembed-placeholder{display:none}.edgepress-oembed.is-loading .oembed-placeholder{height:3rem;min-height:0;aspect-ratio:auto}.edgepress-oembed [data-oembed-load]:disabled{cursor:wait;opacity:.6}.edgepress-oembed>figcaption a:focus-visible{outline:3px solid var(--accent);outline-offset:3px}

package/themes/default/layouts/partials/head.html

@@ -6,17 +6,24 @@
 <meta name="author" content="{{site.seo.author}}">
 <title>{{page.title}}</title>
 <meta name="theme-color" content="#315e49">
-<link rel="icon" type="image/svg+xml" href="/edgepress/brand/edgepress-mark.svg">
+<link rel="icon" href="/edgepress/favicon/favicon.ico" sizes="any">
+<link rel="icon" type="image/png" sizes="16x16" href="/edgepress/favicon/favicon-16.png">
+<link rel="icon" type="image/png" sizes="32x32" href="/edgepress/favicon/favicon-32.png">
+<link rel="icon" type="image/png" sizes="48x48" href="/edgepress/favicon/favicon-48.png">
+<link rel="icon" type="image/png" sizes="64x64" href="/edgepress/favicon/favicon-64.png">
+<link rel="apple-touch-icon" sizes="180x180" href="/edgepress/favicon/apple-touch-icon.png">
 <link rel="canonical" href="{{page.canonical}}">
 <meta property="og:type" content="website">
 <meta property="og:title" content="{{page.title}}">
 <meta property="og:description" content="{{page.description}}">
 <meta property="og:url" content="{{page.canonical}}">
 <meta property="og:image" content="{{page.image}}">
+<meta property="og:image:alt" content="{{site.headerBrand}}">
 <meta name="twitter:card" content="summary_large_image">
 <meta name="twitter:title" content="{{page.title}}">
 <meta name="twitter:description" content="{{page.description}}">
 <meta name="twitter:image" content="{{page.image}}">
-<link rel="alternate" type="application/atom+xml" href="{{site.feedPath}}" title="{{site.feedLabel}}">
+<meta name="twitter:image:alt" content="{{site.headerBrand}}">
+<link rel="alternate" type="application/rss+xml" href="{{site.feedPath}}" title="{{site.feedLabel}}">
 <link rel="stylesheet" href="{{site.stylesheet}}">
 <script type="application/ld+json">{{{page.jsonLd}}}</script>

package/themes/default/layouts/partials/header.html

@@ -1,5 +1,7 @@
 <header class="site-header {{site.headerClass}}">
-  <a class="brand {{site.brandClass}}" href="{{site.homePath}}"><img class="brand-mark" src="/edgepress/brand/edgepress-mark.svg" alt="" aria-hidden="true" width="36" height="36">{{site.headerBrand}}</a>
+  <div class="header-inner">
+  <a class="brand {{site.brandClass}}" href="{{site.homePath}}"><img class="brand-mark" src="/edgepress/brand/avatar.png" alt="" aria-hidden="true" width="36" height="36">{{site.headerBrand}}</a>
   <nav class="primary-navigation {{site.primaryNavigationClass}}" aria-label="{{site.mainNavigationLabel}}">{{{site.primaryNavigationHtml}}}</nav>
   <div class="locale-nav {{site.languageNavigationClass}}" role="group" aria-label="{{site.languageLabel}}">{{{site.localeLinksHtml}}}</div>
+  </div>
 </header>

package/themes/default/theme.json

@@ -1,5 +1,6 @@
 {
   "name": "default",
+  "dataSaver": { "stylesheet": "data-saver-theme.css", "scripts": [], "layoutStyles": ["style.css"] },
   "version": "1.0.0",
   "renderer": "layouts/layout.html",
   "templateEngine": "edgepress-partials-v1"

package/themes/folio/README.md

@@ -0,0 +1,7 @@
+# Folio
+
+An editorial magazine theme with serif headlines, a quiet monochrome palette, a wide masthead, thin rules and unboxed article grids. Its layout and built-in component coverage follow the existing JS.GRIPE Lumen theme.
+
+Select `themes/folio` with the theme command in a source checkout. Dependency-based sites set `paths.theme` to `node_modules/edgepress/themes/folio` in `edgepress.config.mjs`, without a `theme` override in `config.yml`.
+
+Page content stays in EdgePress blocks. A hero with `bannerSrc` or `bannerWebpSrcset` uses a text-and-image spread on desktop and stacks on mobile. A hero without media keeps a text layout. The theme supplies no cover images or placeholder content. Media keeps its original aspect ratio and captions remain below the image. Local fonts, local navigation JavaScript, keyboard focus, native search, consent controls and automatic light/dark appearance are supported.

package/themes/folio/assets/data-saver-theme.css

@@ -0,0 +1,3 @@
+html[data-edgepress-data-mode=text] .brand{font-family:Georgia,serif}html[data-edgepress-data-mode=text] .hero-block .edgepress-data-placeholder{display:none}html[data-edgepress-data-mode=text] .hero-block--banner{grid-template-columns:minmax(0,1fr)}html[data-edgepress-data-mode=text] .hero-block{min-height:0;padding-block:1rem}html[data-edgepress-data-mode=text] .hero-block h1{font-size:clamp(2rem,5vw,3.5rem)}html[data-edgepress-data-mode=text] .signal-cover:has(.edgepress-data-placeholder:not([data-loaded=true])),html[data-edgepress-data-mode=text] .signal-cover:has(.edgepress-data-placeholder:not([data-loaded=true]))+.signal-cover-credit{display:none}html[data-edgepress-data-mode=text] .post-card{box-shadow:none}html[data-edgepress-data-mode=text] .media-text-block{gap:1.5rem}
+html[data-edgepress-data-mode=text] .signal-cover:has(.edgepress-data-placeholder:not([data-loaded=true]))+button,html[data-edgepress-data-mode=text] .signal-cover:has(.edgepress-data-placeholder:not([data-loaded=true]))~.signal-cover-credit{display:none}
+html[data-edgepress-data-mode=text] .media-text-block:has(.edgepress-data-placeholder:not([data-loaded=true])){grid-template-columns:minmax(0,1fr);gap:1rem}html[data-edgepress-data-mode=text] .media-text-block:has(.edgepress-data-placeholder:not([data-loaded=true])) figure{order:2}

package/themes/folio/assets/folio/navigation.js

@@ -0,0 +1,10 @@
+// Mark the current reading section without changing EdgePress navigation URLs.
+const path = window.location.pathname;
+for (const link of document.querySelectorAll('.primary-navigation a')) {
+  const destination = new URL(link.href, window.location.href);
+  if (destination.origin !== window.location.origin) continue;
+  if (destination.pathname === path ||
+      (document.querySelector('main .post') && destination.pathname.endsWith('/archives/'))) {
+    link.setAttribute('aria-current', 'page');
+  }
+}