Fix layout for single article images and style comments section

style.css

@@ -179,4 +179,89 @@ a:hover {
 	align-items: center;
 	justify-content: center;
 	border-radius: 4px;
+}
+
+/* Comments Styling overrides for native wp_list_comments */
+.comment-list {
+	list-style: none;
+	padding: 0;
+	margin: 0 0 3rem 0;
+}
+
+.comment-list .comment {
+	background: #fff;
+	border: 1px solid rgba(26, 43, 72, 0.1);
+	/* Subtle midnight border */
+	border-radius: 0.5rem;
+	padding: 1.5rem;
+	margin-bottom: 1.5rem;
+	box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075);
+}
+
+.comment-list .comment-body {
+	display: flex;
+	flex-direction: column;
+}
+
+.comment-list .comment-author {
+	display: flex;
+	align-items: center;
+	gap: 1rem;
+	margin-bottom: 1rem;
+	font-weight: 600;
+	color: var(--brand-deep-midnight);
+}
+
+.comment-list .comment-author img {
+	border-radius: 50%;
+}
+
+.comment-list .comment-meta {
+	font-size: 0.85rem;
+	color: #6c757d;
+	margin-bottom: 1rem;
+}
+
+.comment-list .comment-meta a {
+	color: #6c757d;
+	text-decoration: none;
+}
+
+.comment-list p {
+	margin-bottom: 0.5rem;
+}
+
+.comment-list .reply a {
+	display: inline-block;
+	font-size: 0.85rem;
+	text-transform: uppercase;
+	font-weight: 700;
+	color: var(--brand-deep-teal);
+	border: 1px solid var(--brand-deep-teal);
+	padding: 0.25rem 0.75rem;
+	border-radius: 0.25rem;
+	transition: all 0.2s;
+	text-decoration: none;
+	margin-top: 1rem;
+}
+
+.comment-list .reply a:hover {
+	background: var(--brand-deep-teal);
+	color: #fff;
+}
+
+.comment-list .children {
+	list-style: none;
+	padding-left: 2rem;
+	margin-top: 1.5rem;
+	border-left: 2px solid rgba(26, 43, 72, 0.1);
+}
+
+/* Series Taxonomy Step Numbers */
+.series-number-stamp {
+	font-family: 'Playfair Display', serif;
+	font-size: 4rem;
+	color: var(--brand-gold-leaf);
+	opacity: 0.2;
+	line-height: 1;
 }