.wp-block-comments {
	margin-inline: auto;
	max-inline-size: var(--wp--custom--measure--prose, 42rem);
}

.wp-block-comments-title {
	margin-block: 0 var(--wp--preset--spacing--40, 1.5rem);
	padding-block-start: var(--wp--preset--spacing--40, 1.5rem);
	border-block-start: 2px solid var(--wp--preset--color--contrast);
	font-family: var(--wp--preset--font-family--reading);
	font-weight: 600;
	letter-spacing: -0.01em;
}

.wp-block-comment-template {
	margin: 0;
	padding: 0;
	list-style: none;
}

.wp-block-comment-template li {
	list-style: none;
}

.wp-block-comment-template > li > .wp-block-group {
	margin-block-end: 0.85rem;
	padding: 1rem 1.15rem;
	background-color: var(--wp--preset--color--base-sunk);
	border: 1px solid var(--wp--preset--color--rule);
	border-radius: var(--wp--custom--radius--md, 8px);
}

.wp-block-comment-template .children {
	margin: 0 0 0 0.9rem;
	padding-inline-start: 1.1rem;
	border-inline-start: 2px solid var(--wp--preset--color--accent-surface);
	list-style: none;
}

.wp-block-comment-template .children .children .children {
	margin-inline-start: 0;
	padding-inline-start: 0.9rem;
}

.manohara-comment__head {
	margin-block-end: 0.6rem;
}

.wp-block-avatar img {
	display: block;
	border-radius: var(--wp--custom--radius--pill, 999px);

	box-shadow: 0 0 0 1px var(--wp--preset--color--rule);
}

.wp-block-comment-author-name {
	margin: 0;
	font-family: var(--wp--preset--font-family--structure);
	font-weight: 600;
	line-height: 1.3;
}

.wp-block-comment-author-name a {
	color: var(--wp--preset--color--contrast);
	text-decoration: none;
}

.wp-block-comment-author-name a:hover,
.wp-block-comment-author-name a:focus-visible {
	text-decoration: underline;
}

.wp-block-comment-date {
	margin: 0.1rem 0 0;
	font-family: var(--wp--preset--font-family--structure);
	line-height: 1.3;
}

.wp-block-comment-date a {
	color: var(--wp--preset--color--contrast-muted);
	text-decoration: none;
}

.wp-block-comment-date a:hover,
.wp-block-comment-date a:focus-visible {
	text-decoration: underline;
}

.wp-block-comment-template > li.bypostauthor > .wp-block-group,
.wp-block-comment-template .children > li.bypostauthor > .wp-block-group {
	background-color: var(--wp--preset--color--base);
	border-color: var(--wp--preset--color--accent-surface);
	border-inline-start: 3px solid var(--wp--preset--color--accent-surface);
}

li.bypostauthor > .wp-block-group .wp-block-comment-author-name::after {
	content: "";
	display: inline-block;
	inline-size: 0.42rem;
	block-size: 0.42rem;
	margin-inline-start: 0.4rem;
	vertical-align: 0.08em;
	background-color: var(--wp--preset--color--accent);
	border-radius: var(--wp--custom--radius--pill, 999px);
}

.wp-block-comment-content {
	margin-block: 0;
	color: var(--wp--preset--color--contrast);
	line-height: 1.65;
	overflow-wrap: break-word;
}

.wp-block-comment-content p {
	margin-block: 0 0.7rem;
}

.wp-block-comment-content > :last-child {
	margin-block-end: 0;
}

.wp-block-comment-content a {
	color: var(--wp--preset--color--accent);
	overflow-wrap: anywhere;
}

.wp-block-comment-content blockquote {
	margin: 0.7rem 0;
	padding-inline-start: 0.9rem;
	border-inline-start: 2px solid var(--wp--preset--color--rule);
	color: var(--wp--preset--color--contrast-muted);
	font-style: italic;
}

.wp-block-comment-content :is(pre, code) {
	font-family: var(--wp--preset--font-family--data, monospace);
	font-size: 0.9em;
}

.wp-block-comment-content pre {
	overflow-x: auto;
	padding: 0.7rem;
	background-color: var(--wp--preset--color--base);
	border: 1px solid var(--wp--preset--color--rule);
	border-radius: var(--wp--custom--radius--sm, 3px);
}

.wp-block-comment-content :is(img, iframe, video) {
	max-inline-size: 100%;
	block-size: auto;
	border-radius: var(--wp--custom--radius--sm, 3px);
}

.wp-block-comment-reply-link {
	margin-block: 0.7rem 0;
	font-family: var(--wp--preset--font-family--structure);
}

.wp-block-comment-reply-link a,
.wp-block-comment-edit-link a {
	display: inline-block;
	padding: 0.22rem 0.7rem;
	color: var(--wp--preset--color--accent);
	background-color: transparent;
	border: 1px solid var(--wp--preset--color--rule);
	border-radius: var(--wp--custom--radius--pill, 999px);
	font-weight: 600;
	text-decoration: none;
	transition:
		background-color var(--manohara-motion-fast, 120ms) var(--manohara-ease, ease),
		border-color var(--manohara-motion-fast, 120ms) var(--manohara-ease, ease);
}

@media (hover: hover) {
	.wp-block-comment-reply-link a:hover,
	.wp-block-comment-edit-link a:hover {
		background-color: var(--wp--preset--color--accent-surface);
		border-color: var(--wp--preset--color--accent);
	}
}

.wp-block-comment-reply-link a:focus-visible,
.wp-block-comment-edit-link a:focus-visible {
	outline: 2px solid var(--wp--preset--color--accent);
	outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
	.wp-block-comment-reply-link a,
	.wp-block-comment-edit-link a {
		transition: none;
	}
}

.wp-block-comments-pagination {
	margin-block-start: var(--wp--preset--spacing--40, 1.5rem);
	font-family: var(--wp--preset--font-family--structure);
}

.wp-block-comments-pagination a {
	color: var(--wp--preset--color--accent);
	text-decoration: none;
}

.wp-block-comments-pagination a:hover,
.wp-block-comments-pagination a:focus-visible {
	text-decoration: underline;
}

.wp-block-comments-pagination .current {
	font-weight: 600;
}

.wp-block-post-comments-form {
	margin-block-start: var(--wp--preset--spacing--50, 2rem);
	padding: 1.25rem 1.35rem 1.35rem;
	background-color: var(--wp--preset--color--base-sunk);
	border: 1px solid var(--wp--preset--color--rule);
	border-radius: var(--wp--custom--radius--md, 8px);
}

.wp-block-post-comments-form .comment-reply-title {
	margin-block: 0 0.4rem;
	font-family: var(--wp--preset--font-family--reading);
	font-size: var(--wp--preset--font-size--medium);
	font-weight: 600;
	line-height: 1.3;
}

.wp-block-post-comments-form .comment-reply-title small {
	display: block;
	margin-block-start: 0.25rem;
	font-family: var(--wp--preset--font-family--structure);
	font-size: var(--wp--preset--font-size--x-small);
	font-weight: 400;
}

.wp-block-post-comments-form .comment-notes,
.wp-block-post-comments-form .logged-in-as,
.wp-block-post-comments-form .form-allowed-tags {
	margin-block: 0 1rem;
	color: var(--wp--preset--color--contrast-muted);
	font-family: var(--wp--preset--font-family--structure);
	font-size: var(--wp--preset--font-size--x-small);
	line-height: 1.5;
}

.wp-block-post-comments-form .form-allowed-tags {
	display: none;
}

.wp-block-post-comments-form p {
	margin-block: 0 0.9rem;
}

.wp-block-post-comments-form label {
	display: block;
	margin-block-end: 0.3rem;
	color: var(--wp--preset--color--contrast);
	font-family: var(--wp--preset--font-family--structure);
	font-size: var(--wp--preset--font-size--x-small);
	font-weight: 600;
}

.wp-block-post-comments-form :is(input[type="text"], input[type="email"], input[type="url"], textarea) {
	box-sizing: border-box;
	inline-size: 100%;
	padding: 0.55rem 0.7rem;
	color: var(--wp--preset--color--contrast);
	background-color: var(--wp--preset--color--base);
	border: 1px solid var(--wp--preset--color--rule);
	border-radius: var(--wp--custom--radius--sm, 3px);
	font-family: inherit;
	font-size: var(--wp--preset--font-size--small);
	line-height: 1.5;
}

.wp-block-post-comments-form textarea {
	min-block-size: 8rem;
	resize: vertical;
}

.wp-block-post-comments-form :is(input, textarea):focus-visible {
	outline: 2px solid var(--wp--preset--color--accent);
	outline-offset: 1px;
	border-color: var(--wp--preset--color--accent);
}

@media (min-width: 600px) {
	.wp-block-post-comments-form .comment-form-author,
	.wp-block-post-comments-form .comment-form-email,
	.wp-block-post-comments-form .comment-form-url {
		display: inline-block;
		box-sizing: border-box;
		inline-size: calc(33.333% - 0.6rem);
		vertical-align: top;
	}

	.wp-block-post-comments-form .comment-form-author,
	.wp-block-post-comments-form .comment-form-email {
		margin-inline-end: 0.9rem;
	}
}

.wp-block-post-comments-form .comment-form-cookies-consent {
	display: flex;
	align-items: flex-start;
	gap: 0.5rem;
}

.wp-block-post-comments-form .comment-form-cookies-consent input {
	margin-block-start: 0.15rem;
	accent-color: var(--wp--preset--color--accent);
	flex: 0 0 auto;
}

.wp-block-post-comments-form .comment-form-cookies-consent label {
	margin: 0;
	color: var(--wp--preset--color--contrast-muted);
	font-weight: 400;
	line-height: 1.45;
}

.wp-block-post-comments-form .form-submit {
	margin-block-end: 0;
}

.wp-block-post-comments-form .submit {
	padding: 0.5rem 1.4rem;
	color: var(--wp--preset--color--base);
	background-color: var(--wp--preset--color--accent);
	border: 1px solid var(--wp--preset--color--accent);
	border-radius: var(--wp--custom--radius--sm, 3px);
	font-family: var(--wp--preset--font-family--structure);
	font-size: var(--wp--preset--font-size--small);
	font-weight: 600;
	cursor: pointer;
	transition: background-color var(--manohara-motion-fast, 120ms) var(--manohara-ease, ease);
}

@media (hover: hover) {
	.wp-block-post-comments-form .submit:hover {
		background-color: var(--wp--preset--color--accent-alt);
		border-color: var(--wp--preset--color--accent-alt);
	}
}

.wp-block-post-comments-form .submit:focus-visible {
	outline: 2px solid var(--wp--preset--color--contrast);
	outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
	.wp-block-post-comments-form .submit {
		transition: none;
	}
}

.no-comments,
.comment-awaiting-moderation {
	margin-block: 0.5rem 0;
	color: var(--wp--preset--color--contrast-muted);
	font-family: var(--wp--preset--font-family--structure);
	font-size: var(--wp--preset--font-size--x-small);
	font-style: italic;
}

@media (max-width: 600px) {
	.wp-block-comment-template > li > .wp-block-group {
		padding: 0.85rem 0.9rem;
	}

	.wp-block-comment-template .children {
		margin-inline-start: 0;
		padding-inline-start: 0.7rem;
	}

	.wp-block-post-comments-form {
		padding: 1rem;
	}
}

@media print {
	.wp-block-comments {
		display: none;
	}
}