/* CSS borders inherit the active theme, unlike currentColor inside a data URL. */
.breadcrumbs .breadcrumb-back::before {
    background: none;
    filter: none;
    width: .5rem;
    height: .5rem;
    top: .125rem;
    left: .25rem;
    border-left: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: rotate(45deg);
    color: rgb(var(--gmf-text-secondary));
}
.breadcrumbs .breadcrumb-back > svg { display: none; }
#comments.comments-area { color: rgb(var(--gmf-text)); }
#comments .ts-single-status {
    background: rgb(var(--gmf-surface-elevated));
    border: 1px solid rgb(var(--gmf-border));
    border-radius: var(--gmf-radius-card);
    padding: 1rem;
}
#comments .ts-status { min-width: 0; }
#comments .ts-status-head, #comments .ts_status-author { color: rgb(var(--gmf-text)); }
#comments .ts-status-body, #comments .ts-status-body > div,
#comments .ts_status-author .text-gray-500 { color: rgb(var(--gmf-text-secondary)); }
#comments .comment-form label { display: block; color: rgb(var(--gmf-text)); margin: 0 0 .5rem; font-size: .875rem; line-height: 1.5; }
#comments .comment-form input:not([type=checkbox]):not([type=hidden]), #comments .comment-form textarea {
    color: rgb(var(--gmf-text));
    background: rgb(var(--gmf-surface-elevated));
    border: 1px solid rgb(var(--gmf-border-strong));
    border-radius: var(--gmf-radius-chip);
    width: 100%;
    padding: .75rem;
    line-height: 1.5;
}
#comments .comment-form textarea { min-height: 7rem; }
#comments .comment-form ::placeholder { color: rgb(var(--gmf-text-muted)); opacity: 1; }
#comments .comment-form :is(input,textarea,button):focus-visible,
#comments a:focus-visible { outline: 2px solid rgb(var(--gmf-brand-ring)); outline-offset: 3px; }
#comments .comment-reply-link, #comments .comment-edit-link, #comments .logged-in-as a { color: rgb(var(--gmf-brand-text)); }
#comments .comment-form button[type=submit] { background: rgb(var(--gmf-brand-solid)); color: rgb(var(--gmf-brand-solid-on)); border-radius: var(--gmf-radius-cta); padding: .75rem 1.25rem; }
#comments .comment-form button[type=submit]:hover { background: rgb(var(--gmf-brand-solid-hover)); }
#comments .comment-form-cookies-consent { display: flex; align-items: start; gap: .75rem; }
#comments .comment-form-cookies-consent input[type=checkbox] {
    appearance: auto; -webkit-appearance: checkbox;
    width: 1.125rem; height: 1.125rem; min-height: 0;
    flex: 0 0 1.125rem; padding: 0; margin-top: .125rem;
    accent-color: rgb(var(--gmf-brand-solid));
}
#comments .comment-form-cookies-consent label { margin: 0; }
#comments .comment-reply-link svg { fill: currentColor; }