diff --git a/docs/blog/what-is-education/index.html b/docs/blog/what-is-education/index.html
index 204b5f8..b52fce5 100644
--- a/docs/blog/what-is-education/index.html
+++ b/docs/blog/what-is-education/index.html
@@ -16,4 +16,4 @@ Academics system has evolved with time and got worst. Let’s see what the syste
 <span>Subscribe</span></button><div class=rss-subscribe__dropdown><button class=rss-subscribe__item data-rss-url=https://freedoms4.org/index.xml>All updates</button>
 <button class=rss-subscribe__item data-rss-url=https://freedoms4.org/blog/index.xml>Blog posts</button></div></div></div></div><nav class="menu language"><ul class="menu__list language__list"><li class=menu__item><a class=menu__link href=/>Home</a></li><li class=menu__item><a class=menu__link href=/blog/>Blog</a></li><li class=menu__item><a class=menu__link href=/services/>Services</a></li><li class=menu__item><a class=menu__link href=/uninotes/>UniNotes</a></li><li class=menu__item><a class=menu__link href=/contact/>Contact</a></li></ul></nav></header><main class=main><nav class="uninotes-breadcrumbs breadcrumbs"><a href=/blog/>Blog</a>
 › <span>What is Education?</span></nav><h1>What is Education?</h1><span class=author></span><br><time class=published-date datetime=2026-03-01T18:11:14+00:00>Posted on: March 1, 2026</time><h1 class=heading id=what-is-education>What is Education?<span class=heading__anchor> <a href=#what-is-education>#</a></span></h1><p>Education simply means &ldquo;learning&rdquo;. It&rsquo;s a natural process.</p><h3 class=heading id=ratio-of-components-in-education>Ratio of components in Education:<span class=heading__anchor> <a href=#ratio-of-components-in-education>#</a></span></h3><p>50% Knowledge/Understanding, 30% Skills, 20% Experience.</p><h3 class=heading id=education-vs-academics>Education vs Academics:<span class=heading__anchor> <a href=#education-vs-academics>#</a></span></h3><p>Education and Academics are not the same thing. Academics is Education based of a curriculum and an institution. Plato discovered the word while describing his school of philosophy.</p><h4 class=heading id=academics-system-has-evolved-with-time-and-got-worst-lets-see-what-the-system-has-become-nowadays>Academics system has evolved with time and got worst. Let&rsquo;s see what the system has become nowadays:<span class=heading__anchor> <a href=#academics-system-has-evolved-with-time-and-got-worst-lets-see-what-the-system-has-become-nowadays>#</a></span></h4><ul><li>Wrong ratio of knowledge, skill, experience (knowledge takes about 90%).</li><li>Generalised curriculum for all students.</li></ul><h4 class=heading id=extra-bad>Extra bad:<span class=heading__anchor> <a href=#extra-bad>#</a></span></h4><ul><li>Goals are only bound to exams/grades, degree or certifications (year 1088), then getting jobs.</li><li>Unhealthy pressure and competition for students.</li><li>Money game.</li><li>Politics.</li></ul><p>Education as a concept/implementation/system is good.
-Academics is good only as a concept. It&rsquo;s implementation and system is always the worst and corrupted.</p><h3 class=heading id=activities-in-education>Activities in Education:<span class=heading__anchor> <a href=#activities-in-education>#</a></span></h3><ul><li><p>Knowledge: Reading, listening, watching, feeling, thinking etc.</p></li><li><p>Understanding: Studying (literary, critical thinking, investigating), researching.</p></li><li><p>Skill: Practicing.</p></li><li><p>Experience: Time spending.</p></li></ul><h3 class=heading id=read-vs-study-vs-research>Read vs Study vs Research:<span class=heading__anchor> <a href=#read-vs-study-vs-research>#</a></span></h3><ol><li><p>Read: Reading is about watching or interpreting something/someone to gain knowledge.</p></li><li><p>Study: Studying is about interpreting a topic, going deeper and gaining some conscious understanding out of it.</p></li><li><p>Research: Research is about studying a topic and then contributing to it with changes from your end.</p></li></ol><ul><li><p>Reading relates with knowledge.</p></li><li><p>Studying relates with understanding.</p></li><li><p>Research relates with understanding and contributing.</p></li></ul><h3 class=heading id=knowledge-vs-entertainment>Knowledge vs Entertainment:<span class=heading__anchor> <a href=#knowledge-vs-entertainment>#</a></span></h3><ul><li>Activities that are done for Knowledge/Understanding (reading, watching, listening, studying etc.) can also be done for Entertainment and vice versa.</li></ul><p>Example:</p><ol><li>The first book was to provide Knowledge/Understanding, but later books became a source of Entertainment (fiction).</li><li>Videos can be used for both Knowledge/Understanding and Entertainment purposes. For example, for Knowledge/Understanding, there are documentaries, tutorial videos etc. For Entertainment, there are movies, funny videos etc.</li></ol><ul><li>All these are taken from my notes, all of which I like to write and think about deeply.</li></ul><div><div>Tags:</div><ul><li><a href=/tags/education/>Education</a></li><li><a href=/tags/academics/>Academics</a></li><li><a href=/tags/system/>System</a></li></ul></div><div><div>Categories:</div><ul><li><a href=/categories/philosophy/>Philosophy</a></li></ul></div></main><footer class=footer><p class=footer__copyright-notice>&copy; <a href=https://freedoms4.org>freedoms4.org</a> <a href=/changelog/>Changelog</a></p><p class=footer__theme-info>Built with <a href=https://gohugo.io>Hugo</a> and based on <a href=https://github.com/CyrusYip/hugo-theme-yue>Yue</a> theme</p></footer><script>(function(){document.querySelectorAll(".menu__item").forEach(function(e){var t=e.querySelector("a");t&&t.getAttribute("href")==="/uninotes/"&&e.classList.add("menu__item--uninotes")})})()</script><script>(function(){var e=document.getElementById("theme-toggle");if(!e)return;function t(){var e=localStorage.getItem("theme");return e?e:window.matchMedia("(prefers-color-scheme: light)").matches?"light":"dark"}function n(e){document.documentElement.setAttribute("data-theme",e),localStorage.setItem("theme",e)}n(t()),e.addEventListener("click",function(){var e=document.documentElement.getAttribute("data-theme")||t();n(e==="dark"?"light":"dark")})})()</script><script>(function(){var t="https://backend.freedoms4.org/auth.php",e=localStorage.getItem("f4_username");if(!e)return;function n(e){var t,n,o,i,r,a=document.querySelector(".brand__auth");a&&(a.classList.add("brand__auth--loggedin"),t=document.createElement("div"),t.className="brand__auth-user",n=document.createElement("button"),n.className="brand__auth-user-btn",n.setAttribute("aria-label","Account menu"),r=document.createElement("span"),r.innerHTML='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="12" height="12" fill="currentColor"><path d="M12 12c2.7 0 4.8-2.1 4.8-4.8S14.7 2.4 12 2.4 7.2 4.5 7.2 7.2 9.3 12 12 12zm0 2.4c-3.2 0-9.6 1.6-9.6 4.8v2.4h19.2v-2.4c0-3.2-6.4-4.8-9.6-4.8z"/></svg>',n.appendChild(r.firstChild),n.appendChild(document.createTextNode(" "+e)),i=document.createElement("div"),i.className="brand__auth-user-dropdown",o=document.createElement("button"),o.className="brand__auth-user-logout",o.textContent="Log Out",o.addEventListener("click",s),i.appendChild(o),t.appendChild(n),t.appendChild(i),a.appendChild(t),n.addEventListener("click",function(e){e.stopPropagation(),t.classList.toggle("is-open")}),document.addEventListener("click",function(){t.classList.remove("is-open")}))}function s(){fetch(t,{method:"POST",headers:{"Content-Type":"application/json"},credentials:"include",body:JSON.stringify({action:"logout"})}).finally(function(){localStorage.removeItem("f4_username"),window.location.href="/"})}n(e)})()</script><script>(function(){var t,e=document.querySelector(".rss-subscribe");if(!e)return;t=e.querySelector(".rss-subscribe__btn"),t.addEventListener("click",function(t){t.stopPropagation(),e.classList.toggle("is-open")}),document.addEventListener("click",function(t){e.contains(t.target)||e.classList.remove("is-open")}),e.querySelectorAll(".rss-subscribe__item").forEach(function(t){t.addEventListener("click",function(n){n.stopPropagation();var s,o=t.getAttribute("data-rss-url"),a=t.textContent;function i(){t.textContent="Copied!",setTimeout(function(){t.textContent=a,e.classList.remove("is-open")},1200)}try{s=document.createElement("textarea"),s.value=o,s.style.cssText="position:fixed;top:0;left:0;opacity:0;pointer-events:none;",document.body.appendChild(s),s.focus(),s.select(),document.execCommand("copy"),document.body.removeChild(s),i()}catch{navigator.clipboard&&navigator.clipboard.writeText(o).then(i).catch(function(){t.textContent=o})}})})})()</script></body></html>
\ No newline at end of file
+Academics is good only as a concept. It&rsquo;s implementation and system is always the worst and corrupted.</p><h3 class=heading id=activities-in-education>Activities in Education:<span class=heading__anchor> <a href=#activities-in-education>#</a></span></h3><ul><li><p>Knowledge: Reading, listening, watching, feeling, thinking etc.</p></li><li><p>Understanding: Studying (literary, critical thinking, investigating), researching.</p></li><li><p>Skill: Practicing.</p></li><li><p>Experience: Time spending.</p></li></ul><h3 class=heading id=read-vs-study-vs-research>Read vs Study vs Research:<span class=heading__anchor> <a href=#read-vs-study-vs-research>#</a></span></h3><ol><li><p>Read: Reading is about watching or interpreting something/someone to gain knowledge.</p></li><li><p>Study: Studying is about interpreting a topic, going deeper and gaining some conscious understanding out of it.</p></li><li><p>Research: Research is about studying a topic and then contributing to it with changes from your end.</p></li></ol><ul><li><p>Reading relates with knowledge.</p></li><li><p>Studying relates with understanding.</p></li><li><p>Research relates with understanding and contributing.</p></li></ul><h3 class=heading id=knowledge-vs-entertainment>Knowledge vs Entertainment:<span class=heading__anchor> <a href=#knowledge-vs-entertainment>#</a></span></h3><ul><li>Activities that are done for Knowledge/Understanding (reading, watching, listening, studying etc.) can also be done for Entertainment and vice versa.</li></ul><p>Example:</p><ol><li>The first book was to provide Knowledge/Understanding, but later books became a source of Entertainment (fiction).</li><li>Videos can be used for both Knowledge/Understanding and Entertainment purposes. For example, for Knowledge/Understanding, there are documentaries, tutorial videos etc. For Entertainment, there are movies, funny videos etc.</li></ol><ul><li>All these are taken from my notes, all of which I like to write and think about deeply.</li></ul><div><div>Tags:</div><ul><li><a href=/tags/education/>Education</a></li><li><a href=/tags/academics/>Academics</a></li><li><a href=/tags/system/>System</a></li></ul></div><div><div>Categories:</div><ul><li><a href=/categories/philosophy/>Philosophy</a></li></ul></div><section class=comments id=comments><h2 class=comments__title>Comments</h2><div id=comments-status class=comments__status></div><div id=comments-list class=comments__list></div></section><script>(function(){var t="https://backend.freedoms4.org/comments.php",s='"/blog/what-is-education/"',r=localStorage.getItem("f4_username"),l=document.getElementById("comments-status"),e=document.getElementById("comments-list");function n(e){return e.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;")}function c(e){var n=new Date(e),t=Math.floor((Date.now()-n)/1e3);return t<60?"just now":t<3600?Math.floor(t/60)+"m ago":t<86400?Math.floor(t/3600)+"h ago":Math.floor(t/86400)+"d ago"}function i(e,t,s){var i,a,r,c,o=document.createElement("div");return o.className="comment-form",o.innerHTML='<textarea class="comment-form__input" placeholder="'+n(e)+'" rows="3" maxlength="2000"></textarea><div class="comment-form__footer"><span class="comment-form__counter">0 / 2000</span><button class="comment-form__submit">'+n(t)+'</button></div><div class="comment-form__error"></div>',i=o.querySelector("textarea"),c=o.querySelector(".comment-form__counter"),a=o.querySelector(".comment-form__error"),r=o.querySelector(".comment-form__submit"),i.addEventListener("input",function(){c.textContent=i.value.length+" / 2000"}),r.addEventListener("click",function(){var e=i.value.trim();if(!e){a.textContent="Comment cannot be empty.";return}a.textContent="",r.disabled=!0,s(e,function(e){r.disabled=!1,e?a.textContent=e:(i.value="",c.textContent="0 / 2000")})}),o}function a(e,l){var u,h,m,f,p,g,d=document.createElement("div");return d.className="comment"+(l>0?" comment--reply":""),d.dataset.id=e.id,p=e.body===null?'<span class="comment__deleted">[deleted]</span>':'<p class="comment__body">'+n(e.body)+"</p>",h="",e.is_own&&e.body!==null&&(h+='<button class="comment__action comment__action--delete" data-id="'+e.id+'">Delete</button>'),r&&l===0&&(h+='<button class="comment__action comment__action--reply" data-id="'+e.id+'">Reply</button>'),d.innerHTML='<div class="comment__meta"><span class="comment__author">'+n(e.username)+'</span><span class="comment__time">'+c(e.created_at)+"</span>"+(h?'<span class="comment__actions">'+h+"</span>":"")+"</div>"+p+'<div class="comment__reply-form"></div><div class="comment__replies"></div>',u=d.querySelector(".comment__action--delete"),u&&u.addEventListener("click",function(){if(!confirm("Delete this comment?"))return;u.disabled=!0,fetch(t,{method:"POST",headers:{"Content-Type":"application/json"},credentials:"include",body:JSON.stringify({action:"delete",comment_id:e.id})}).then(function(e){return e.json()}).then(function(e){e.success?(d.querySelector(".comment__body").outerHTML='<span class="comment__deleted">[deleted]</span>',u.remove()):(u.disabled=!1,alert(e.message||"Failed to delete."))}).catch(function(){u.disabled=!1,alert("Network error.")})}),f=d.querySelector(".comment__action--reply"),m=d.querySelector(".comment__reply-form"),f&&f.addEventListener("click",function(){if(m.children.length){m.innerHTML="";return}var n=i("Write a reply…","Reply",function(n,i){fetch(t,{method:"POST",headers:{"Content-Type":"application/json"},credentials:"include",body:JSON.stringify({action:"reply",post_id:s,parent_id:e.id,body:n})}).then(function(e){return e.json()}).then(function(e){e.success?(i(null),m.innerHTML="",o()):i(e.message||"Failed to post reply.")}).catch(function(){i("Network error.")})});m.appendChild(n)}),g=d.querySelector(".comment__replies"),e.replies&&e.replies.length&&e.replies.forEach(function(e){g.appendChild(a(e,l+1))}),d}function o(){fetch(t+"?action=get&post_id="+encodeURIComponent(s),{credentials:"include"}).then(function(e){return e.json()}).then(function(n){if(e.innerHTML="",!n.success){e.innerHTML='<p class="comments__error">Failed to load comments.</p>';return}if(n.logged_in){var r,c,l=i("Write a comment…","Post comment",function(e,n){fetch(t,{method:"POST",headers:{"Content-Type":"application/json"},credentials:"include",body:JSON.stringify({action:"post",post_id:s,body:e})}).then(function(e){return e.json()}).then(function(e){e.success?(n(null),o()):n(e.message||"Failed to post.")}).catch(function(){n("Network error.")})});e.appendChild(l)}else r=document.createElement("p"),r.className="comments__login-msg",r.innerHTML='<a href="/login/">Log in</a> or <a href="/signup/">Sign up</a> to comment.',e.appendChild(r);if(!n.comments.length){c=document.createElement("p"),c.className="comments__empty",c.textContent="No comments yet. Be the first!",e.appendChild(c);return}n.comments.forEach(function(t){e.appendChild(a(t,0))})}).catch(function(){e.innerHTML='<p class="comments__error">Failed to load comments.</p>'})}o()})()</script></main><footer class=footer><p class=footer__copyright-notice>&copy; <a href=https://freedoms4.org>freedoms4.org</a> <a href=/changelog/>Changelog</a></p><p class=footer__theme-info>Built with <a href=https://gohugo.io>Hugo</a> and based on <a href=https://github.com/CyrusYip/hugo-theme-yue>Yue</a> theme</p></footer><script>(function(){document.querySelectorAll(".menu__item").forEach(function(e){var t=e.querySelector("a");t&&t.getAttribute("href")==="/uninotes/"&&e.classList.add("menu__item--uninotes")})})()</script><script>(function(){var e=document.getElementById("theme-toggle");if(!e)return;function t(){var e=localStorage.getItem("theme");return e?e:window.matchMedia("(prefers-color-scheme: light)").matches?"light":"dark"}function n(e){document.documentElement.setAttribute("data-theme",e),localStorage.setItem("theme",e)}n(t()),e.addEventListener("click",function(){var e=document.documentElement.getAttribute("data-theme")||t();n(e==="dark"?"light":"dark")})})()</script><script>(function(){var t="https://backend.freedoms4.org/auth.php",e=localStorage.getItem("f4_username");if(!e)return;function n(e){var t,n,o,i,r,a=document.querySelector(".brand__auth");a&&(a.classList.add("brand__auth--loggedin"),t=document.createElement("div"),t.className="brand__auth-user",n=document.createElement("button"),n.className="brand__auth-user-btn",n.setAttribute("aria-label","Account menu"),r=document.createElement("span"),r.innerHTML='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="12" height="12" fill="currentColor"><path d="M12 12c2.7 0 4.8-2.1 4.8-4.8S14.7 2.4 12 2.4 7.2 4.5 7.2 7.2 9.3 12 12 12zm0 2.4c-3.2 0-9.6 1.6-9.6 4.8v2.4h19.2v-2.4c0-3.2-6.4-4.8-9.6-4.8z"/></svg>',n.appendChild(r.firstChild),n.appendChild(document.createTextNode(" "+e)),i=document.createElement("div"),i.className="brand__auth-user-dropdown",o=document.createElement("button"),o.className="brand__auth-user-logout",o.textContent="Log Out",o.addEventListener("click",s),i.appendChild(o),t.appendChild(n),t.appendChild(i),a.appendChild(t),n.addEventListener("click",function(e){e.stopPropagation(),t.classList.toggle("is-open")}),document.addEventListener("click",function(){t.classList.remove("is-open")}))}function s(){fetch(t,{method:"POST",headers:{"Content-Type":"application/json"},credentials:"include",body:JSON.stringify({action:"logout"})}).finally(function(){localStorage.removeItem("f4_username"),window.location.href="/"})}n(e)})()</script><script>(function(){var t,e=document.querySelector(".rss-subscribe");if(!e)return;t=e.querySelector(".rss-subscribe__btn"),t.addEventListener("click",function(t){t.stopPropagation(),e.classList.toggle("is-open")}),document.addEventListener("click",function(t){e.contains(t.target)||e.classList.remove("is-open")}),e.querySelectorAll(".rss-subscribe__item").forEach(function(t){t.addEventListener("click",function(n){n.stopPropagation();var s,o=t.getAttribute("data-rss-url"),a=t.textContent;function i(){t.textContent="Copied!",setTimeout(function(){t.textContent=a,e.classList.remove("is-open")},1200)}try{s=document.createElement("textarea"),s.value=o,s.style.cssText="position:fixed;top:0;left:0;opacity:0;pointer-events:none;",document.body.appendChild(s),s.focus(),s.select(),document.execCommand("copy"),document.body.removeChild(s),i()}catch{navigator.clipboard&&navigator.clipboard.writeText(o).then(i).catch(function(){t.textContent=o})}})})})()</script></body></html>
\ No newline at end of file
diff --git a/docs/css/custom.css b/docs/css/custom.css
index 035b686..5f4670e 100644
--- a/docs/css/custom.css
+++ b/docs/css/custom.css
@@ -868,3 +868,178 @@
 .brand__auth-user-btn svg {
 	flex: 0 0 auto;
 }
+/* ── Comments section ─────────────────────────────────────────────────────── */
+
+.comments {
+	margin-top: 3rem;
+	padding-top: 2rem;
+	border-top: 1px solid var(--background-color1, #ddd);
+}
+
+.comments__title {
+	font-size: 1.15rem;
+	font-weight: 700;
+	margin-bottom: 1.2rem;
+}
+
+.comments__login-msg {
+	font-size: 0.9rem;
+	margin-bottom: 1.2rem;
+	color: var(--foreground-color3, #888);
+}
+
+.comments__empty {
+	font-size: 0.88rem;
+	color: var(--foreground-color3, #888);
+}
+
+.comments__error {
+	font-size: 0.88rem;
+	color: var(--error-color, #c0392b);
+}
+
+/* ── Comment form ── */
+
+.comment-form {
+	margin-bottom: 1.5rem;
+}
+
+.comment-form__input {
+	width: 100%;
+	box-sizing: border-box;
+	padding: 0.6rem 0.8rem;
+	border: 1px solid var(--background-color1, #ccc);
+	border-radius: 4px;
+	background: var(--background-color);
+	color: var(--foreground-color);
+	font: inherit;
+	font-size: 0.9rem;
+	resize: vertical;
+	outline: none;
+	transition: border-color 0.2s;
+}
+
+.comment-form__input:focus {
+	border-color: var(--accent-color);
+}
+
+.comment-form__footer {
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+	margin-top: 0.4rem;
+}
+
+.comment-form__counter {
+	font-size: 0.75rem;
+	color: var(--foreground-color3, #999);
+}
+
+.comment-form__submit {
+	padding: 0.35rem 0.9rem;
+	background: var(--accent-color);
+	color: #fff;
+	border: none;
+	border-radius: 4px;
+	font: inherit;
+	font-size: 0.85rem;
+	cursor: pointer;
+	transition: opacity 0.15s;
+}
+
+.comment-form__submit:hover {
+	opacity: 0.85;
+}
+.comment-form__submit:disabled {
+	opacity: 0.5;
+	cursor: not-allowed;
+}
+
+.comment-form__error {
+	font-size: 0.8rem;
+	color: var(--error-color, #c0392b);
+	margin-top: 0.3rem;
+	min-height: 1rem;
+}
+
+/* ── Individual comments ── */
+
+.comment {
+	margin-bottom: 1.2rem;
+	padding: 0.75rem 0.9rem;
+	border: 1px solid var(--background-color1, #e0e0e0);
+	border-radius: 6px;
+	background: var(--background-color);
+}
+
+.comment--reply {
+	margin-top: 0.7rem;
+	margin-left: 1.5rem;
+	border-left: 3px solid var(--accent-color);
+	border-radius: 0 6px 6px 0;
+}
+
+.comment__meta {
+	display: flex;
+	align-items: center;
+	gap: 0.6rem;
+	margin-bottom: 0.4rem;
+	flex-wrap: wrap;
+}
+
+.comment__author {
+	font-weight: 600;
+	font-size: 0.88rem;
+}
+
+.comment__time {
+	font-size: 0.78rem;
+	color: var(--foreground-color3, #999);
+}
+
+.comment__actions {
+	margin-left: auto;
+	display: flex;
+	gap: 0.5rem;
+}
+
+.comment__action {
+	background: none;
+	border: none;
+	padding: 0;
+	font: inherit;
+	font-size: 0.78rem;
+	cursor: pointer;
+	color: var(--foreground-color3, #888);
+	text-decoration: underline;
+}
+
+.comment__action:hover {
+	color: var(--accent-color);
+}
+
+.comment__action--delete:hover {
+	color: var(--error-color, #c0392b);
+}
+
+.comment__body {
+	font-size: 0.9rem;
+	line-height: 1.55;
+	margin: 0;
+	white-space: pre-wrap;
+	word-break: break-word;
+}
+
+.comment__deleted {
+	font-size: 0.85rem;
+	color: var(--foreground-color3, #aaa);
+	font-style: italic;
+}
+
+.comment__reply-form {
+	margin-top: 0.7rem;
+}
+
+.comment__replies {
+	margin-top: 0.5rem;
+}
diff --git a/layouts/blog/single.html b/layouts/blog/single.html
index e298f97..045d470 100644
--- a/layouts/blog/single.html
+++ b/layouts/blog/single.html
@@ -1,18 +1,229 @@
 {{ define "main" }}
 
 <nav class="uninotes-breadcrumbs breadcrumbs">
-  <a href="/blog/">Blog</a>
-  › <span>{{ .Title }}</span>
+	<a href="/blog/">Blog</a>
+	› <span>{{ .Title }}</span>
 </nav>
 
 <h1>{{ .Title }}</h1>
-{{ partial "page/author.html" . }}
-{{ partial "main/dates.html" . }}
-{{ partial "page/translation_list.html" . }}
-{{ partial "page/toc.html" . }}
-{{ .Content }}
-{{ partial "page/terms.html" (dict "taxonomy" "tags" "page" .) }}
-{{ partial "page/terms.html" (dict "taxonomy" "categories" "page" .) }}
-{{ partial "page/page_nav.html" . }}
-{{ partial "page/page-end.html" . }}
+{{ partial "page/author.html" . }} {{ partial "main/dates.html" . }} {{ partial
+"page/translation_list.html" . }} {{ partial "page/toc.html" . }} {{ .Content }} {{ partial
+"page/terms.html" (dict "taxonomy" "tags" "page" .) }} {{ partial "page/terms.html" (dict "taxonomy"
+"categories" "page" .) }} {{ partial "page/page_nav.html" . }} {{ partial "page/page-end.html" . }}
+
+<!-- ── Comments ── -->
+<section class="comments" id="comments">
+	<h2 class="comments__title">Comments</h2>
+	<div id="comments-status" class="comments__status"></div>
+	<div id="comments-list" class="comments__list"></div>
+</section>
+
+<script>
+	(function () {
+		var BACKEND  = 'https://backend.freedoms4.org/comments.php';
+		var POST_ID  = {{ .RelPermalink | jsonify }};
+		var username = localStorage.getItem('f4_username');
+
+		var statusEl = document.getElementById('comments-status');
+		var listEl   = document.getElementById('comments-list');
+
+		// ── Helpers ──
+		function escHtml(s) {
+			return s.replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;').replace(/"/g,'&quot;');
+		}
+
+		function timeAgo(iso) {
+			var d    = new Date(iso);
+			var diff = Math.floor((Date.now() - d) / 1000);
+			if (diff < 60)   return 'just now';
+			if (diff < 3600) return Math.floor(diff/60) + 'm ago';
+			if (diff < 86400) return Math.floor(diff/3600) + 'h ago';
+			return Math.floor(diff/86400) + 'd ago';
+		}
+
+		function makeForm(placeholder, submitLabel, onSubmit) {
+			var wrap = document.createElement('div');
+			wrap.className = 'comment-form';
+			wrap.innerHTML =
+				'<textarea class="comment-form__input" placeholder="' + escHtml(placeholder) + '" rows="3" maxlength="2000"></textarea>' +
+				'<div class="comment-form__footer">' +
+					'<span class="comment-form__counter">0 / 2000</span>' +
+					'<button class="comment-form__submit">' + escHtml(submitLabel) + '</button>' +
+				'</div>' +
+				'<div class="comment-form__error"></div>';
+
+			var ta      = wrap.querySelector('textarea');
+			var counter = wrap.querySelector('.comment-form__counter');
+			var errEl   = wrap.querySelector('.comment-form__error');
+			var btn     = wrap.querySelector('.comment-form__submit');
+
+			ta.addEventListener('input', function () {
+				counter.textContent = ta.value.length + ' / 2000';
+			});
+
+			btn.addEventListener('click', function () {
+				var text = ta.value.trim();
+				if (!text) { errEl.textContent = 'Comment cannot be empty.'; return; }
+				errEl.textContent = '';
+				btn.disabled = true;
+				onSubmit(text, function (err) {
+					btn.disabled = false;
+					if (err) { errEl.textContent = err; }
+					else { ta.value = ''; counter.textContent = '0 / 2000'; }
+				});
+			});
+
+			return wrap;
+		}
+
+		function renderComment(c, depth) {
+			var el = document.createElement('div');
+			el.className = 'comment' + (depth > 0 ? ' comment--reply' : '');
+			el.dataset.id = c.id;
+
+			var bodyHtml = c.body === null
+				? '<span class="comment__deleted">[deleted]</span>'
+				: '<p class="comment__body">' + escHtml(c.body) + '</p>';
+
+			var actionsHtml = '';
+			if (c.is_own && c.body !== null) {
+				actionsHtml += '<button class="comment__action comment__action--delete" data-id="' + c.id + '">Delete</button>';
+			}
+			if (username && depth === 0) {
+				actionsHtml += '<button class="comment__action comment__action--reply" data-id="' + c.id + '">Reply</button>';
+			}
+
+			el.innerHTML =
+				'<div class="comment__meta">' +
+					'<span class="comment__author">' + escHtml(c.username) + '</span>' +
+					'<span class="comment__time">' + timeAgo(c.created_at) + '</span>' +
+					(actionsHtml ? '<span class="comment__actions">' + actionsHtml + '</span>' : '') +
+				'</div>' +
+				bodyHtml +
+				'<div class="comment__reply-form"></div>' +
+				'<div class="comment__replies"></div>';
+
+			// Delete handler
+			var delBtn = el.querySelector('.comment__action--delete');
+			if (delBtn) {
+				delBtn.addEventListener('click', function () {
+					if (!confirm('Delete this comment?')) return;
+					delBtn.disabled = true;
+					fetch(BACKEND, {
+						method: 'POST',
+						headers: { 'Content-Type': 'application/json' },
+						credentials: 'include',
+						body: JSON.stringify({ action: 'delete', comment_id: c.id }),
+					})
+					.then(function (r) { return r.json(); })
+					.then(function (d) {
+						if (d.success) {
+							el.querySelector('.comment__body').outerHTML = '<span class="comment__deleted">[deleted]</span>';
+							delBtn.remove();
+						} else {
+							delBtn.disabled = false;
+							alert(d.message || 'Failed to delete.');
+						}
+					})
+					.catch(function () { delBtn.disabled = false; alert('Network error.'); });
+				});
+			}
+
+			// Reply handler
+			var replyBtn = el.querySelector('.comment__action--reply');
+			var replyFormEl = el.querySelector('.comment__reply-form');
+			if (replyBtn) {
+				replyBtn.addEventListener('click', function () {
+					if (replyFormEl.children.length) { replyFormEl.innerHTML = ''; return; }
+					var form = makeForm('Write a reply…', 'Reply', function (text, done) {
+						fetch(BACKEND, {
+							method: 'POST',
+							headers: { 'Content-Type': 'application/json' },
+							credentials: 'include',
+							body: JSON.stringify({ action: 'reply', post_id: POST_ID, parent_id: c.id, body: text }),
+						})
+						.then(function (r) { return r.json(); })
+						.then(function (d) {
+							if (d.success) {
+								done(null);
+								replyFormEl.innerHTML = '';
+								loadComments();
+							} else {
+								done(d.message || 'Failed to post reply.');
+							}
+						})
+						.catch(function () { done('Network error.'); });
+					});
+					replyFormEl.appendChild(form);
+				});
+			}
+
+			// Nested replies
+			var repliesEl = el.querySelector('.comment__replies');
+			if (c.replies && c.replies.length) {
+				c.replies.forEach(function (r) {
+					repliesEl.appendChild(renderComment(r, depth + 1));
+				});
+			}
+
+			return el;
+		}
+
+		function loadComments() {
+			fetch(BACKEND + '?action=get&post_id=' + encodeURIComponent(POST_ID), {
+				credentials: 'include',
+			})
+			.then(function (r) { return r.json(); })
+			.then(function (data) {
+				listEl.innerHTML = '';
+
+				if (!data.success) {
+					listEl.innerHTML = '<p class="comments__error">Failed to load comments.</p>';
+					return;
+				}
+
+				// Comment form for logged-in users
+				if (data.logged_in) {
+					var form = makeForm('Write a comment…', 'Post comment', function (text, done) {
+						fetch(BACKEND, {
+							method: 'POST',
+							headers: { 'Content-Type': 'application/json' },
+							credentials: 'include',
+							body: JSON.stringify({ action: 'post', post_id: POST_ID, body: text }),
+						})
+						.then(function (r) { return r.json(); })
+						.then(function (d) {
+							if (d.success) { done(null); loadComments(); }
+							else { done(d.message || 'Failed to post.'); }
+						})
+						.catch(function () { done('Network error.'); });
+					});
+					listEl.appendChild(form);
+				} else {
+					var msg = document.createElement('p');
+					msg.className = 'comments__login-msg';
+					msg.innerHTML = '<a href="/login/">Log in</a> or <a href="/signup/">Sign up</a> to comment.';
+					listEl.appendChild(msg);
+				}
+
+				if (!data.comments.length) {
+					var empty = document.createElement('p');
+					empty.className = 'comments__empty';
+					empty.textContent = 'No comments yet. Be the first!';
+					listEl.appendChild(empty);
+					return;
+				}
+
+				data.comments.forEach(function (c) {
+					listEl.appendChild(renderComment(c, 0));
+				});
+			})
+			.catch(function () {
+				listEl.innerHTML = '<p class="comments__error">Failed to load comments.</p>';
+			});
+		}
+
+		loadComments();
+	})();
+</script>
 {{ end }}
diff --git a/static/css/custom.css b/static/css/custom.css
index 035b686..5f4670e 100644
--- a/static/css/custom.css
+++ b/static/css/custom.css
@@ -868,3 +868,178 @@
 .brand__auth-user-btn svg {
 	flex: 0 0 auto;
 }
+/* ── Comments section ─────────────────────────────────────────────────────── */
+
+.comments {
+	margin-top: 3rem;
+	padding-top: 2rem;
+	border-top: 1px solid var(--background-color1, #ddd);
+}
+
+.comments__title {
+	font-size: 1.15rem;
+	font-weight: 700;
+	margin-bottom: 1.2rem;
+}
+
+.comments__login-msg {
+	font-size: 0.9rem;
+	margin-bottom: 1.2rem;
+	color: var(--foreground-color3, #888);
+}
+
+.comments__empty {
+	font-size: 0.88rem;
+	color: var(--foreground-color3, #888);
+}
+
+.comments__error {
+	font-size: 0.88rem;
+	color: var(--error-color, #c0392b);
+}
+
+/* ── Comment form ── */
+
+.comment-form {
+	margin-bottom: 1.5rem;
+}
+
+.comment-form__input {
+	width: 100%;
+	box-sizing: border-box;
+	padding: 0.6rem 0.8rem;
+	border: 1px solid var(--background-color1, #ccc);
+	border-radius: 4px;
+	background: var(--background-color);
+	color: var(--foreground-color);
+	font: inherit;
+	font-size: 0.9rem;
+	resize: vertical;
+	outline: none;
+	transition: border-color 0.2s;
+}
+
+.comment-form__input:focus {
+	border-color: var(--accent-color);
+}
+
+.comment-form__footer {
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+	margin-top: 0.4rem;
+}
+
+.comment-form__counter {
+	font-size: 0.75rem;
+	color: var(--foreground-color3, #999);
+}
+
+.comment-form__submit {
+	padding: 0.35rem 0.9rem;
+	background: var(--accent-color);
+	color: #fff;
+	border: none;
+	border-radius: 4px;
+	font: inherit;
+	font-size: 0.85rem;
+	cursor: pointer;
+	transition: opacity 0.15s;
+}
+
+.comment-form__submit:hover {
+	opacity: 0.85;
+}
+.comment-form__submit:disabled {
+	opacity: 0.5;
+	cursor: not-allowed;
+}
+
+.comment-form__error {
+	font-size: 0.8rem;
+	color: var(--error-color, #c0392b);
+	margin-top: 0.3rem;
+	min-height: 1rem;
+}
+
+/* ── Individual comments ── */
+
+.comment {
+	margin-bottom: 1.2rem;
+	padding: 0.75rem 0.9rem;
+	border: 1px solid var(--background-color1, #e0e0e0);
+	border-radius: 6px;
+	background: var(--background-color);
+}
+
+.comment--reply {
+	margin-top: 0.7rem;
+	margin-left: 1.5rem;
+	border-left: 3px solid var(--accent-color);
+	border-radius: 0 6px 6px 0;
+}
+
+.comment__meta {
+	display: flex;
+	align-items: center;
+	gap: 0.6rem;
+	margin-bottom: 0.4rem;
+	flex-wrap: wrap;
+}
+
+.comment__author {
+	font-weight: 600;
+	font-size: 0.88rem;
+}
+
+.comment__time {
+	font-size: 0.78rem;
+	color: var(--foreground-color3, #999);
+}
+
+.comment__actions {
+	margin-left: auto;
+	display: flex;
+	gap: 0.5rem;
+}
+
+.comment__action {
+	background: none;
+	border: none;
+	padding: 0;
+	font: inherit;
+	font-size: 0.78rem;
+	cursor: pointer;
+	color: var(--foreground-color3, #888);
+	text-decoration: underline;
+}
+
+.comment__action:hover {
+	color: var(--accent-color);
+}
+
+.comment__action--delete:hover {
+	color: var(--error-color, #c0392b);
+}
+
+.comment__body {
+	font-size: 0.9rem;
+	line-height: 1.55;
+	margin: 0;
+	white-space: pre-wrap;
+	word-break: break-word;
+}
+
+.comment__deleted {
+	font-size: 0.85rem;
+	color: var(--foreground-color3, #aaa);
+	font-style: italic;
+}
+
+.comment__reply-form {
+	margin-top: 0.7rem;
+}
+
+.comment__replies {
+	margin-top: 0.5rem;
+}