/* Scoped to post discussions so shop reviews and page forms are unaffected. */
.t6-comments {
    --t6-comment-ink: #20263c;
    --t6-comment-muted: #737b8b;
    --t6-comment-blue: #386cb1;
    --t6-comment-border: #e0e3e9;
    --t6-thread-avatar: 50px;
    --t6-thread-indent: 66px;
    clear: both;
    margin: 28px 0 52px;
    padding-top: 20px;
    border-top: 1px solid var(--t6-comment-border);
    color: #535762;
    font: 14px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
    overflow-wrap: anywhere;
    scroll-margin-top: 130px;
}
.t6-comments [hidden] { display: none !important; }
.t6-comments a { color: var(--t6-comment-blue); }
.t6-comments a:hover { text-decoration: underline; }
.t6-comments button, .t6-comments input, .t6-comments textarea { font: inherit; }
.t6-comments :is(a, button, input, textarea, summary):focus-visible {
    outline: 2px solid var(--t6-comment-blue);
    outline-offset: 3px;
}
.t6-comments__heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 16px; }
.t6-comments #t6-comments-title { margin: 0; color: var(--t6-comment-ink); font: 700 20px/1.3 -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif; text-transform: none; }
.t6-comments__sort { position: relative; color: var(--t6-comment-muted); font-size: 13px; flex-shrink: 0; }
.t6-comments summary { cursor: pointer; list-style: none; }
.t6-comments summary::-webkit-details-marker { display: none; }
.t6-comments__sort summary::after { content: ""; display: inline-block; border: 4px solid transparent; border-top-color: currentColor; transform: translateY(3px); margin-left: 5px; }
.t6-comments__sort > div, .t6-comment__options > div { position: absolute; z-index: 5; right: 0; top: 100%; min-width: 135px; padding: 6px; background: #fff; border: 1px solid var(--t6-comment-border); border-radius: 5px; box-shadow: 0 5px 18px #20263c14; }
.t6-comments__sort a, .t6-comment__options a { display: block; padding: 6px 10px; white-space: nowrap; }
.t6-comments__sort [aria-current] { background: #f3f5f8; font-weight: 600; }
.t6-comments .comment-respond { margin: 0 0 24px 66px; }
.t6-comments .comment-reply-title { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); font-family: inherit; text-transform: none; }
.t6-comment-list .comment-respond .comment-reply-title, .t6-comments .comment-reply-title.t6-active-reply { position: static; width: auto; height: auto; clip-path: none; font-size: 16px; margin: 12px 0; color: var(--t6-comment-ink); }
.t6-comments #cancel-comment-reply-link { font: 400 12px/1.5 Arial, sans-serif; margin-left: 12px; }
.t6-comment-form { position: relative; display: flex; flex-wrap: wrap; gap: 12px 16px; }
.t6-comment-form > p { flex-basis: 100%; margin: 0; }
.t6-comment-form__avatar { position: absolute; left: -66px; top: 0; }
.t6-comment-form__avatar, .t6-comment__avatar { width: 50px; height: 50px; border-radius: 50%; overflow: hidden; background: #e7e9ed; flex-shrink: 0; }
.t6-comments .avatar { display: block; width: 50px; height: 50px; max-width: 100%; border-radius: 50%; object-fit: cover; }
.t6-comment-editor { position: relative; width: 100%; border: 1px solid var(--t6-comment-border); border-radius: 6px; box-shadow: 0 0 0 1px #20263c05; overflow: hidden; }
.t6-comment-editor textarea { display: block; width: 100%; min-height: 74px; padding: 11px 12px; border: 0; background: #fff; color: var(--t6-comment-ink); resize: vertical; }
.t6-comment-editor textarea::placeholder { color: #7c8494; font-size: 13px; opacity: 1; }
.t6-comment-editor:focus-within { border-color: #7c99c0; }
.t6-comment-editor__toolbar { display: flex; align-items: center; min-height: 38px; padding: 0 144px 0 5px; background: #f8f8fa; border-top: 1px solid var(--t6-comment-border); }
.t6-comment-editor__toolbar button { display: inline-flex; justify-content: center; align-items: center; width: 34px; height: 36px; padding: 0; border: 0; background: transparent; color: var(--t6-comment-muted); cursor: pointer; }
.t6-comment-editor__toolbar button:hover { color: var(--t6-comment-ink); background: #e9edf3; }
.t6-comment-form .comment-form-author, .t6-comment-form .comment-form-email { flex: 1 1 210px; }
.t6-comment-form label { display: block; margin-bottom: 5px; font-size: 12px; color: var(--t6-comment-muted); }
.t6-comment-form input:not([type="checkbox"]):not([type="submit"]) { width: 100%; padding: 8px 10px; border: 1px solid var(--t6-comment-border); border-radius: 4px; background: #fff; color: var(--t6-comment-ink); }
.t6-comment-form .comment-form-cookies-consent { display: flex; align-items: flex-start; gap: 8px; }
.t6-comment-form .comment-form-cookies-consent input { flex-shrink: 0; margin-top: 4px; }
.t6-comment-form .comment-form-cookies-consent label { margin: 0; }
.t6-comment-form .logged-in-as { order: 2; color: var(--t6-comment-muted); font-size: 12px; }
.t6-comment-form .form-submit { text-align: right; }
.t6-comments .t6-comment-submit { padding: 6px 17px; border: 1px solid #a51622; border-radius: 3px; background: #bd1530; color: #fff; cursor: pointer; line-height: 1.4; }
.t6-comments .t6-comment-submit:hover { background: #a51622; }
/* Move the real native submit button into the toolbar once JS is available. */
.t6-comment-editor > .form-submit { position: absolute; bottom: 3px; right: 3px; margin: 0; }
.t6-comments .t6-comment-list, .t6-comments .children { margin: 0; padding: 0; list-style: none; }
.t6-comments .children { margin-left: var(--t6-thread-indent); }
.t6-comment { position: relative; padding: 0; margin: 0; scroll-margin-top: 130px; }
.t6-comment__body { position: relative; display: flex; gap: 16px; padding: 0 0 26px; }
/* Continue each parent's avatar stem and branch into its direct replies. */
.t6-comment:has(> .children) > .t6-comment__body::before {
    content: "";
    position: absolute;
    left: calc(var(--t6-thread-avatar) / 2 - 1px);
    top: var(--t6-thread-avatar);
    bottom: 0;
    border-left: 2px solid var(--t6-comment-border);
    pointer-events: none;
}
.t6-comments .children > .t6-comment::before,
.t6-comments .children > .t6-comment::after {
    content: "";
    position: absolute;
    left: calc(var(--t6-thread-avatar) / 2 - var(--t6-thread-indent) - 1px);
    top: 0;
    pointer-events: none;
}
.t6-comments .children > .t6-comment::before {
    bottom: 0;
    border-left: 2px solid var(--t6-comment-border);
}
.t6-comments .children > .t6-comment:last-child::before {
    height: calc(var(--t6-thread-avatar) / 2 - 10px);
    bottom: auto;
}
.t6-comments .children > .t6-comment::after {
    width: calc(var(--t6-thread-indent) - var(--t6-thread-avatar) / 2 + 1px);
    height: calc(var(--t6-thread-avatar) / 2);
    border-left: 2px solid var(--t6-comment-border);
    border-bottom: 2px solid var(--t6-comment-border);
    border-bottom-left-radius: 10px;
}
.t6-comment__main { flex: 1; min-width: 0; }
.t6-comment__meta { display: flex; align-items: baseline; flex-wrap: wrap; gap: 3px 14px; position: relative; padding: 2px 30px 0 0; margin-bottom: 4px; }
.t6-comment__author { color: var(--t6-comment-ink); font-size: 13px; }
.t6-comments .t6-comment__date { color: var(--t6-comment-muted); font-size: 12px; }
.t6-comment__options { position: absolute; top: 0; right: 0; font-size: 12px; }
.t6-comment__options summary { color: var(--t6-comment-muted); padding: 0 3px; font-size: 14px; letter-spacing: 1px; }
.t6-comment__text p { margin: 0 0 6px; }
.t6-comment__text img { max-width: 100%; height: auto; }
.t6-comment__text pre { max-width: 100%; overflow-x: auto; }
.t6-comment__text blockquote { padding-left: 12px; border-left: 2px solid var(--t6-comment-border); }
.t6-comment__actions { display: flex; align-items: center; gap: 16px; font-size: 13px; }
.t6-comment__like { display: inline-flex; align-items: center; gap: 6px; padding: 0; border: 0; background: transparent; color: var(--t6-comment-blue); cursor: pointer; }
.t6-comment__like[aria-pressed="true"] { color: #244f8c; font-weight: 700; }
.t6-comment__like:disabled { opacity: .5; cursor: wait; }
.t6-comment__actions .comment-reply-link { padding-left: 16px; border-left: 1px solid var(--t6-comment-border); }
.t6-comment__moderation { color: #866216; font-style: italic; }
.t6-comments__empty, .t6-comments__closed { color: var(--t6-comment-muted); margin: 0 0 24px; }
.t6-comments__status { color: #a51622; }
.t6-comments__status:empty { display: none; }
.t6-comments .nav-links { display: flex; flex-wrap: wrap; gap: 8px; }
.t6-comments .page-numbers { padding: 6px 12px; border: 1px solid var(--t6-comment-border); border-radius: 3px; }
.t6-comments .page-numbers.current { background: #f3f5f8; }
.t6-comments .t6-screen-reader-text, .t6-comments .screen-reader-text { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
@media (max-width: 575px) {
    .t6-comments { margin-top: 24px; --t6-thread-avatar: 36px; --t6-thread-indent: 32px; }
    .t6-comments__heading { gap: 8px; }
    .t6-comments #t6-comments-title { font-size: 18px; }
    .t6-comments .comment-respond { margin-left: 48px; }
    .t6-comment-form__avatar { left: -48px; }
    .t6-comment-form__avatar, .t6-comment__avatar, .t6-comments .avatar { width: 36px; height: 36px; }
    .t6-comment__body { gap: 12px; }
    .t6-comment__meta { gap: 2px 8px; }
    .t6-comment__date { flex-basis: 100%; }
    .t6-comment-form .comment-form-author, .t6-comment-form .comment-form-email { flex-basis: 100%; }
    .t6-comment-editor__toolbar { padding-right: 126px; }
    .t6-comments .t6-comment-submit { padding: 6px 10px; font-size: 13px; }
}