.site .comments-area {
	border-top: none !important;
	border: none !important;
}
#comments {
	--triangle-size: 100px;
	--w: calc(min(max(70vw, 760px), 1000px, 100%));
	position: relative;
	margin-inline: auto;
	margin-bottom: 30px;
	max-width: 100%;
	min-height: 200px;
	width: var(--w);
	overflow-x: hidden;
}

/* ----------------------------- inline comment ----------------------------- */
article #comments {
	margin-left: calc(-1 * var(--ast-container-default-xlg-padding));
	margin-right: calc(-1 * var(--ast-container-default-xlg-padding));
	max-width: none;
	width: unset;
}
#comments > #respond > #reply-title {
	margin-top: calc((var(--triangle-size) / 2));
	margin-bottom: 1rem;
}
#comments textarea {
	border-radius: 15px !important;
	resize: none;
}
#comments fieldset {
	border: none;
}

#comments > #respond {
	background-color: var(--gebra_papercolor);
	position: relative;
	padding: 3em 2.34em;
}
#comments > #respond::before {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-top-width: var(--triangle-size);
	border-right-width: 0;
	border-inline-end-width: 0;
	border-inline-start-width: 1000px;
	border-bottom-width: 0;
	border-color: white transparent transparent transparent;
}
#comments > .comments-title {
	font-size: 1.34rem;
	padding-top: 0;
	padding-bottom: 0;
}
#comments > * {
	background-color: none;
	background: none;
}
#comments > ol > li,
#comments > ul > li {
	background-color: none;
	background: none;
}

#comments article.ast-comment {
	background: white;
	border: 1px sold white;
	border-radius: 35px 35px 35px 0;
	padding: 1em;
}