edgepress 2026.9.5 → 2026.9.8

package/themes/default/assets/style.css

@@ -18,25 +18,48 @@ main{flex:1;min-height:0}
 .ad-slot:empty{min-height:90px}.captcha-block{min-height:65px}
 
 
-.privacy-manager{position:fixed;right:16px;bottom:16px;z-index:1000;color:var(--ink);font:14px/1.5 ui-sans-serif,system-ui,sans-serif}
-.privacy-settings-button,.privacy-panel button{font:inherit;font-weight:700;border:1px solid var(--line);border-radius:8px;padding:9px 13px;background:var(--panel,#fff);color:var(--ink);cursor:pointer}
-.privacy-settings-button{box-shadow:0 4px 18px #0002}
-.privacy-panel{width:min(28rem,calc(100vw - 32px));max-height:min(80vh,42rem);overflow:auto;padding:20px;margin-bottom:10px;border:1px solid var(--line);border-radius:12px;background:var(--paper,#fff);box-shadow:0 12px 40px #0003}
-.privacy-panel[hidden]{display:none}
-.privacy-panel h2{margin:8px 0;font-size:1.2rem}
-.privacy-panel p{margin:10px 0}
-.privacy-close{float:right}
-.privacy-details{display:grid;gap:8px;margin:16px 0}
-.privacy-service{display:flex;align-items:flex-start;gap:10px;padding:10px;border:1px solid var(--line);border-radius:8px}
-.privacy-service input{margin-top:4px;accent-color:var(--accent)}
-.privacy-service span span{display:inline}
-.privacy-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
-.privacy-actions button{flex:1 1 auto}
-.privacy-accept,.privacy-reject{font-weight:800!important}
-.privacy-controller,.privacy-policy-link{font-size:.9rem}
-.privacy-settings-button:focus-visible,.privacy-panel button:focus-visible,.privacy-panel a:focus-visible,.privacy-service input:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
-@media(max-width:500px){.privacy-manager{left:12px;right:12px;bottom:12px}.privacy-settings-button{float:right}.privacy-panel{width:100%}.privacy-actions button{flex:1 1 100%}}
-
+.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:8px;box-sizing:border-box;width:min(30rem,calc(100vw - 24px));max-height:calc(100vh - 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 *{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:46px;max-width:100%;padding:10px 12px;border:1px solid var(--line,#c7d0c9);border-radius:10px;background:var(--panel,#fff);color:var(--ink,#1d2824);font:inherit;font-weight:700;line-height:1.25;text-align:center;overflow-wrap:anywhere;cursor:pointer}
+.privacy-manager .privacy-settings-button{order:1;justify-self:end;box-shadow:0 4px 18px #0002}
+.privacy-manager .privacy-panel{position:relative;order:0;display:grid;gap:12px;width:100%;max-height:min(68vh,40rem);max-height:min(68dvh,40rem);overflow:auto;overscroll-behavior:contain;padding:18px;border:1px solid var(--line,#c7d0c9);border-radius:14px;background:var(--paper,#fff);color:var(--ink,#1d2824);box-shadow:0 12px 40px #0003}
+.privacy-manager .privacy-panel[hidden]{display:none}
+.privacy-manager .privacy-panel h2{margin:0;padding-inline-end:44px;font-size:1.15rem;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:8px;inset-inline-end:8px;width:44px;min-width:44px;min-height:44px;padding:8px}
+.privacy-manager .privacy-panel .privacy-close svg{width:20px;height:20px}
+.privacy-manager svg{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-preview,.privacy-manager .privacy-service-settings{display:grid;gap:8px;min-width:0}
+.privacy-manager .privacy-preview-item,.privacy-manager .privacy-service-setting{display:grid;gap:7px;min-width:0;padding:11px;border:1px solid var(--line,#c7d0c9);border-radius:10px;background:var(--panel,#fff)}
+.privacy-manager .privacy-preview-item{grid-template-columns:minmax(0,1fr) auto;align-items:start}
+.privacy-manager .privacy-preview-item h3{min-width:0;margin:0;font-size:.96rem;overflow-wrap:anywhere}
+.privacy-manager .privacy-preview-item p{grid-column:1/-1;color:var(--muted,#536159)}
+.privacy-manager .privacy-category{justify-self:start;max-width:100%;padding:2px 7px;border-radius:999px;background:color-mix(in srgb,var(--accent,#315e49) 12%,transparent);color:var(--ink,#1d2824);font-size:.78rem;overflow-wrap:anywhere}
+.privacy-manager .privacy-details{min-width:0;margin:0;border-block:1px solid var(--line,#c7d0c9)}
+.privacy-manager .privacy-details>summary{padding:10px 2px;font-weight:750;cursor:pointer}
+.privacy-manager .privacy-details>summary:focus-visible{outline:3px solid var(--accent,#315e49);outline-offset:3px}
+.privacy-manager .privacy-service-settings{padding-block-end:10px}
+.privacy-manager .privacy-service-toggle{display:flex;align-items:center;gap:11px;min-width:0;cursor:pointer}
+.privacy-manager .privacy-service-toggle input{position:relative;flex:none;width:42px;height:24px;margin:0;appearance:none;border:1px solid var(--line,#748079);border-radius:999px;background:var(--line,#748079);cursor:pointer}
+.privacy-manager .privacy-service-toggle input::before{position:absolute;inset-block-start:2px;inset-inline-start:2px;width:18px;height:18px;border-radius:50%;background:var(--paper,#fff);content:"";transition:transform .16s ease}
+.privacy-manager .privacy-service-toggle input:checked{border-color:var(--accent,#315e49);background:var(--accent,#315e49)}
+.privacy-manager .privacy-service-toggle input:checked::before{transform:translateX(18px)}
+.privacy-manager .privacy-service-toggle input:focus-visible{outline:3px solid var(--accent,#315e49);outline-offset:3px}
+.privacy-manager .privacy-service-toggle-text{display:grid;gap:3px;min-width:0;overflow-wrap:anywhere}
+.privacy-manager .privacy-service-toggle-text strong{font-size:.96rem}
+.privacy-manager .privacy-service-disclosures{display:grid;gap:6px;margin:0}
+.privacy-manager .privacy-service-disclosures>div{display:grid;grid-template-columns:minmax(5.5rem,.34fr) minmax(0,1fr);gap:8px;min-width:0}
+.privacy-manager .privacy-service-disclosures dt{color:var(--muted,#536159);font-weight:650}
+.privacy-manager .privacy-service-disclosures dd{min-width:0;margin:0;overflow-wrap:anywhere}
+.privacy-manager .privacy-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
+.privacy-manager .privacy-panel .privacy-accept,.privacy-manager .privacy-panel .privacy-reject{border-color:var(--accent,#315e49);background:var(--accent,#315e49);color:var(--paper,#fff)}
+.privacy-manager .privacy-panel .privacy-save,.privacy-manager .privacy-panel .privacy-manage{background:transparent}
+.privacy-manager .privacy-panel button:disabled{opacity:.55;cursor:not-allowed}
+.privacy-manager .privacy-policy-link{width:fit-content;max-width:100%;font-size:.9rem;overflow-wrap:anywhere}
+.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}
+@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(68vh,40rem);max-height:min(68dvh,40rem);padding:15px}.privacy-manager .privacy-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.privacy-manager .privacy-actions .privacy-manage{grid-column:1/-1;grid-row:1}.privacy-manager .privacy-actions .privacy-reject{grid-column:1;grid-row:2}.privacy-manager .privacy-actions .privacy-accept{grid-column:2;grid-row:2}.privacy-manager .privacy-panel .privacy-save{width:100%}}
 /* 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}
@@ -154,4 +177,60 @@ main,.page-builder,.page-builder-row,.page-builder-cell,.post,.post-content,.pos
 @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%}}
+@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{max-width:760px;margin:24px auto;padding:18px 22px;border:1px solid var(--line);border-radius:12px;background:var(--paper)}
+.post-toc h2{margin:0 0 8px;font-size:1.05rem;letter-spacing:0}
+.post-toc ol{margin:0;padding-inline-start:1.35rem}
+.post-toc li{padding:2px 0}
+.post-toc .post-toc-level-3{padding-inline-start:1rem}
+.post-toc .post-toc-level-4,.post-toc .post-toc-level-5,.post-toc .post-toc-level-6{padding-inline-start:2rem}
+.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: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}
+.post-content pre,.code-widget pre,.steps-widget pre{max-width:100%;overflow-x:hidden;overflow-y:visible;white-space:pre-wrap;overflow-wrap:anywhere;word-break:normal;overscroll-behavior-inline:auto}
+.post-content pre code,.code-widget pre code,.steps-widget pre code{white-space:inherit;overflow-wrap:inherit;word-break:inherit}
+.pagination{flex-wrap:wrap;gap:12px}
+@media(max-width:620px){.post-toc{padding:14px}.code-copy-button{min-height:44px}.post-content pre,.code-widget pre,.steps-widget pre{padding:12px}}
+
+/* A sharper editorial palette: cobalt ink, lilac surfaces, and citrus highlights. */
+:root{--paper:#f7f8ff;--panel:#fff;--ink:#171a35;--muted:#5e6480;--line:#dce0f2;--accent:#3945c6;--warm:#d94d3f}
+body{background:radial-gradient(ellipse at 92% 0%,#e9e9ff 0,transparent 33%),var(--paper)}
+.hero-block,.cta-block{background:linear-gradient(118deg,#e5e7ff 0%,#fff0dc 100%)}
+.page-section--soft,.error-page{background:#f0f1ff}
+.page-section--accent{background:#ffefd7}
+.page-section--dark{background:#211d49}
+.hero-highlights li{background:#ffffffd9;border-color:#ffffff}
+.steps-widget pre,.code-widget pre,.code-copy-block{background:#211d49}
+.table-widget th{background:#ededff}
+.notice-widget{background:#f0f1ff}
+.notice-widget--warning{background:#fff0dc}
+.notice-widget--success{background:#e7f7ef}
+.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. */
+.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}
+.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}
+.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)}
+.post-excerpt{max-width:72ch;color:var(--muted);font-size:.95rem;line-height:1.6}
+.post-excerpt p{margin:.35rem 0 0}
+.post-excerpt p:first-child{margin-top:0}
+.post-excerpt a{color:inherit}
+.post-content .markdown-video{margin:1.5rem 0}
+.post-content .markdown-video video{display:block;width:100%;max-width:100%;height:auto;border-radius:10px;background:#101410}
+.post-content .markdown-video figcaption{margin-top:.5rem;color:var(--muted);font-size:.9rem}

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

@@ -5,6 +5,8 @@
 <meta name="keywords" content="{{page.keywords}}">
 <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="canonical" href="{{page.canonical}}">
 <meta property="og:type" content="website">
 <meta property="og:title" content="{{page.title}}">
@@ -14,6 +16,7 @@
 <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}}">
 <link rel="stylesheet" href="{{site.stylesheet}}">
 <script type="application/ld+json">{{{page.jsonLd}}}</script>

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

@@ -1,5 +1,5 @@
 <header class="site-header {{site.headerClass}}">
-  <a class="brand {{site.brandClass}}" href="{{site.homePath}}">{{site.headerBrand}}</a>
+  <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>
   <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>
 </header>

package/themes/signal/assets/style.css

@@ -18,25 +18,48 @@ main{flex:1;min-height:0}
 .ad-slot:empty{min-height:90px}.captcha-block{min-height:65px}
 
 
-.privacy-manager{position:fixed;right:16px;bottom:16px;z-index:1000;color:var(--ink);font:14px/1.5 ui-sans-serif,system-ui,sans-serif}
-.privacy-settings-button,.privacy-panel button{font:inherit;font-weight:700;border:1px solid var(--line);border-radius:8px;padding:9px 13px;background:var(--panel,#fff);color:var(--ink);cursor:pointer}
-.privacy-settings-button{box-shadow:0 4px 18px #0002}
-.privacy-panel{width:min(28rem,calc(100vw - 32px));max-height:min(80vh,42rem);overflow:auto;padding:20px;margin-bottom:10px;border:1px solid var(--line);border-radius:12px;background:var(--paper,#fff);box-shadow:0 12px 40px #0003}
-.privacy-panel[hidden]{display:none}
-.privacy-panel h2{margin:8px 0;font-size:1.2rem}
-.privacy-panel p{margin:10px 0}
-.privacy-close{float:right}
-.privacy-details{display:grid;gap:8px;margin:16px 0}
-.privacy-service{display:flex;align-items:flex-start;gap:10px;padding:10px;border:1px solid var(--line);border-radius:8px}
-.privacy-service input{margin-top:4px;accent-color:var(--accent)}
-.privacy-service span span{display:inline}
-.privacy-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
-.privacy-actions button{flex:1 1 auto}
-.privacy-accept,.privacy-reject{font-weight:800!important}
-.privacy-controller,.privacy-policy-link{font-size:.9rem}
-.privacy-settings-button:focus-visible,.privacy-panel button:focus-visible,.privacy-panel a:focus-visible,.privacy-service input:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
-@media(max-width:500px){.privacy-manager{left:12px;right:12px;bottom:12px}.privacy-settings-button{float:right}.privacy-panel{width:100%}.privacy-actions button{flex:1 1 100%}}
-
+.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:8px;box-sizing:border-box;width:min(30rem,calc(100vw - 24px));max-height:calc(100vh - 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 *{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:46px;max-width:100%;padding:10px 12px;border:1px solid var(--line,#c7d0c9);border-radius:10px;background:var(--panel,#fff);color:var(--ink,#1d2824);font:inherit;font-weight:700;line-height:1.25;text-align:center;overflow-wrap:anywhere;cursor:pointer}
+.privacy-manager .privacy-settings-button{order:1;justify-self:end;box-shadow:0 4px 18px #0002}
+.privacy-manager .privacy-panel{position:relative;order:0;display:grid;gap:12px;width:100%;max-height:min(68vh,40rem);max-height:min(68dvh,40rem);overflow:auto;overscroll-behavior:contain;padding:18px;border:1px solid var(--line,#c7d0c9);border-radius:14px;background:var(--paper,#fff);color:var(--ink,#1d2824);box-shadow:0 12px 40px #0003}
+.privacy-manager .privacy-panel[hidden]{display:none}
+.privacy-manager .privacy-panel h2{margin:0;padding-inline-end:44px;font-size:1.15rem;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:8px;inset-inline-end:8px;width:44px;min-width:44px;min-height:44px;padding:8px}
+.privacy-manager .privacy-panel .privacy-close svg{width:20px;height:20px}
+.privacy-manager svg{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-preview,.privacy-manager .privacy-service-settings{display:grid;gap:8px;min-width:0}
+.privacy-manager .privacy-preview-item,.privacy-manager .privacy-service-setting{display:grid;gap:7px;min-width:0;padding:11px;border:1px solid var(--line,#c7d0c9);border-radius:10px;background:var(--panel,#fff)}
+.privacy-manager .privacy-preview-item{grid-template-columns:minmax(0,1fr) auto;align-items:start}
+.privacy-manager .privacy-preview-item h3{min-width:0;margin:0;font-size:.96rem;overflow-wrap:anywhere}
+.privacy-manager .privacy-preview-item p{grid-column:1/-1;color:var(--muted,#536159)}
+.privacy-manager .privacy-category{justify-self:start;max-width:100%;padding:2px 7px;border-radius:999px;background:color-mix(in srgb,var(--accent,#315e49) 12%,transparent);color:var(--ink,#1d2824);font-size:.78rem;overflow-wrap:anywhere}
+.privacy-manager .privacy-details{min-width:0;margin:0;border-block:1px solid var(--line,#c7d0c9)}
+.privacy-manager .privacy-details>summary{padding:10px 2px;font-weight:750;cursor:pointer}
+.privacy-manager .privacy-details>summary:focus-visible{outline:3px solid var(--accent,#315e49);outline-offset:3px}
+.privacy-manager .privacy-service-settings{padding-block-end:10px}
+.privacy-manager .privacy-service-toggle{display:flex;align-items:center;gap:11px;min-width:0;cursor:pointer}
+.privacy-manager .privacy-service-toggle input{position:relative;flex:none;width:42px;height:24px;margin:0;appearance:none;border:1px solid var(--line,#748079);border-radius:999px;background:var(--line,#748079);cursor:pointer}
+.privacy-manager .privacy-service-toggle input::before{position:absolute;inset-block-start:2px;inset-inline-start:2px;width:18px;height:18px;border-radius:50%;background:var(--paper,#fff);content:"";transition:transform .16s ease}
+.privacy-manager .privacy-service-toggle input:checked{border-color:var(--accent,#315e49);background:var(--accent,#315e49)}
+.privacy-manager .privacy-service-toggle input:checked::before{transform:translateX(18px)}
+.privacy-manager .privacy-service-toggle input:focus-visible{outline:3px solid var(--accent,#315e49);outline-offset:3px}
+.privacy-manager .privacy-service-toggle-text{display:grid;gap:3px;min-width:0;overflow-wrap:anywhere}
+.privacy-manager .privacy-service-toggle-text strong{font-size:.96rem}
+.privacy-manager .privacy-service-disclosures{display:grid;gap:6px;margin:0}
+.privacy-manager .privacy-service-disclosures>div{display:grid;grid-template-columns:minmax(5.5rem,.34fr) minmax(0,1fr);gap:8px;min-width:0}
+.privacy-manager .privacy-service-disclosures dt{color:var(--muted,#536159);font-weight:650}
+.privacy-manager .privacy-service-disclosures dd{min-width:0;margin:0;overflow-wrap:anywhere}
+.privacy-manager .privacy-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
+.privacy-manager .privacy-panel .privacy-accept,.privacy-manager .privacy-panel .privacy-reject{border-color:var(--accent,#315e49);background:var(--accent,#315e49);color:var(--paper,#fff)}
+.privacy-manager .privacy-panel .privacy-save,.privacy-manager .privacy-panel .privacy-manage{background:transparent}
+.privacy-manager .privacy-panel button:disabled{opacity:.55;cursor:not-allowed}
+.privacy-manager .privacy-policy-link{width:fit-content;max-width:100%;font-size:.9rem;overflow-wrap:anywhere}
+.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}
+@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(68vh,40rem);max-height:min(68dvh,40rem);padding:15px}.privacy-manager .privacy-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.privacy-manager .privacy-actions .privacy-manage{grid-column:1/-1;grid-row:1}.privacy-manager .privacy-actions .privacy-reject{grid-column:1;grid-row:2}.privacy-manager .privacy-actions .privacy-accept{grid-column:2;grid-row:2}.privacy-manager .privacy-panel .privacy-save{width:100%}}
 .page-builder{display:grid;gap:22px}.page-title h1{font-size:clamp(2rem,5vw,3.5rem);line-height:1.08;letter-spacing:-.04em}
 .hero-block{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(190px,.8fr);align-items:center;gap:28px;padding:clamp(28px,6vw,70px);background:linear-gradient(145deg,#202a48,#171e35);border:1px solid var(--line);border-radius:18px;margin:0}
 .hero-block:not(.hero-block--split){display:block}.hero-highlights{display:grid;gap:10px;list-style:none;padding:0}.hero-highlights li,.feature-card,.steps-widget li,.privacy-service-list li,.link-list li{padding:18px;background:var(--panel);border:1px solid var(--line);border-radius:12px}
@@ -110,4 +133,59 @@ main,.page-builder,.page-builder-row,.page-builder-cell,.post,.post-content,.pos
 @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%}}
+@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{display:block;max-width:760px;margin:24px 0;padding:18px 22px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}
+.post-toc h2{margin:0 0 8px;font-size:1.05rem;letter-spacing:0}
+.post-toc ol{margin:0;padding-inline-start:1.35rem}
+.post-toc li{padding:2px 0}
+.post-toc .post-toc-level-3{padding-inline-start:1rem}
+.post-toc .post-toc-level-4,.post-toc .post-toc-level-5,.post-toc .post-toc-level-6{padding-inline-start:2rem}
+.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:1px solid var(--line);border-radius:10px;overflow:hidden;background:#20253a}
+.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:hover{background:var(--accent)}
+.code-copy-button:focus-visible{outline:3px solid var(--accent);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}
+.post-content pre,.code-widget pre,.steps-widget pre{max-width:100%;overflow-x:hidden;overflow-y:visible;white-space:pre-wrap;overflow-wrap:anywhere;word-break:normal;overscroll-behavior-inline:auto}
+.post-content pre code,.code-widget pre code,.steps-widget pre code{white-space:inherit;overflow-wrap:inherit;word-break:inherit}
+.pagination{flex-wrap:wrap;gap:12px}
+@media(max-width:620px){.post-toc{padding:14px}.code-copy-button{min-height:44px}.post-content pre,.code-widget pre,.steps-widget pre{padding:12px}}
+
+/* A vivid night palette: ink blue, ultraviolet panels, and electric lime. */
+:root{--night:#101426;--panel:#1d223a;--ink:#f2f4ff;--muted:#aeb5ce;--line:#363d5b;--accent:#b7f36b;--warm:#ff9873}
+body{background:radial-gradient(ellipse at 14% 0%,#302052 0,transparent 38%),var(--night)}
+.post-card,.hero-block,.cta-block,.error-page{background:linear-gradient(140deg,#28203f,#1a2035)}
+.page-section--soft{background:#1d2740}
+.page-section--accent{background:#292942}
+.page-section--dark{background:#0b1020}
+.steps-widget pre,.code-widget pre,.code-copy-block{background:#0b1020}
+.table-widget th{background:#292d49}
+.notice-widget--warning{background:#332a35}
+.notice-widget--success{background:#1c342e}
+.code-copy-block pre{background:#0b1020;color:#f2f4ff}
+.local-search-controls button{color:var(--night)}
+.code-copy-button:focus-visible{outline-color:var(--warm)}
+
+/* Shared EdgePress marks and SVG 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}
+.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}
+.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)}
+.post-excerpt{max-width:72ch;color:var(--muted);font-size:.95rem;line-height:1.6}
+.post-excerpt p{margin:.35rem 0 0}
+.post-excerpt p:first-child{margin-top:0}
+.post-excerpt a{color:inherit}
+.post-content .markdown-video{margin:1.5rem 0}
+.post-content .markdown-video video{display:block;width:100%;max-width:100%;height:auto;border-radius:10px;background:#101410}
+.post-content .markdown-video figcaption{margin-top:.5rem;color:var(--muted);font-size:.9rem}

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

@@ -5,6 +5,8 @@
 <meta name="keywords" content="{{page.keywords}}">
 <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="canonical" href="{{page.canonical}}">
 <meta property="og:type" content="website">
 <meta property="og:title" content="{{page.title}}">
@@ -12,6 +14,9 @@
 <meta property="og:url" content="{{page.canonical}}">
 <meta property="og:image" content="{{page.image}}">
 <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}}">
 <link rel="stylesheet" href="{{site.stylesheet}}">
 <script type="application/ld+json">{{{page.jsonLd}}}</script>

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

@@ -1,5 +1,5 @@
 <header class="signal-header site-header {{site.headerClass}}">
-  <a class="brand {{site.brandClass}}" href="{{site.homePath}}"><span class="signal-mark" aria-hidden="true"></span>{{site.headerBrand}}</a>
+  <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>
   <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>
 </header>