/* Appeal rebuild: FluentComments 2.1.1 skin (loaded with the child stylesheet; the plugin's own sheet is enqueued earlier) */
.fluent-comments-block, .fluent_comments_wrap {
  --fcom-primary-text: var(--appeal-ink); --fcom-secondary-text: var(--appeal-ink-2); --fcom-text-link: var(--appeal-accent); --fcom-text-off: var(--appeal-muted);
  --fcom-primary-bg: var(--appeal-paper); --fcom-secondary-bg: var(--appeal-panel); --fcom-secondary-content-bg: transparent; --fcom-active-bg: var(--appeal-panel);
  --fcom-primary-border: var(--appeal-rule); --fcom-highlight-bg: var(--appeal-highlight); --fcom-primary-button: var(--appeal-accent); --fcom-primary-button-text: var(--appeal-on-accent);
  --fcom-avatar-size: 44px; --fcom-avatar-size-mobile: 36px; --fcom-child-indent: 60px; --fcom-child-indent-mobile: 16px; --fcom-font-size-base: 16px; --fcom-font-size-title: 36px; --fcom-radius: 4px;
  font-family: var(--appeal-serif); color: var(--appeal-ink);
}
.fluent_comments_wrap .flc_comments-title { margin: 0 0 32px; padding-top: 32px; border-top: 1px dashed var(--appeal-rule); font-family: var(--appeal-serif); font-size: var(--fcom-font-size-title); font-weight: 500; line-height: 1.2; letter-spacing: -0.01em; color: var(--appeal-ink); }
.flc_respond { margin: 0 0 48px; }
.flc_comment_wrap { column-gap: 16px; }
.flc_comment_wrap .flc_comment_author, .flc_author_placeholder { width: var(--fcom-avatar-size); }
.flc_content_textarea, .flc_row.flc_person_form_fields input { box-sizing: border-box; width: 100%; border: 1px solid var(--appeal-field-border); border-radius: var(--fcom-radius); background: var(--appeal-surface); color: var(--appeal-ink); }
.flc_content_textarea { min-height: 140px; padding: 14px 16px; font-family: var(--appeal-serif); font-size: 19px; line-height: 1.7; }
.flc_row.flc_person_form_fields { column-gap: 12px; margin: 12px 0 0; }
.flc_row.flc_person_form_fields input { height: 48px; padding: 0 16px; font-family: var(--appeal-sans); font-size: 16px; }
.flc_content_textarea::placeholder, .flc_row.flc_person_form_fields input::placeholder { color: var(--appeal-muted); }
.flc_content_textarea:focus, .flc_row.flc_person_form_fields input:focus { outline: 2px solid var(--appeal-accent); outline-offset: 1px; border-color: var(--appeal-accent); }
.flc_respond .flc_submit { margin-top: 16px; display: flex; justify-content: flex-end; }
button.flc_button { height: 48px; padding: 0 24px; border-radius: 999px; font-family: var(--appeal-sans); font-size: 16px; font-weight: 600; line-height: 1; }
button.flc_button:hover { opacity: 1; background: var(--appeal-accent-hover); }
button.flc_button:focus-visible { outline: 2px solid var(--appeal-accent); outline-offset: 2px; }
.flc_notice, .flc_error { border-radius: var(--fcom-radius); font-family: var(--appeal-sans); font-size: 15px; line-height: 1.55; padding: 12px 16px; }
.flc_notice { background: var(--appeal-panel); color: var(--appeal-ink-2); }
.flc_error { background: var(--fcom-highlight-bg); color: var(--appeal-accent-hover); }
.flc_comment-list .flc_comment { margin: 0; padding: 28px 0; border-top: 1px dashed var(--appeal-rule); }
.flc_comment-list > .flc_comment:last-child { border-bottom: 1px dashed var(--appeal-rule); }
.flc_body { column-gap: 16px; }
.flc_comment_author img { border: 0; border-radius: 50%; width: var(--fcom-avatar-size); height: var(--fcom-avatar-size); object-fit: cover; background: var(--appeal-panel); }
.flc_body .crayons-card { padding: 0; background: transparent; box-shadow: none; border-radius: 0; }
.flc_body .crayons-card .comment__header { display: flex; align-items: baseline; gap: 8px; font-family: var(--appeal-sans); font-size: 15px; line-height: 1.55; }
.flc_body .crayons-card .comment__header .fn { font-weight: 600; }
.flc_body .crayons-card .flc_dot { color: var(--appeal-rule); }
.flc_body .crayons-card time { font-size: 14px; color: var(--appeal-muted); }
.flc_comment-list .flc_comment > article.flc_body .flc_comment-content { padding-top: 6px; font-family: var(--appeal-serif); font-size: 19px; line-height: 1.7; color: var(--appeal-ink); }
.flc_comment-list .flc_comment > article.flc_body .flc_comment-content p { margin: 0 0 16px; }
.flc_comment-list .flc_comment > article.flc_body .flc_comment-content p:last-child { margin-bottom: 0; }
.flc_comment-content blockquote { margin: 12px 0; padding: 16px 20px; background: var(--appeal-panel); border-radius: var(--fcom-radius); font-size: 17px; }
p.comment-awaiting-moderation { font-family: var(--appeal-sans); font-size: 14px; font-style: normal; color: var(--appeal-muted); }
.flc_body .comment_footer { margin-top: 8px; }
.flc_body .comment_footer a { min-height: 44px; padding: 0; gap: 6px; font-family: var(--appeal-sans); font-size: 14px; font-weight: 600; color: var(--appeal-accent); }
.flc_body .comment_footer a:hover { background: transparent; color: var(--appeal-accent-hover); }
.flc_body .comment_footer svg { width: 18px; height: 18px; }
.flc_comment-list.flc_child_comments { margin: 20px 0 0 22px; padding-left: 38px; border-left: 1px dashed var(--appeal-rule); }
.flc_comment-list.flc_child_comments .flc_comment { padding: 20px 0 0; border-top: 0; }
.flc_comment-list.flc_child_comments > .flc_comment:last-child { border-bottom: 0; }
.flc_child_form { margin: 20px 0 0 60px; }
.flc_load_more { margin-top: 32px; }
.flc_load_more button.flc_button { background: transparent; color: var(--appeal-ink); box-shadow: inset 0 0 0 1px var(--appeal-ink); }
.flc_load_more button.flc_button:hover { background: var(--appeal-panel); }
.flc_comments_closed { font-family: var(--appeal-sans); font-size: 15px; font-style: normal; color: var(--appeal-muted); }
@media (max-width: 767px) {
  .fluent-comments-block, .fluent_comments_wrap { --fcom-font-size-title: 28px; }
  .flc_content_textarea, .flc_comment-list .flc_comment > article.flc_body .flc_comment-content { font-size: 18px; }
  .flc_comment_author img { width: var(--fcom-avatar-size-mobile); height: var(--fcom-avatar-size-mobile); }
  .flc_body { column-gap: 12px; }
  .flc_row.flc_person_form_fields input { margin-bottom: 0; }
  .flc_row.flc_person_form_fields { row-gap: 12px; }
  .flc_respond .flc_submit { justify-content: stretch; }
  .flc_respond .flc_submit button.flc_button { width: 100%; }
  .flc_comment-list.flc_child_comments { margin-left: 17px; padding-left: 16px; }
  .flc_child_form { margin-left: 16px; }
}