implemented eleventy filter for links

_src/assets/css/default/blog.css

@@ -1,15 +1,17 @@
 :root {
 	--avatar: 3rem;
 }
-#blog:not(:has(#posts)) header {
-	text-align: center;
+article:not(#blog:has(#posts) *) {
+	margin: 0 auto;
 }
 article {
-	margin: 0 auto;
 	max-width: var(--post);
-		& > [aria-label="Postscript"]::after {
-			background-color: var(--primary);
-		}
+	& ul {
+		margin: 0;
+	}
+	& > .postscript::after {
+		background-color: var(--primary);
+	}
 	& section:not(section:has(p)) {
 		display: flex;
 		gap: var(--pad-l);
@@ -27,7 +29,7 @@ article {
 	h6 {
 		margin-bottom: var(--pad-m);
 	}
-	& [aria-label="Post warning"] {
+	& .post-warning {
 		display: flex;
 		flex-direction: column;
 		font-size: 1.4rem;
@@ -42,19 +44,19 @@ article {
 		}
 	}
 }
-[aria-label="Addendum"],
-[aria-label="Post warning"],
+.addendum,
+.post-warning,
 article aside {
 	margin: var(--pad-l) 0;
 	padding: var(--pad-l);
 }
-article > [aria-label="Addendum"] {
+article > .addendum {
 	border-image-slice: 1;
 	border-image-width: 2px;
 	border-image-outset: 4px;
 }
 
-article > [aria-label="Postscript"] {
+article > .postscript {
 	margin: 0 0 auto auto;
 	padding: 2rem 0 4rem 0;
 	&::after {
@@ -127,10 +129,6 @@ article > [aria-label="Postscript"] {
 		padding: 0;
 	}
 
-	& li p {
-		margin-block-start: 0;
-	}
-
 	& a {
 		display: flex;
 		flex-direction: column;
@@ -162,7 +160,7 @@ article > [aria-label="Postscript"] {
 		max-width: unset;
 		width: auto;
 	}
-	article > [aria-label="Postscript"] {
+	article > .postscript {
 		& p {
 			margin-right: var(--pad-sm);
 			& > a img {
@@ -173,7 +171,7 @@ article > [aria-label="Postscript"] {
 	}
 }
 @media (prefers-reduced-motion: reduce) {
-	article > [aria-label="Postscript"] {
+	article > .postscript {
 		& p,
 		p > img {
 			transition: none;