.gds-comments {
	--gds-comment-bg: var(--global-palette9, #fff);
	--gds-comment-text: var(--global-palette3, #242424);
	--gds-comment-muted: var(--global-palette4, var(--global-palette5, #686868));
	--gds-comment-body: var(--global-palette4, #535353);
	--gds-comment-editor-text: var(--gds-comment-body);
	--gds-comment-toolbar-icon: color-mix(in srgb, var(--gds-comment-body) 65%, var(--gds-comment-bg));
	--gds-comment-indent: calc(40px + .75rem);
	--gds-comment-border: var(--global-palette6, #ccc);
	--gds-comment-accent: var(--global-palette-highlight, var(--global-palette2, var(--global-palette1, #a95e10)));
	margin-block: 3rem;
	padding: 2rem;
	background: var(--gds-shader-card-bg, var(--global-palette9, #fff));
	border: var(--gds-shader-card-border, 1px solid var(--gds-comment-border));
	border-radius: .25rem;
	box-shadow: 0 15px 25px -10px rgb(0 0 0 / 5%);
	color: var(--gds-comment-text);
	font-size: 1rem;
	line-height: 1.6;
}
html[data-theme="dark"] .gds-comments,
body[data-theme="dark"] .gds-comments { --gds-comment-editor-text: color-mix(in srgb, var(--gds-comment-body) 85%, #000); }
.gds-comments *, .gds-comments *::before, .gds-comments *::after { box-sizing: border-box; }
.gds-comments h2 { margin-block: 0 1.5rem; }
.gds-comments__header { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: 1.5rem; }
.gds-comments__header h2 { margin: 0; }
.gds-comments .gds-comments__admin-menu > button { border: 0; border-radius: 4px; padding: .25rem .35rem; background: transparent; color: var(--gds-comment-muted); font: inherit; cursor: pointer; }
.gds-comments .gds-comments__admin-menu > button:hover { color: var(--gds-comment-text); background: var(--global-palette8, #eee); }
.gds-comments__admin-menu .gds-comment__menu { min-width: 180px; bottom: auto; top: calc(100% + .5rem); }
.gds-comments .gds-comments__admin-menu .gds-comment__menu button { border: 0; border-radius: 4px; background: transparent; font: inherit; cursor: pointer; }
.gds-comments .gds-comments__admin-menu .gds-comment__menu button:is(:hover, [aria-pressed="true"]) { background: var(--global-palette8, #eee); }
.gds-comments h3 { margin-block: 0 1rem; font-size: 1.25rem; }
.gds-comments__count { font-size: .65em; font-weight: 400; color: var(--gds-comment-muted); margin-left: .35em; }
.gds-comments__form { margin-block: 0 2.5rem; }
.gds-comments #gds-comment-form { display: grid; grid-template-columns: 40px minmax(0, 1fr); column-gap: .75rem; align-items: start; }
.gds-comments #gds-comment-form > * { grid-column: 2; min-width: 0; }
.gds-comments #gds-comment-form > h3 { grid-column: 1 / -1; }
.gds-comments #gds-comment-form > .gds-comments__composer-avatar { grid-column: 1; grid-row: 1; }
.gds-comments #gds-comment-form > :is(.mce-tinymce, [data-comment-editor]) { grid-row: 1; }
.gds-comments #gds-comment-form > .gds-comments__submit { justify-self: start; }
.gds-comments__notice, .gds-comments__empty { color: var(--gds-comment-muted); }
.gds-comments [data-comment-editor] { width: 100%; min-height: 180px; padding: 12px; border: 1px solid var(--gds-comment-border); border-radius: 6px; background: var(--gds-comment-bg); color: var(--gds-comment-editor-text); font: inherit; resize: vertical; }
.gds-comments #gds-comment-form [data-comment-editor] { height: 80px; min-height: 80px; }
.gds-comments__inline-form { margin-block: 1.25rem 0; }
.gds-comments__inline-form h3 { font-size: 1rem; }
.gds-comments__inline-form[data-edit-id] { margin-block: 0; }
.gds-comment__content[hidden], .gds-comment--editing > .gds-comment__actions, .gds-comment--editing > .gds-comment__feedback { display: none; }
.gds-comments__form .gds-comments__submit { margin-top: 1rem; }
.gds-comments [data-cancel-reply], .gds-comments [data-cancel-edit] { margin-left: .75rem; }
.gds-comments__honeypot { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.gds-comments .gds-comments__submit { padding: .4rem .8rem; font: inherit; font-size: .875rem; line-height: 1.4; font-weight: 600; border: 1px solid transparent; border-radius: 6px; background: var(--global-palette-btn-bg, var(--gds-comment-accent)); color: var(--global-palette-btn, var(--global-palette9, white)); cursor: pointer; }
.gds-comments .gds-comments__submit:hover { background: var(--global-palette-btn-bg-hover, var(--global-palette-btn-bg, var(--gds-comment-accent))); }
.gds-comments button:disabled { opacity: .45; cursor: default; }
.gds-comments button:focus-visible, .gds-comments a:focus-visible { outline: 2px solid var(--gds-comment-accent); outline-offset: 3px; }
.gds-comments .gds-comments__list, .gds-comments .children { list-style: none; padding: 0; margin: 0; }
.gds-comments .children { margin-left: 1.75rem; padding-left: 1.25rem; border: 0; }
.gds-comments .gds-comment { padding: 0; margin: 0; }
.gds-comment > article { padding-block: .9rem; border-top: 1px solid transparent; }
.gds-comment__header { display: flex; align-items: center; gap: .75rem; margin-bottom: 1rem; }
.gds-comment__header > div { min-width: 0; overflow-wrap: anywhere; }
.gds-comment__header .avatar, .gds-comments__composer-avatar .avatar { display: block; flex-shrink: 0; border-radius: 50%; width: 40px; height: 40px; margin: 0; }
.gds-comment__guest-avatar { background: #888b90; }
.gds-comment > article > :is(.gds-comment__content, .gds-comment__actions, .gds-comment__feedback, .gds-comment__pinned, .gds-comments__notice, .gds-comments__inline-form) { margin-inline-start: var(--gds-comment-indent); }
.gds-comments .gds-comment__author { color: var(--gds-comment-text); font-weight: 600; text-decoration: none; }
.gds-comment__badge { display: inline-block; margin-left: .5rem; padding: .1em .6em; border-radius: 999px; font-size: .7em; font-weight: 600; background: #185fa6; color: #fff; vertical-align: middle; }
.gds-comment__pinned { font-size: .8rem; color: var(--gds-comment-muted); margin-block: 0 .5rem; }
.gds-comments .gds-comment__date { display: block; color: var(--gds-comment-muted); font-size: .8rem; text-decoration: none; }
.gds-comments [data-comment-edited] { color: color-mix(in srgb, var(--gds-comment-muted) 75%, #000); font-style: italic; }
.gds-comment__content { overflow-wrap: anywhere; color: var(--gds-comment-body); }
.gds-comment__content p { margin-block: 0 .8rem; }
.gds-comment__content pre { max-width: 100%; overflow: auto; white-space: pre; padding: 1rem; border: 1px solid var(--gds-comment-border); border-radius: 6px; background: var(--global-palette8, #f3f3f3); color: inherit; }
.gds-comments .gds-comment__content code { font-size: .9em; color: inherit; background: color-mix(in srgb, var(--gds-inline-code-bg, #f3efec) 90%, #000); padding: .1em .3em; border-radius: 3px; }
.gds-comments .gds-comment__content pre code { padding: 0; background: none; border-radius: 0; }
.gds-comment__content img { max-width: 100%; height: auto; }
.gds-comment__content ul, .gds-comment__content ol { padding-left: 1.5rem; margin-block: .5rem 1rem; }
.gds-comment__content blockquote { border-left: 3px solid var(--gds-comment-border); padding-left: 1rem; margin: 1rem 0; color: var(--gds-comment-muted); }
.gds-comment__actions, .gds-comment__votes { display: flex; align-items: center; gap: .5rem; }
.gds-comment__actions { gap: 1rem; margin-top: .75rem; flex-wrap: wrap; }
.gds-comments .gds-comment__actions button, .gds-comments [data-cancel-reply], .gds-comments [data-cancel-edit] { border: 0; border-radius: 4px; padding: .25rem .35rem; background: transparent; color: var(--gds-comment-muted); font: inherit; font-size: .875rem; line-height: 1.5; box-shadow: none; cursor: pointer; }
.gds-comments .gds-comment__actions button:hover, .gds-comments [data-cancel-reply]:hover, .gds-comments [data-cancel-edit]:hover { color: var(--gds-comment-text); background: var(--global-palette8, #eee); }
.gds-comments .gds-comment__votes button { display: inline-flex; padding: .3rem; }
.gds-comments .gds-comment__votes button[aria-pressed="true"] { color: var(--gds-comment-accent); background: var(--global-palette8, #eee); }
.gds-comment__votes [data-score] { min-width: 1.25rem; text-align: center; font-size: .875rem; }
.gds-comment__overflow { position: relative; }
.gds-comments .gds-comment__more { min-width: 36px; letter-spacing: 2px; }
.gds-comment__menu { position: absolute; right: 0; bottom: calc(100% + .5rem); z-index: 5; min-width: 140px; padding: .3rem; border: 1px solid var(--gds-comment-border); border-radius: 6px; background: var(--gds-comment-bg); box-shadow: 0 4px 16px rgb(0 0 0 / 15%); }
.gds-comment__menu[hidden] { display: none; }
.gds-comments .gds-comment__menu button, .gds-comments .gds-comment__menu a { display: block; width: 100%; text-align: left; color: var(--gds-comment-text); font-size: .9rem; padding: .5rem .65rem; text-decoration: none; }
.gds-comments .gds-comment__menu a:hover { background: var(--global-palette8, #eee); }
.gds-comments .mce-toolbar .mce-btn { width: 30px; height: 30px; border: 1px solid transparent; border-radius: 4px; margin: 3px; background: transparent; box-shadow: none; }
.gds-comments .mce-toolbar .mce-btn button { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; padding: 0; appearance: none; border: 0; border-radius: inherit; background: transparent; box-shadow: none; }
.gds-comments .mce-toolbar .mce-btn-group:not(:first-child),
.gds-comments .tox.tox-tinymce .tox-toolbar__group:not(:last-of-type) { border-color: transparent; }
.gds-comments .mce-tinymce { border: 1px solid var(--gds-comment-border); border-radius: 6px; overflow: hidden; box-shadow: none; }
.gds-comments .mce-tinymce:focus-within { border-color: var(--global-palette5, #888); }
.gds-comments .mce-tinymce > .mce-container-body { display: flex; flex-direction: column; }
.gds-comments .mce-tinymce > .mce-container-body > .mce-top-part { order: 1; border-top: 0; }
.gds-comments .mce-top-part::before { box-shadow: none; }
/* TinyMCE adds this border inline; keep the text area and toolbar undivided. */
.gds-comments .mce-tinymce > .mce-container-body > .mce-edit-area { border-top-width: 0 !important; }
/* The upload form's existing TinyMCE 5 and the bundled WordPress 4 fallback. */
.gds-comments .tox.tox-tinymce { border: 1px solid var(--gds-comment-border); border-radius: 6px; }
.gds-comments .tox .tox-editor-header, .gds-comments .tox .tox-toolbar,
.gds-comments .tox .tox-toolbar__primary, .gds-comments .tox .tox-toolbar__overflow,
.gds-comments .tox .tox-toolbar-overlord,
.gds-comments .tox .tox-edit-area__iframe { background: var(--gds-comment-bg); }
.gds-comments .tox .tox-tbtn { color: var(--gds-comment-text); background: transparent; border: 1px solid var(--gds-comment-border); border-radius: 4px; margin: 3px; min-width: 30px; width: auto; height: 30px; padding: 0 5px; white-space: nowrap; }
.gds-comments .tox .tox-tbtn svg { fill: var(--gds-comment-text); }
.gds-comments .tox .tox-tbtn:hover, .gds-comments .tox .tox-tbtn--enabled { background: var(--global-palette8, #eee); }
.gds-comments :is(.gds-comment__votes,[data-reply],[data-gds-report],[data-pin])[hidden] { display: none; }
.gds-comments-page .tox .tox-dialog, .gds-comments-page .tox .tox-dialog__header,
.gds-comments-page .tox .tox-dialog__body, .gds-comments-page .tox .tox-dialog__footer { background: var(--global-palette9, #fff); color: var(--global-palette3, #242424); }
.gds-comments-page .tox .tox-textfield, .gds-comments-page .tox .tox-listboxfield .tox-listbox--select { background: var(--global-palette8, #eee); color: var(--global-palette3, #242424); border-color: var(--global-palette6, #aaa); }
.gds-comment__feedback:empty, .gds-comments__status:empty { display: none; }
.gds-comment__feedback, .gds-comments__status { font-size: .9rem; margin-block: .75rem; }
.gds-comments .is-error { color: #b32d2e; }
body[data-theme="dark"] .gds-comments .is-error, html[data-theme="dark"] .gds-comments .is-error { color: #ff758b; }
.gds-comments .wp-editor-container, .gds-comments .mce-panel { border-color: var(--gds-comment-border); background: var(--gds-comment-bg); }
.gds-comments .mce-toolbar-grp, .gds-comments .mce-toolbar-grp:hover,
.gds-comments .mce-toolbar, .gds-comments .mce-toolbar:hover,
.gds-comments .mce-btn, .gds-comments .mce-btn button { background: var(--gds-comment-bg); color: var(--gds-comment-toolbar-icon); }
.gds-comments .mce-btn .mce-ico, .gds-comments .mce-btn .mce-txt { color: var(--gds-comment-toolbar-icon); text-shadow: none; }
.gds-comments .mce-toolbar .mce-btn:hover,
.gds-comments .mce-toolbar .mce-btn:focus-within,
.gds-comments .mce-toolbar .mce-btn.mce-active { border-color: var(--gds-comment-border); background: transparent; box-shadow: none; }
.gds-comments .mce-btn:is(:hover, :focus-within, .mce-active) :is(.mce-ico, .mce-txt) { color: var(--gds-comment-body); }
.gds-comments .mce-edit-area iframe { background: var(--gds-comment-bg); }
.gds-comments .comments-pagination { margin-block: 1.5rem; }
/* TinyMCE appends its link dialog outside the editor wrapper. */
.gds-comments-page .mce-window, .gds-comments-page .mce-window .mce-container-body,
.gds-comments-page .mce-window .mce-window-head, .gds-comments-page .mce-window .mce-foot,
.gds-comments-page .mce-window .mce-btn, .gds-comments-page .mce-window .mce-textbox {
	background: var(--global-palette9, #fff); color: var(--global-palette3, #242424); border-color: var(--global-palette6, #ccc);
}
.gds-comments-page .mce-window .mce-title, .gds-comments-page .mce-window .mce-label,
.gds-comments-page .mce-window .mce-txt, .gds-comments-page .mce-window .mce-ico,
.gds-comments-page .mce-window .mce-close { color: var(--global-palette3, #242424); text-shadow: none; }
@media (max-width: 767px) {
	.gds-comments { padding: 1.5rem; }
}
@media (max-width: 600px) {
	.gds-comments .children { margin-left: .45rem; padding-left: .65rem; }
	.gds-comment__actions { gap: .5rem; }
}
