#wpdcom {
	--tko-navy: #071d3b;
	--tko-blue: #064a8e;
	--tko-blue-dark: #043b72;
	--tko-border: #dfe5ec;
	max-width: none;
	margin-top: 28px;
	font-family: inherit;
}

#wpdcom .wpd_main_comm_form {
	margin: 0 0 34px;
	padding: 0 0 28px;
	border: 0;
	border-bottom: 1px solid var(--tko-border);
	background: #fff;
}

#wpdcom .tko-comments-intro {
	margin: 0 0 18px;
	padding: 16px 18px;
	border: 1px solid #d7e3ef;
	border-left: 5px solid var(--tko-blue);
	border-radius: 4px;
	background: #f3f7fb;
}

#wpdcom .tko-comments-intro h2 {
	margin: 0 0 6px;
	color: var(--tko-navy);
	font-size: 22px;
	line-height: 1.2;
	font-weight: 700;
}

#wpdcom .tko-comments-intro p {
	margin: 0;
	color: #58677a;
	font-size: 14px;
	line-height: 1.5;
}

#wpdcom .wpd-textarea-wrap textarea.wc_comment,
#wpdcom .wpdiscuz-item input[type="text"],
#wpdcom .wpdiscuz-item input[type="email"] {
	border: 1px solid #cbd4df !important;
	border-radius: 8px !important;
	background: #fff !important;
	color: var(--tko-navy) !important;
	font-family: inherit !important;
	font-size: 16px !important;
	box-shadow: none !important;
}

#wpdcom .wpd-textarea-wrap textarea.wc_comment {
	height: 108px !important;
	min-height: 108px !important;
	padding: 14px !important;
	line-height: 1.55 !important;
}

#wpdcom .wpd_main_comm_form.tko-is-open .wpd-form-foot {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 12px 16px;
	align-items: center;
	margin-top: 10px;
}

#wpdcom .wpd_main_comm_form.tko-is-open .wpdiscuz-textarea-foot { grid-column: 1 / -1; }
#wpdcom .wpd_main_comm_form.tko-is-open .wpd-form-row { display: contents !important; }

#wpdcom .wpd_main_comm_form.tko-is-open .wpd-form-col-left {
	display: grid !important;
	grid-column: 1 / -1;
	grid-row: 2;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
	width: auto !important;
	float: none !important;
}

#wpdcom .wpd_main_comm_form.tko-is-open .wpd-form-col-right {
	grid-column: 2;
	grid-row: 3;
	width: auto !important;
	float: none !important;
}

#wpdcom .wpd_main_comm_form.tko-is-open .wpd-form-col-full {
	grid-column: 1;
	grid-row: 3;
	width: auto !important;
}

#wpdcom .wpd_main_comm_form.tko-is-open .wpd-form-row > .clearfix { display: none !important; }
#wpdcom .wpd_main_comm_form.tko-is-open .wpdiscuz-item { margin: 0 !important; }

#wpdcom .wpd-textarea-wrap textarea.wc_comment:focus,
#wpdcom .wpdiscuz-item input[type="text"]:focus,
#wpdcom .wpdiscuz-item input[type="email"]:focus {
	border-color: var(--tko-blue) !important;
	box-shadow: 0 0 0 3px rgba(6, 74, 142, .12) !important;
	outline: 0 !important;
}

#wpdcom .wc-field-submit input[type="submit"],
#wpdcom .wc-field-submit button {
	min-height: 44px;
	padding: 0 22px !important;
	border: 0 !important;
	border-radius: 8px !important;
	background: var(--tko-blue) !important;
	color: #fff !important;
	font-family: inherit !important;
	font-size: 15px !important;
	font-weight: 700 !important;
	box-shadow: none !important;
}

#wpdcom .wc-field-submit input[type="submit"]:hover,
#wpdcom .wc-field-submit input[type="submit"]:focus,
#wpdcom .wc-field-submit button:hover,
#wpdcom .wc-field-submit button:focus { background: var(--tko-blue-dark) !important; }

#wpdcom .wpd-thread-head {
	margin: 0 0 16px;
	padding: 0 0 12px;
	border-bottom: 0;
}

#wpdcom .wpd-thread-info {
	color: var(--tko-navy) !important;
	font-size: 17px !important;
	font-weight: 700 !important;
}

#wpdcom .wpd-comment-wrap {
	margin-bottom: 0 !important;
	padding: 20px 4px 18px !important;
	border: 0 !important;
	border-bottom: 1px solid var(--tko-border) !important;
	border-radius: 0 !important;
	background: #fff !important;
	box-shadow: none !important;
}

#wpdcom .wpd-comment-author,
#wpdcom .wpd-comment-author a {
	color: var(--tko-navy) !important;
	font-size: 15px !important;
	font-weight: 700 !important;
}

#wpdcom .wpd-comment-date { color: #788596 !important; font-size: 12px !important; }

#wpdcom .wpd-comment-text {
	padding-top: 10px !important;
	color: #26364a !important;
	font-size: 16px !important;
	line-height: 1.6 !important;
}

#wpdcom .wpd-reply-button { color: var(--tko-blue) !important; font-weight: 700 !important; }
#wpdcom .wpd-vote { display: none !important; }

#wpdcom .wpd-comment.wpd_comment_level-2 > .wpd-comment-wrap,
#wpdcom .wpd-comment.wpd_comment_level-3 > .wpd-comment-wrap {
	border-left: 4px solid var(--tko-blue) !important;
	background: #f8fafc !important;
	padding-left: 16px !important;
}

.tko-comments-cta {
	--tko-blue: #0b5a9f;
	--tko-navy: #10253f;
	display: grid;
	grid-template-columns: 1fr auto;
	gap: 5px 20px;
	align-items: center;
	margin: 28px 0;
	padding: 20px 22px;
	border-left: 4px solid var(--tko-blue);
	background: #eef6fd;
	color: var(--tko-navy);
}

.tko-comments-cta strong { font-size: 19px; line-height: 1.25; }
.tko-comments-cta span { grid-column: 1; color: #53657a; }
.tko-comments-cta a {
	grid-column: 2;
	grid-row: 1 / span 2;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	padding: 0 18px;
	border-radius: 4px;
	background: var(--tko-blue);
	color: #fff !important;
	font-weight: 700;
	white-space: nowrap;
	text-decoration: none !important;
}

.tko-comments-cta a:hover,
.tko-comments-cta a:focus-visible { background: #07447e; }

#wpdcom .tko-comment-reactions { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 12px; }
#wpdcom .tko-reaction {
	display: inline-flex;
	gap: 5px;
	align-items: center;
	min-height: 34px;
	padding: 5px 9px;
	border: 1px solid #d5dde6;
	border-radius: 17px;
	background: #fff;
	color: #42546a;
	font: inherit;
	font-size: 12px;
	cursor: pointer;
}
#wpdcom .tko-reaction:hover,
#wpdcom .tko-reaction:focus,
#wpdcom .tko-reaction:focus-visible,
#wpdcom .tko-reaction:active {
	border-color: var(--tko-blue) !important;
	background: #fff !important;
	color: #42546a !important;
	box-shadow: none !important;
}
#wpdcom .tko-reaction[aria-pressed="true"] {
	border-color: #d5dde6 !important;
	background: #fff !important;
	color: #42546a !important;
	font-weight: 400 !important;
}
#wpdcom .tko-reaction-icon {
	display: inline-flex;
	width: 19px;
	height: 19px;
	flex: 0 0 19px;
}
#wpdcom .tko-reaction-icon svg { display: block; width: 100%; height: 100%; }
#wpdcom .tko-glove { transform: rotate(-28deg); transform-origin: center; }
#wpdcom .tko-glove-right { transform: scaleX(-1) rotate(-28deg); }
#wpdcom .tko-glove path { fill: #fff !important; stroke: var(--tko-blue) !important; stroke-width: 1.7; stroke-linejoin: round; transition: fill .15s; }
#wpdcom .tko-knockout path { fill: var(--tko-blue); transition: fill .15s; }
#wpdcom .tko-reaction[aria-pressed="true"] .tko-glove path { fill: #d52127 !important; stroke: var(--tko-blue) !important; }
#wpdcom .tko-reaction[aria-pressed="true"] .tko-knockout path { fill: #d52127 !important; }
#wpdcom .tko-reaction:disabled {
	cursor: wait;
	opacity: 1 !important;
	border-color: #d5dde6 !important;
	background: #fff !important;
	color: #42546a !important;
}

@media (prefers-reduced-motion: reduce) {
	.tko-comments-cta a { scroll-behavior: auto; }
}

@media (max-width: 767px) {
	.tko-comments-cta { grid-template-columns: 1fr; padding: 18px; }
	.tko-comments-cta span,
	.tko-comments-cta a { grid-column: 1; grid-row: auto; }
	.tko-comments-cta a { box-sizing: border-box; margin-top: 9px; width: 100%; padding-right: 12px; padding-left: 12px; font-size: 15px; white-space: nowrap; }
	#wpdcom { margin-top: 20px; }
	#wpdcom .wpd_main_comm_form { padding-bottom: 24px; }
	#wpdcom .tko-comments-intro h2 { font-size: 21px; }
	#wpdcom .wpd-textarea-wrap textarea.wc_comment { height: 96px !important; min-height: 96px !important; }
	#wpdcom .wpd_main_comm_form.tko-is-open .wpd-form-foot { display: block !important; }
	#wpdcom .wpd_main_comm_form.tko-is-open .wpd-form-col-left { display: grid !important; grid-template-columns: 1fr; gap: 8px; }
	#wpdcom .wpd_main_comm_form.tko-is-open .wpd-form-col-right,
	#wpdcom .wpd_main_comm_form.tko-is-open .wpd-form-col-full { margin-top: 10px !important; }
	#wpdcom .wc-field-submit input[type="submit"],
	#wpdcom .wc-field-submit button { width: 100% !important; }
	#wpdcom .wpd-comment-wrap { padding: 17px 0 !important; }
	#wpdcom .wpd-comment-text { font-size: 15px !important; }
	#wpdcom .tko-comment-reactions { display: grid; grid-template-columns: minmax(0, 1fr) minmax(70px, .68fr) minmax(0, 1fr); gap: 3px; }
	#wpdcom .tko-reaction { min-width: 0; min-height: 32px; padding: 4px 3px; gap: 2px; font-size: 11px; letter-spacing: -.2px; white-space: nowrap; }
	#wpdcom .tko-reaction-icon { width: 15px; height: 15px; flex-basis: 15px; }
}