/* Scoped presentation for WordPress comments in plugin-owned fallback Single templates. */
.cp-native-comments {
	--cp-comments-accent: #0b4a3b;
	--cp-comments-border: #d8dedb;
	--cp-comments-muted: #59635f;
	--cp-comments-surface: #fff;
	border-top: 1px solid var(--cp-comments-border);
	box-sizing: border-box;
	color: #1e2723;
	margin: clamp(2rem, 5vw, 4rem) auto 0;
	max-width: 960px;
	padding: clamp(1.5rem, 4vw, 2.5rem) 0;
	width: 100%;
}
.cp-native-comments *,
.cp-native-comments *::before,
.cp-native-comments *::after { box-sizing: border-box; }
.cp-native-comments__header { margin: 0 0 1.5rem; }
.cp-native-comments__header h2 { color: var(--cp-comments-accent); font-size: clamp(1.5rem, 3vw, 2rem); margin: 0 0 .45rem; }
.cp-native-comments__header p { color: var(--cp-comments-muted); margin: 0; max-width: 720px; }
.cp-native-comments .comments-area,
.cp-native-comments .comment-respond { margin: 0; max-width: none; width: 100%; }
.cp-native-comments .comments-title,
.cp-native-comments .comment-reply-title { font-size: 1.3rem; margin: 0 0 1rem; }
.cp-native-comments .comment-list { list-style: none; margin: 0 0 2rem; padding: 0; }
.cp-native-comments .comment-list .children { border-inline-start: 2px solid var(--cp-comments-border); list-style: none; margin: 1rem 0 0 clamp(.75rem, 4vw, 2rem); padding-inline-start: clamp(.75rem, 3vw, 1.5rem); }
.cp-native-comments .comment-list li + li { margin-top: 1rem; }
.cp-native-comments .comment-body { background: var(--cp-comments-surface); border: 1px solid var(--cp-comments-border); border-radius: 8px; padding: 1rem 1.1rem; }
.cp-native-comments .comment-author { align-items: center; display: flex; flex-wrap: wrap; gap: .55rem; }
.cp-native-comments .comment-author .avatar { border-radius: 50%; height: 44px; margin: 0; object-fit: cover; width: 44px; }
.cp-native-comments .comment-author .fn { font-style: normal; font-weight: 700; }
.cp-native-comments .comment-metadata,
.cp-native-comments .comment-meta { color: var(--cp-comments-muted); font-size: .88rem; margin-top: .35rem; }
.cp-native-comments .comment-content { overflow-wrap: anywhere; }
.cp-native-comments .comment-content > :last-child { margin-bottom: 0; }
.cp-native-comments .reply { margin-top: .75rem; }
.cp-native-comments .reply a,
.cp-native-comments .comment-reply-link { color: var(--cp-comments-accent); font-weight: 700; }
.cp-native-comments .comment-awaiting-moderation { background: #fff8dc; border-inline-start: 3px solid #b88900; display: block; margin: .75rem 0; padding: .65rem .8rem; }
.cp-native-comments .comment-form { display: grid; gap: 1rem; }
.cp-native-comments .comment-form > p { margin: 0; }
.cp-native-comments .comment-form label { display: block; font-weight: 650; margin-bottom: .35rem; }
.cp-native-comments .comment-form input:not([type="checkbox"]):not([type="submit"]),
.cp-native-comments .comment-form textarea { background: #fff; border: 1px solid #aeb8b3; border-radius: 6px; color: inherit; font: inherit; max-width: 100%; padding: .72rem .8rem; width: 100%; }
.cp-native-comments .comment-form input:focus-visible,
.cp-native-comments .comment-form textarea:focus-visible,
.cp-native-comments .comment-form a:focus-visible,
.cp-native-comments .comment-form input[type="submit"]:focus-visible { outline: 3px solid color-mix(in srgb, var(--cp-comments-accent) 38%, transparent); outline-offset: 2px; }
.cp-native-comments .comment-form input[type="submit"] { background: var(--cp-comments-accent); border: 1px solid var(--cp-comments-accent); border-radius: 6px; color: #fff; cursor: pointer; font: inherit; font-weight: 700; padding: .75rem 1.1rem; }
.cp-native-comments .comment-form input[type="submit"]:hover { background: #073a2e; border-color: #073a2e; }
.cp-native-comments .comment-notes,
.cp-native-comments .logged-in-as,
.cp-native-comments .must-log-in { color: var(--cp-comments-muted); }
.cp-native-comments .navigation,
.cp-native-comments .comment-navigation { display: flex; flex-wrap: wrap; gap: .75rem; justify-content: space-between; margin: 1rem 0; }