diff --git a/p/assets/js/downloads.js b/p/assets/js/downloads.js
index d4a2c13..63dd7c1 100644
--- a/p/assets/js/downloads.js
+++ b/p/assets/js/downloads.js
@@ -38,6 +38,11 @@ document.addEventListener("DOMContentLoaded", () => {
if (currentVersionLabel) {
currentVersionLabel.textContent = `${currentVersion.label} ${currentVersion.date ? '— ' + currentVersion.date : ''}`.trim();
}
+ // update prominent latest download button
+ const latestBtn = document.querySelector('[data-latest-download]');
+ if (latestBtn) {
+ latestBtn.href = currentVersion.url || '#';
+ }
}
function renderArchive() {
diff --git a/p/assets/styles/main.css b/p/assets/styles/main.css
index f2e1eef..7fdcabd 100644
--- a/p/assets/styles/main.css
+++ b/p/assets/styles/main.css
@@ -1,3 +1,18 @@
+.versions-panel { margin-top: 1rem; padding: 0.9rem; border-radius: 0.75rem; background: rgba(255,255,255,0.02); border: 1px solid rgba(148,163,184,0.04); }
+.latest-version h2 { margin: 0 0 0.35rem; }
+.latest-row { display:flex; justify-content: space-between; align-items:center; gap:1rem; }
+.latest-meta { color: var(--muted); }
+.latest-actions { display:flex; gap:0.6rem; }
+
+.versions-archive { margin-top: 0.8rem; }
+.versions-list { list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:0.6rem; }
+.version-item { display:flex; justify-content:space-between; align-items:center; padding:0.45rem 0.6rem; border-radius:0.45rem; background: rgba(2,6,23,0.02); }
+.version-item .version-actions { display:flex; gap:0.4rem; }
+
+@media (max-width: 880px) {
+ .latest-row { flex-direction: column; align-items: flex-start; gap:0.5rem; }
+}
+
@import "./var.css";
:root {
diff --git a/p/dl/index.html b/p/dl/index.html
index 83ca09e..364e2a5 100644
--- a/p/dl/index.html
+++ b/p/dl/index.html
@@ -12,6 +12,27 @@