.imc-member-comments-notice {
	margin: 2.5rem 0;
	padding: 1.5rem;
	border: 1px solid currentColor;
	background: #faf9f4;
}

.imc-member-comments-notice p {
	margin: 0 0 1rem;
	font-size: 1.125rem;
	line-height: 1.5;
}

.imc-member-comments-button {
	display: inline-block;
	padding: 0.75rem 1rem;
	border: 1px solid currentColor;
	font-weight: 700;
	text-decoration: none;
}

.imc-member-comments-button:hover,
.imc-member-comments-button:focus {
	text-decoration: underline;
}

/* PS-4626 mobile cleanup */

/* C6: one heading style for the list H2 ("Comments") and the form H3 ("Leave a Comment"). */
.single-post #comments .comments-title,
.single-post #comments .comment-reply-title {
	font-size: 1.4em;
	line-height: 1.15;
	font-weight: 400;
	color: var(--accent);
	margin: 0 0 16px;
}
/* Ineligible visitors: 32px between the Join box and the list heading. */
.single-post #comments:not(:has(.comment-respond)) .comments-title { margin-top: 32px; }
/* Space above the form heading when a comment list is showing. */
.single-post #comments .comment-list ~ .comment-respond .comment-reply-title { margin-top: 32px; }

/* C4: blank avatar reserved about 60px of empty space next to the author name */
.single-post #comments .comment-meta .avatar { display: none; }

/* C5: quieter meta line */
.single-post #comments .comment-author cite { font-size: 1em; }
.single-post #comments .comment-metadata { font-size: 0.75em; margin-top: 2px; }
.single-post #comments .comment-metadata a { color: var(--contrast-2); }
.single-post #comments .comment-awaiting-moderation {
	font-size: 0.8em;
	font-style: italic;
	color: var(--contrast-2);
	margin: 8px 0 0;
}

/* C3: comment card with a visible edge and tighter mobile inset */
.single-post #comments .comment-content {
	border: 1px solid rgba(11, 61, 106, 0.12);
	background: var(--base-md);
}
.single-post #comments .comment-content .reply { display: inline-block; margin-top: 8px; }

/* C7: "Logged in as ... / Required fields" line */
.single-post #comments .logged-in-as,
.single-post #comments .comment-notes { font-size: 0.8em; line-height: 1.4; }

/* Hide "Comments are closed." when a list is already showing. */
.single-post #comments .comment-list ~ p.no-comments { display: none; }

@media (max-width: 767px) {
	.single-post #comments .comment-body { padding: 20px 0; }
	.single-post #comments .comment-content { padding: 16px 18px; margin-top: 12px; }
	.single-post #comments .comment .children { padding-left: 16px; margin-top: -20px; }
}

/* C8: navy textarea border on single-post comment forms. */
.single-post #comments .comment-form textarea {
	border: 1px solid var(--accent);
	background-color: var(--base-2);
	width: 100%;
}
.single-post #comments .comment-form textarea:focus {
	border-color: var(--accent-2);
	outline: 2px solid var(--accent-2);
	outline-offset: 1px;
}