/* Native WordPress comments, styled entirely within MUSTACHE Journal. */
.mtcj-comments { max-width:1040px; margin:72px auto; color:var(--ink); font-family:var(--sans); overflow-wrap:anywhere; }
.mtcj-comments-heading { display:flex; align-items:center; justify-content:space-between; gap:24px; padding-bottom:26px; border-bottom:1px solid var(--line); }
.mtcj-comments-heading .eyebrow { color:var(--muted); }
.mtcj-comments h2 { font:500 1.75rem/1.7 var(--serif); margin:10px 0 0; letter-spacing:.025em; }
.mtcj-comments h2 small { display:inline-block; margin-left:12px; font:400 .8125rem/1.5 var(--sans); color:var(--muted); vertical-align:middle; }
.mtcj-comments-heading .four-colors { gap:4px; }
.mtcj-comments-heading .four-colors i { width:5px; height:24px; }
.mtcj-comments a { color:var(--accent); text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:4px; }
.mtcj-comments .comment-list,.mtcj-comments .children { list-style:none; margin:0; padding:0; }
.mtcj-comments .comment-list { padding-block:8px; }
.mtcj-comments .comment-body { position:relative; padding:28px 0; border-bottom:1px solid var(--line); font-size:1rem; line-height:1.9; }
.mtcj-comments .comment-author { display:flex; align-items:center; flex-wrap:wrap; gap:8px 12px; font-size:.9375rem; }
.mtcj-comments .comment-author .avatar { flex:0 0 40px; width:40px; height:40px; object-fit:cover; border-radius:50%; }
.mtcj-comments .comment-author .fn { font-style:normal; font-weight:600; }
.mtcj-comments .comment-author .says { font-size:.8125rem; color:var(--muted); }
.mtcj-comments .comment-metadata { margin:8px 0 14px; font-size:.75rem; line-height:1.8; color:var(--muted); }
.mtcj-comments .comment-metadata a { color:inherit; }
.mtcj-comments .comment-content>*+* { margin-top:12px; }
.mtcj-comments .comment-content :is(ul,ol) { padding-left:1.4em; }
.mtcj-comments .comment-content :is(pre,code) { font-size:.875em; }
.mtcj-comments .comment-content pre { overflow:auto; padding:16px; background:#edf3f2; }
.mtcj-comments .comment-content img { max-width:100%; height:auto; }
.mtcj-comments .comment-content blockquote { padding-left:18px; border-left:2px solid #9dbbc2; }
.mtcj-comments .children { margin-left:24px; padding-left:20px; border-left:1px solid var(--line); }
.mtcj-comments .children .children { margin-left:12px; padding-left:12px; }
.mtcj-comments .children .children .children { margin-left:0; padding-left:0; border-left:0; }
.mtcj-comments .reply { margin-top:14px; }
.mtcj-comments .comment-reply-link { display:inline-flex; align-items:center; min-height:44px; padding:8px 16px; background:#e4f0f2; font-size:.875rem; text-decoration:none; }
.mtcj-comments .bypostauthor>.comment-body { border-bottom-color:#7cabb5; }
.mtcj-comments .comment-awaiting-moderation { margin:12px 0; padding:12px 16px; background:#f2f2d5; font-size:.875rem; }
.mtcj-comments .navigation { margin-block:24px; }
.mtcj-comments .nav-links { display:flex; flex-wrap:wrap; gap:10px; }
.mtcj-comments .page-numbers { display:grid; place-items:center; min-width:44px; min-height:44px; padding:8px 12px; border:1px solid var(--line); font-size:.875rem; }
.mtcj-comments .page-numbers.current { background:var(--journal-blue); }
.mtcj-comment-respond { margin-top:30px; padding:32px 36px 36px; border-top:3px solid #3198af; background:#edf4f3; scroll-margin-top:calc(var(--journal-header-offset,100px) + var(--mtcj-admin-offset,0px) + 24px); }
.mtcj-comments .comment-reply-title { display:flex; align-items:baseline; justify-content:space-between; flex-wrap:wrap; gap:12px; margin:0 0 20px; font-size:1.25rem; line-height:1.7; font-weight:500; }
.mtcj-comments .comment-reply-title small { font-size:.8125rem; font-weight:400; }
.mtcj-comment-form { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px 24px; }
.mtcj-comment-form>* { grid-column:1/-1; min-width:0; margin:0; }
.mtcj-comment-form .comment-form-author { grid-column:1; }
.mtcj-comment-form .comment-form-email { grid-column:2; }
.mtcj-comment-form label { display:block; margin-bottom:9px; font-size:.875rem; line-height:1.7; }
.mtcj-comment-form :is(.comment-notes,.logged-in-as,.must-log-in) { font-size:.8125rem; line-height:1.9; color:var(--muted); }
.mtcj-comment-form .required { color:#8d3346; }
.mtcj-comment-form input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=hidden]),.mtcj-comment-form textarea,.mtcj-comment-form select {
  display:block; width:100%; min-height:48px; padding:12px 14px; border:1px solid #9db7bb; border-radius:0;
  background:var(--paper); color:var(--ink); font:400 1rem/1.7 var(--sans); transition:border-color .2s,background-color .2s;
}
.mtcj-comment-form textarea { min-height:190px; resize:vertical; }
.mtcj-comments :is(a,button,input,textarea,select):focus-visible { outline:2px solid var(--accent); outline-offset:4px; }
.mtcj-comment-form :is(input,textarea,select):focus { border-color:var(--accent); background:#fff; }
.mtcj-comment-form .comment-form-cookies-consent { display:flex; align-items:flex-start; gap:12px; }
.mtcj-comment-form .comment-form-cookies-consent input { flex:0 0 18px; width:18px; height:18px; margin-top:4px; accent-color:var(--accent); }
.mtcj-comment-form .comment-form-cookies-consent label { font-size:.8125rem; line-height:1.9; margin:0; }
.mtcj-comment-form .form-submit { display:flex; justify-content:flex-end; margin:0; padding-top:4px; }
.mtcj-comments .mtcj-comment-submit { display:inline-flex; align-items:center; justify-content:space-between; gap:28px; min-height:52px; min-width:248px; max-width:100%; padding:14px 22px; border:1px solid var(--ink); border-radius:0; background:var(--ink); color:var(--paper); font:500 .9375rem/1.6 var(--sans); text-align:left; cursor:pointer; transition:background-color .2s,border-color .2s; }
.mtcj-comment-submit .motion-icon { width:22px; height:22px; flex:0 0 22px; }
.mtcj-comments-closed { padding:20px 24px; margin-top:24px; background:#f1f1da; font-size:.9375rem; line-height:1.9; }
@media(hover:hover) {
  .mtcj-comments .mtcj-comment-submit:hover { background:var(--accent); border-color:var(--accent); }
  .mtcj-comments .comment-reply-link:hover { background:#c7e7ed; }
}
@media(max-width:760px) {
  .mtcj-comments { margin-block:48px; }
  .mtcj-comments-heading { padding-bottom:22px; }
  .mtcj-comments h2 { font-size:1.5rem; }
  .mtcj-comment-respond { margin-top:24px; padding:24px 20px; }
  .mtcj-comment-form { grid-template-columns:minmax(0,1fr); gap:20px; }
  .mtcj-comment-form .comment-form-author,.mtcj-comment-form .comment-form-email { grid-column:1; }
  .mtcj-comment-form textarea { min-height:180px; }
  .mtcj-comments .mtcj-comment-submit { width:100%; min-width:0; }
  .mtcj-comments .comment-body { padding-block:24px; }
  .mtcj-comments .children { margin-left:10px; padding-left:12px; }
  .mtcj-comments .children .children { margin-left:0; padding-left:8px; }
}
@media(prefers-reduced-motion:reduce) {
  .mtcj-comments :is(input,textarea,select,button) { transition:none; }
}