.mdm-comments-row {
  margin-top: 2rem;
}

:root{
  --mdm-bg-depth0: var(--bg-gray);
  --mdm-bg-depth1: #F7F8F9;
  --mdm-bg-depth2: #FBFBFC;
}
.mdm-head-depth-0{ background: var(--mdm-bg-depth0); }
.mdm-head-depth-1{ background: var(--mdm-bg-depth1); }
.mdm-head-depth-2{ background: var(--mdm-bg-depth2); }

.mdm-comment-head{
  margin:-1rem -1rem 0 -1rem;      /* span full width inside rounded card */
  padding:.6rem 1rem;               /* balanced vertical padding */
  border-bottom:1px solid #E9ECEF;
  display:flex;                     /* enable vertical centering */
  align-items:center;
  min-height:2.5rem;
  /* add breathing room below header */
  margin-bottom:.65rem;
}

.mdm-username-line{
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:.1rem;               
  margin:0;
  line-height:1.25;
}

.mdm-name{ line-height:1.15; }
.mdm-date{ line-height:1.1; }

.mdm-comment-card{
  display:block;
  padding:1rem;
  background:#fff;
  border-bottom:1px solid #E1E1E1;
  border-radius:.5rem;
  overflow:hidden;
}

.mdm-comment-meta {
  color: var(--text-inactive);
  font-size: 0.9rem;
}

.mdm-comment-actions i {
  cursor: pointer;
  margin-right: 0.75rem;
}

.mdm-upvoted {
  color: var(--text-red);
}

.mdm-inline-error {
  color: var(--text-red);
  margin-top: 0.5rem;
  font-size: 0.9rem;
}

.mdm-reply-container {
  margin-left: 1.25rem;
}

.mdm-depth-0 { margin-left: 0 !important; }
.mdm-depth-1 { margin-left: 1.25rem; }
.mdm-depth-2 { margin-left: 2rem; }
.mdm-depth-3 { margin-left: 2rem; } /* same as 2 per spec */

.mdm-replies-more a {
  display: inline-block;
  margin: 0.5rem 0 1rem 0;
}

.mdm-username-line {
  color: var(--text-content);
  margin-bottom: 0.5rem;
}

.mdm-username-line strong {
  color: var(--text-red);
}

.mdm-username-line .strikethrough {
  text-decoration: line-through;
}

.mdm-comment-text{
  color:var(--text-content);
  font-size:1.075rem; 
  line-height:1.6;
}

@media (min-width: 992px){
  .mdm-comment-text{ font-size:1.125rem; }  /* 18px */
}

.mdm-more-comments {
  margin-top: 1rem;
}

.mdm-reply-toggle.active i,
.mdm-reply-toggle.active {
  color: var(--text-red);
}

.mdm-upvote.disabled {
  color: var(--text-inactive);
  cursor: not-allowed;
  pointer-events: none;
}

.quicktags-toolbar {
  margin: .25rem 0 .35rem;
}

.quicktags-toolbar input.button {
  border: 1px solid #dee2e6;
  background: #fff;
  color: var(--text-content);
  border-radius: .375rem;
  padding: .25rem .5rem;
  margin: 0 .25rem .25rem 0;
  line-height: 1.2;
}

.quicktags-toolbar input.button:hover {
  border-color: #ced4da;
}

/* Nice-looking code/blockquote in rendered comments */
.mdm-comment-text code {
  background: #f6f8fa;
  padding: .1rem .3rem;
  border-radius: .3rem;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: .95em;
}
.mdm-comment-text pre {
  background: #f6f8fa;
  padding: .75rem;
  border-radius: .5rem;
  overflow: auto;
}
.mdm-comment-text blockquote {
  border-left: 3px solid var(--text-inactive);
  padding-left: .75rem;
  color: var(--text-content);
  margin: .5rem 0 .5rem 0;
}