/* GeneratePress article column is 740px, centered; comments must share both edges. */
.single #main .comments-area,
.page #main .comments-area {
  box-sizing: border-box;
  width: 100%;
  max-width: 740px;
  margin: 40px auto 0;
  padding: 32px 0 0;
  border-top: 1px solid #e8ecf0;
}
.comments-area #respond { width: 100%; min-width: 0; }
.comments-area .comment-reply-title { font-size: 23px; line-height: 1.5; margin-bottom: 10px; color: #191f28; word-break: keep-all; }
.comments-area .bono-comment-intro { margin: 0 0 24px; color: #596574; font-size: 15px; line-height: 1.65; word-break: keep-all; }
.comments-area #commentform { display: flex; flex-direction: column; gap: 22px; }
.comments-area #commentform > p { margin: 0; width: 100%; }
.comments-area #commentform label { display: block; margin: 0 0 8px; font-size: 15px; font-weight: 600; color: #333d4b; }
.comments-area .bono-optional { color: #697586; font-weight: 400; }
.comments-area #commentform textarea,
.comments-area #commentform input[type="email"] {
  box-sizing: border-box;
  display: block;
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 14px 16px;
  border: 1px solid #d9dee5;
  border-radius: 10px;
  background: #fff;
  color: #191f28;
  font: inherit;
  font-size: 16px;
  line-height: 1.6;
}
.comments-area #commentform textarea { min-height: 160px; resize: vertical; }
.comments-area #commentform textarea:focus,
.comments-area #commentform input[type="email"]:focus { border-color: #3182f6; outline: 2px solid #dceaff; outline-offset: 2px; }
.comments-area .bono-comment-help { display: block; margin-top: 9px; color: #697586; font-size: 13px; line-height: 1.65; word-break: keep-all; overflow-wrap: anywhere; }
.comments-area .bono-comment-help a { color: #526779; text-underline-offset: 3px; }
.comments-area #commentform .submit { margin: 0; padding: 13px 20px; border-radius: 9px; background: #3182f6; color: white; font-weight: 600; font-size: 16px; line-height: 1.5; cursor: pointer; }
.comments-area #commentform .submit:hover { background: #1b64da; }
.comments-area #cancel-comment-reply-link { display: inline-block; margin-left: 10px; font-size: 13px; font-weight: 400; }
.comments-area .comment-list { overflow-wrap: anywhere; }
@media (max-width: 768px) {
  .single #main .comments-area, .page #main .comments-area { margin-top: 32px; padding-top: 28px; }
  .comments-area .comment-reply-title { font-size: 21px; }
  .comments-area #commentform { gap: 20px; }
  .comments-area .comment-list .children { margin-left: 14px; }
}