.me-discussion {
	--me-discussion-navy: #102743;
	--me-discussion-green: #0fa967;
	--me-discussion-green-dark: #087c4c;
	--me-discussion-green-soft: #eaf8f1;
	--me-discussion-line: #d9e4e8;
	--me-discussion-text: #34495d;
	--me-discussion-muted: #66788a;
	box-sizing: border-box;
	width: 100%;
	margin: 40px 0 0;
	border: 1px solid var(--me-discussion-line);
	border-radius: 20px;
	background: #fff;
	color: var(--me-discussion-text);
	font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	font-size: 16px;
	line-height: 1.6;
	overflow: hidden;
}

.me-discussion *,
.me-discussion *::before,
.me-discussion *::after { box-sizing: border-box; }

.me-discussion__anchor { display: block; position: relative; top: -24px; }

.me-discussion__invite {
	display: grid;
	grid-template-columns: 150px minmax(0, 1fr);
	align-items: end;
	gap: 32px;
	min-height: 300px;
	padding: 42px 48px 0;
	border-bottom: 1px solid #cde8da;
	background: var(--me-discussion-green-soft);
}

.me-discussion__atlas {
	align-self: end;
	height: 270px;
	overflow: hidden;
}

.me-discussion__atlas img {
	display: block;
	width: 180px;
	height: 270px;
	max-width: none;
	object-fit: contain;
	object-position: bottom center;
}

.me-discussion__invite-copy { align-self: center; padding: 36px 0 42px; }
.me-discussion__eyebrow {
	margin: 0 0 10px !important;
	color: var(--me-discussion-green-dark) !important;
	font-size: 11px !important;
	font-weight: 850 !important;
	letter-spacing: .11em;
	line-height: 1.3 !important;
	text-transform: uppercase;
}

.me-discussion__invite h2 {
	margin: 0 0 14px !important;
	max-width: 680px;
	color: var(--me-discussion-navy) !important;
	font-family: inherit !important;
	font-size: clamp(30px, 4vw, 42px) !important;
	font-weight: 800;
	letter-spacing: -.035em;
	line-height: 1.08 !important;
}

.me-discussion__invite-copy > p:not(.me-discussion__eyebrow) {
	margin: 0 !important;
	max-width: 670px;
	color: var(--me-discussion-text) !important;
	font-family: inherit !important;
	font-size: 18px !important;
	line-height: 1.55 !important;
}

.me-discussion__atlas-note {
	display: flex;
	align-items: baseline;
	flex-wrap: wrap;
	gap: 5px 10px;
	margin-top: 22px;
	padding-top: 18px;
	border-top: 1px solid #cde8da;
}

.me-discussion__atlas-note strong { color: var(--me-discussion-green-dark); font-size: 13px; }
.me-discussion__atlas-note span { color: var(--me-discussion-text); font-size: 14px; }

.me-discussion__bar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	padding: 28px 36px;
	border-bottom: 1px solid var(--me-discussion-line);
}

.me-discussion__bar > div { display: grid; gap: 2px; }
.me-discussion__bar strong { color: var(--me-discussion-navy); font-size: 18px; }
.me-discussion__bar > div > span { color: var(--me-discussion-muted); font-size: 13px; }
.me-discussion__primary-action > span { color: inherit; font-size: inherit; }

.me-discussion__primary-action,
.me-discussion__submit {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	min-height: 48px;
	padding: 12px 18px;
	border: 1px solid var(--me-discussion-green-dark);
	border-radius: 10px;
	background: var(--me-discussion-green-dark);
	color: #fff !important;
	font-size: 14px;
	font-weight: 750;
	line-height: 1.25;
	text-decoration: none !important;
}

.me-discussion__primary-action:hover,
.me-discussion__submit:hover { background: #06673f; color: #fff; }

.me-discussion__list,
.me-discussion-comment__replies {
	margin: 0;
	padding: 0;
	list-style: none;
}

.me-discussion__list { padding: 34px 36px 12px; }
.me-discussion-comment { margin: 0 0 22px; list-style: none; }
.me-discussion-comment__body {
	padding: 24px;
	border: 1px solid var(--me-discussion-line);
	border-radius: 14px;
	background: #fff;
}

.me-discussion-comment.is-best > .me-discussion-comment__body {
	border: 2px solid var(--me-discussion-green);
	background: #fbfffd;
}

.me-discussion-comment__header {
	display: grid;
	grid-template-columns: 52px minmax(0, 1fr) auto;
	align-items: center;
	gap: 12px;
}

.me-discussion-comment__avatar { width: 52px; height: 52px; border-radius: 50%; }
.me-discussion-comment__header > div { display: grid; }
.me-discussion-comment__header strong { color: var(--me-discussion-navy); font-size: 15px; }
.me-discussion-comment__header a { color: var(--me-discussion-muted); font-size: 12px; text-decoration: none; }
.me-discussion-comment__best {
	padding: 7px 10px;
	border-radius: 999px;
	background: var(--me-discussion-green-soft);
	color: var(--me-discussion-green-dark);
	font-size: 11px;
	font-weight: 800;
	letter-spacing: .035em;
	text-transform: uppercase;
}

.me-discussion-comment__pending {
	margin: 16px 0 0 !important;
	padding: 10px 12px;
	border-radius: 8px;
	background: #fff6db;
	color: #795600 !important;
	font-size: 13px !important;
}

.me-discussion-comment__text {
	margin-top: 18px;
	color: var(--me-discussion-text);
	font-size: 16px;
	line-height: 1.68;
}

.me-discussion-comment__text > :first-child { margin-top: 0; }
.me-discussion-comment__text > :last-child { margin-bottom: 0; }
.me-discussion-comment__text a { overflow-wrap: anywhere; }

.me-discussion-comment__actions {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 20px;
	padding-top: 16px;
	border-top: 1px solid #eaf0f2;
}

.me-discussion-vote,
.me-discussion-best,
.me-discussion-comment__actions .comment-reply-link {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	min-height: 42px;
	padding: 8px 12px;
	border: 1px solid var(--me-discussion-line);
	border-radius: 9px;
	background: #fff;
	color: var(--me-discussion-navy) !important;
	font-family: inherit;
	font-size: 13px;
	font-weight: 700;
	line-height: 1;
	text-decoration: none !important;
	cursor: pointer;
}

.me-discussion-vote strong { min-width: 18px; color: inherit; text-align: center; }
.me-discussion-vote.is-active { border-color: var(--me-discussion-green); background: var(--me-discussion-green-soft); color: var(--me-discussion-green-dark) !important; }
.me-discussion-vote.is-loading { opacity: .65; }
.me-discussion-best { margin-left: auto; }
.me-discussion-vote:focus-visible,
.me-discussion-best:focus-visible,
.me-discussion-comment__actions .comment-reply-link:focus-visible,
.me-discussion__primary-action:focus-visible,
.me-discussion__submit:focus-visible { outline: 3px solid rgba(15, 169, 103, .35); outline-offset: 2px; }

.me-discussion-comment__replies {
	margin: 16px 0 0 34px;
	padding-left: 18px;
	border-left: 2px solid #dce9e2;
}

.me-discussion__empty {
	display: grid;
	gap: 5px;
	margin: 34px 36px 10px;
	padding: 28px;
	border: 1px dashed #bbd2c6;
	border-radius: 14px;
	background: #fbfdfc;
	text-align: center;
}

.me-discussion__empty strong { color: var(--me-discussion-navy); font-size: 18px; }
.me-discussion__empty span { color: var(--me-discussion-muted); font-size: 14px; }

.me-discussion__form {
	margin-top: 28px;
	padding: 36px;
	border-top: 1px solid var(--me-discussion-line);
	background: #f8fafb;
}

.me-discussion__form .comment-reply-title {
	margin: 0 0 8px !important;
	color: var(--me-discussion-navy) !important;
	font-family: inherit !important;
	font-size: 27px !important;
	line-height: 1.2 !important;
}

.me-discussion__form-note,
.me-discussion__form .logged-in-as,
.me-discussion__form .must-log-in {
	margin: 0 0 20px !important;
	color: var(--me-discussion-muted) !important;
	font-size: 14px !important;
}

.me-discussion__form label {
	display: block;
	margin-bottom: 8px;
	color: var(--me-discussion-navy);
	font-size: 14px;
	font-weight: 750;
}

.me-discussion__form textarea,
.me-discussion__form input[type="text"],
.me-discussion__form input[type="email"] {
	width: 100%;
	padding: 14px 15px;
	border: 1px solid #bfcdd4;
	border-radius: 10px;
	background: #fff;
	color: var(--me-discussion-navy);
	font: inherit;
}

.me-discussion__form textarea { min-height: 170px; resize: vertical; }
.me-discussion__form textarea:focus,
.me-discussion__form input:focus { border-color: var(--me-discussion-green); outline: 3px solid rgba(15, 169, 103, .14); }
.me-discussion__form .form-submit { margin: 20px 0 0; }
.me-discussion__submit { appearance: none; cursor: pointer; }
.me-discussion-guard { position: absolute !important; left: -10000px !important; width: 1px !important; height: 1px !important; overflow: hidden !important; }

.me-callcenter-special .me-discussion {
	width: 100%;
	margin: 0;
	border-width: 1px 0 0;
	border-radius: 0;
}

@media (max-width: 720px) {
	.me-discussion { margin-top: 32px; border-radius: 16px; }
	.me-discussion__invite { grid-template-columns: 92px minmax(0, 1fr); gap: 16px; min-height: 0; padding: 28px 22px 0; }
	.me-discussion__atlas { height: 180px; }
	.me-discussion__atlas img { width: 120px; height: 180px; transform: translateX(-12px); }
	.me-discussion__invite-copy { padding: 10px 0 28px; }
	.me-discussion__invite h2 { font-size: 28px !important; }
	.me-discussion__invite-copy > p:not(.me-discussion__eyebrow) { font-size: 16px !important; }
	.me-discussion__atlas-note { display: none; }
	.me-discussion__bar { align-items: stretch; flex-direction: column; padding: 24px 20px; }
	.me-discussion__primary-action { width: 100%; }
	.me-discussion__list { padding: 24px 18px 4px; }
	.me-discussion-comment__body { padding: 18px; }
	.me-discussion-comment__header { grid-template-columns: 44px minmax(0, 1fr); }
	.me-discussion-comment__avatar { width: 44px; height: 44px; }
	.me-discussion-comment__best { grid-column: 1 / -1; justify-self: start; }
	.me-discussion-comment__actions { align-items: stretch; }
	.me-discussion-best { width: 100%; margin-left: 0; justify-content: center; }
	.me-discussion-comment__replies { margin-left: 12px; padding-left: 10px; }
	.me-discussion__empty { margin: 24px 18px 0; padding: 22px 18px; }
	.me-discussion__form { padding: 28px 20px; }
	.me-discussion__form .comment-reply-title { font-size: 24px !important; }
	.me-callcenter-special .me-discussion { width: 100%; margin: 0; }
}

@media (prefers-reduced-motion: reduce) {
	.me-discussion * { scroll-behavior: auto !important; transition: none !important; }
}