body.csk-active {
	--csk-accent: #b13f2d;
	--csk-accent-soft: rgba(177, 63, 45, 0.16);
	--csk-bg: #fbf7ef;
	--csk-card: #fffdf8;
	--csk-card-strong: #ffffff;
	--csk-text: #1f2430;
	--csk-muted: #64707d;
	--csk-border: #e3d7c6;
	--csk-shadow: 0 18px 45px rgba(45, 34, 24, 0.11);
	--csk-radius: 8px;
	--csk-font-title: Georgia, "Times New Roman", serif;
	--csk-font-body: inherit;
}

body.csk-skin-editorial {
	--csk-bg: #fbf7ef;
	--csk-card: #fffdf8;
	--csk-card-strong: #ffffff;
	--csk-text: #1f2430;
	--csk-muted: #64707d;
	--csk-border: #e3d7c6;
	--csk-shadow: 0 18px 45px rgba(45, 34, 24, 0.11);
	--csk-font-title: Georgia, "Times New Roman", serif;
}

body.csk-skin-runway {
	--csk-bg: #f6f6f2;
	--csk-card: #ffffff;
	--csk-card-strong: #111111;
	--csk-text: #111111;
	--csk-muted: #5f6368;
	--csk-border: #d9d8cf;
	--csk-shadow: 0 14px 35px rgba(17, 17, 17, 0.09);
	--csk-font-title: Arial, Helvetica, sans-serif;
}

body.csk-skin-newsroom {
	--csk-bg: #f1f7f5;
	--csk-card: #ffffff;
	--csk-card-strong: #f9fcfb;
	--csk-text: #102027;
	--csk-muted: #5f7180;
	--csk-border: #cddfd9;
	--csk-shadow: 0 16px 38px rgba(16, 32, 39, 0.1);
	--csk-font-title: Georgia, "Times New Roman", serif;
}

body.csk-skin-gallery {
	--csk-bg: #f7f8fb;
	--csk-card: #ffffff;
	--csk-card-strong: #fbfcff;
	--csk-text: #161b22;
	--csk-muted: #606b7a;
	--csk-border: #d9dee8;
	--csk-shadow: 0 18px 42px rgba(22, 27, 34, 0.1);
	--csk-font-title: Inter, Arial, Helvetica, sans-serif;
}

body.csk-skin-noir {
	--csk-bg: #141414;
	--csk-card: #202124;
	--csk-card-strong: #27282c;
	--csk-text: #f7f3e8;
	--csk-muted: #b7b0a4;
	--csk-border: #393a3f;
	--csk-shadow: 0 18px 48px rgba(0, 0, 0, 0.38);
	--csk-font-title: Georgia, "Times New Roman", serif;
}

body.csk-skin-folded {
	--csk-bg: #f8f5f1;
	--csk-card: #ffffff;
	--csk-card-strong: #fcfbf8;
	--csk-text: #1b1b1b;
	--csk-muted: #687077;
	--csk-border: #ded6ca;
	--csk-shadow: 0 18px 44px rgba(27, 27, 27, 0.1);
	--csk-font-title: Georgia, "Times New Roman", serif;
}

body.csk-active :where(.comments-area, #comments) {
	background: var(--csk-bg);
	border: 1px solid var(--csk-border);
	border-radius: calc(var(--csk-radius) + 10px);
	box-shadow: var(--csk-shadow);
	color: var(--csk-text);
	font-family: var(--csk-font-body);
	margin-block: clamp(1.5rem, 4vw, 3rem);
	padding: clamp(1.25rem, 3vw, 2.5rem);
}

body.csk-active .csk-comments-toggle {
	align-items: center;
	background: var(--csk-accent);
	border: 1px solid var(--csk-accent);
	border-radius: calc(var(--csk-radius) + 2px);
	box-shadow: 0 12px 28px var(--csk-accent-soft);
	color: #ffffff;
	cursor: pointer;
	display: inline-flex;
	font: inherit;
	font-weight: 800;
	gap: 0.5rem;
	justify-content: center;
	line-height: 1.2;
	min-block-size: 46px;
	padding: 0.76rem 1rem;
	text-align: center;
	text-decoration: none;
}

body.csk-active .csk-comments-toggle::before {
	content: "+";
	font-size: 1.15em;
	font-weight: 800;
	line-height: 1;
}

body.csk-active .csk-comments-toggle[aria-expanded="true"]::before {
	content: "-";
}

body.csk-active .csk-comments-toggle:hover {
	filter: brightness(0.93);
}

body.csk-active .csk-comments-toggle--auto {
	margin-block: clamp(1rem, 3vw, 1.75rem);
}

body.csk-active .csk-comments-panel[hidden] {
	display: none;
}

body.csk-active :where(.comments-title, .comment-reply-title) {
	color: var(--csk-text);
	font-family: var(--csk-font-title);
	font-size: clamp(1.45rem, 2vw, 2.15rem);
	font-weight: 700;
	letter-spacing: 0;
	line-height: 1.15;
	margin-block: 0 1rem;
}

body.csk-skin-runway :where(.comments-title, .comment-reply-title) {
	font-size: clamp(1.25rem, 1.8vw, 1.7rem);
	letter-spacing: 0;
	text-transform: uppercase;
}

body.csk-active :where(.comment-list, .comment-list .children) {
	list-style: none;
	margin-inline: 0;
	padding-inline: 0;
}

body.csk-active .comment-list {
	display: grid;
	gap: clamp(1rem, 2vw, 1.35rem);
	margin-block: 1.25rem 2rem;
}

body.csk-active .comment-list .children {
	border-left: 2px solid var(--csk-border);
	display: grid;
	gap: 1rem;
	margin-block: 1rem 0;
	margin-inline-start: clamp(0.5rem, 3vw, 2rem);
	padding-inline-start: clamp(0.75rem, 3vw, 1.5rem);
}

body.csk-active :where(.comment-body, .pingback, .trackback) {
	background:
		linear-gradient(135deg, var(--csk-accent-soft), transparent 34%),
		var(--csk-card);
	border: 1px solid var(--csk-border);
	border-radius: var(--csk-radius);
	box-shadow: 0 10px 24px rgba(0, 0, 0, 0.05);
	color: var(--csk-text);
	padding: clamp(1rem, 2.5vw, 1.45rem);
	position: relative;
}

body.csk-skin-runway :where(.comment-body, .pingback, .trackback) {
	background: var(--csk-card);
	border-width: 0 0 0 4px;
	box-shadow: none;
}

body.csk-skin-noir :where(.comment-body, .pingback, .trackback) {
	box-shadow: 0 12px 28px rgba(0, 0, 0, 0.28);
}

body.csk-active .comment-body::before {
	background: var(--csk-accent);
	border-radius: 999px;
	content: "";
	display: block;
	height: 4px;
	inset-block-start: 0;
	inset-inline: clamp(1rem, 2.5vw, 1.45rem);
	opacity: 0.85;
	position: absolute;
	transform: translateY(-1px);
}

body.csk-skin-runway .comment-body::before {
	display: none;
}

body.csk-active :where(.comment-author, .comment-meta) {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 0.45rem 0.65rem;
}

body.csk-active .comment-author {
	font-weight: 800;
	line-height: 1.2;
	margin-block-end: 0.35rem;
}

body.csk-active .comment-author .avatar {
	block-size: clamp(44px, 8vw, 56px);
	border-radius: 50%;
	inline-size: clamp(44px, 8vw, 56px);
	object-fit: cover;
}

body.csk-active.csk-avatar-frame .comment-author .avatar {
	background: var(--csk-card-strong);
	border: 2px solid var(--csk-accent);
	box-shadow: 0 0 0 4px var(--csk-accent-soft);
	padding: 2px;
}

body.csk-active .comment-author .fn,
body.csk-active .comment-author .url {
	color: var(--csk-text);
	text-decoration: none;
}

body.csk-active .comment-author .url:hover {
	color: var(--csk-accent);
	text-decoration: underline;
	text-decoration-thickness: 0.12em;
	text-underline-offset: 0.18em;
}

body.csk-active .comment-author .says {
	color: var(--csk-muted);
	font-size: 0.92rem;
	font-weight: 600;
}

body.csk-active :where(.comment-metadata, .comment-meta, .comment-edit-link) {
	color: var(--csk-muted);
	font-size: 0.9rem;
	line-height: 1.45;
}

body.csk-active :where(.comment-metadata a, .comment-meta a, .comment-edit-link) {
	color: var(--csk-muted);
	text-decoration: none;
}

body.csk-active :where(.comment-metadata a, .comment-meta a, .comment-edit-link):hover {
	color: var(--csk-accent);
	text-decoration: underline;
	text-underline-offset: 0.18em;
}

body.csk-active .comment-content {
	color: var(--csk-text);
	font-size: 1rem;
	line-height: 1.75;
	margin-block-start: 0.9rem;
}

body.csk-active .comment-content :where(p, ul, ol, blockquote) {
	margin-block: 0 0.9rem;
}

body.csk-active .comment-content :where(img, video, iframe) {
	block-size: auto;
	border-radius: max(4px, calc(var(--csk-radius) - 2px));
	max-inline-size: 100%;
}

body.csk-active :where(.reply, .comment-reply-link, #cancel-comment-reply-link) {
	align-items: center;
	display: inline-flex;
	flex-wrap: wrap;
	gap: 0.35rem;
}

body.csk-active .reply {
	margin-block-start: 0.95rem;
}

body.csk-active :where(.comment-reply-link, #cancel-comment-reply-link, .comment-edit-link) {
	border: 1px solid var(--csk-border);
	border-radius: calc(var(--csk-radius) + 2px);
	color: var(--csk-text);
	min-block-size: 44px;
	padding: 0.62rem 0.85rem;
	text-decoration: none;
}

body.csk-active .comment-reply-link {
	background: var(--csk-card-strong);
	font-weight: 800;
}

body.csk-active :where(.comment-reply-link, #cancel-comment-reply-link, .comment-edit-link):hover {
	background: var(--csk-accent);
	border-color: var(--csk-accent);
	color: #ffffff;
}

body.csk-active .comment-awaiting-moderation {
	background: var(--csk-accent-soft);
	border-inline-start: 4px solid var(--csk-accent);
	border-radius: calc(var(--csk-radius) - 2px);
	color: var(--csk-text);
	font-weight: 700;
	margin-block: 0.8rem;
	padding: 0.75rem 0.9rem;
}

body.csk-active #respond {
	background: var(--csk-card);
	border: 1px solid var(--csk-border);
	border-radius: var(--csk-radius);
	margin-block-start: clamp(1.25rem, 3vw, 2rem);
	padding: clamp(1rem, 2.5vw, 1.5rem);
}

body.csk-active .csk-comment-notice {
	background: var(--csk-accent-soft);
	border: 1px solid var(--csk-accent);
	border-radius: calc(var(--csk-radius) - 1px);
	color: var(--csk-text);
	font-weight: 800;
	line-height: 1.5;
	margin-block: 1rem;
	padding: 0.85rem 1rem;
}

body.csk-active #respond :where(.comment-notes, .logged-in-as, .form-allowed-tags, .csk-comment-rules) {
	color: var(--csk-muted);
	font-size: 0.95rem;
	line-height: 1.55;
}

body.csk-active #respond label {
	color: var(--csk-text);
	display: inline-block;
	font-weight: 800;
	margin-block-end: 0.35rem;
}

body.csk-active #respond .csk-captcha {
	background: var(--csk-accent-soft);
	border: 1px solid var(--csk-border);
	border-radius: calc(var(--csk-radius) - 1px);
	display: grid;
	gap: 0.5rem;
	margin-block: 1rem;
	padding: 0.9rem;
}

body.csk-active #respond .csk-captcha__question {
	color: var(--csk-text);
	font-weight: 800;
}

body.csk-active #respond :where(input[type="text"], input[type="email"], input[type="url"], textarea) {
	background: var(--csk-card-strong);
	border: 1px solid var(--csk-border);
	border-radius: calc(var(--csk-radius) - 1px);
	box-sizing: border-box;
	color: var(--csk-text);
	inline-size: 100%;
	line-height: 1.5;
	min-block-size: 46px;
	padding: 0.72rem 0.85rem;
}

body.csk-active #respond input[name="alsina_comment_captcha_answer"] {
	background: var(--csk-card-strong);
	border: 1px solid var(--csk-border);
	border-radius: calc(var(--csk-radius) - 1px);
	box-sizing: border-box;
	color: var(--csk-text);
	inline-size: min(100%, 12rem);
	line-height: 1.5;
	min-block-size: 46px;
	padding: 0.72rem 0.85rem;
}

body.csk-active #respond textarea {
	min-block-size: 150px;
	resize: vertical;
}

body.csk-active .comment-form-cookies-consent {
	align-items: flex-start;
	display: flex;
	gap: 0.6rem;
}

body.csk-active .comment-form-cookies-consent input[type="checkbox"] {
	block-size: 1.2rem;
	flex: 0 0 auto;
	inline-size: 1.2rem;
	margin-block-start: 0.2rem;
}

body.csk-active #respond :where(input[type="submit"], button[type="submit"]) {
	background: var(--csk-accent);
	border: 1px solid var(--csk-accent);
	border-radius: calc(var(--csk-radius) + 2px);
	color: #ffffff;
	cursor: pointer;
	font-weight: 800;
	min-block-size: 46px;
	padding: 0.72rem 1rem;
}

body.csk-active #respond :where(input[type="submit"], button[type="submit"]):hover {
	filter: brightness(0.93);
}

body.csk-active :where(a, button, input, textarea, select):focus-visible {
	outline: 3px solid var(--csk-accent);
	outline-offset: 3px;
}

body.csk-active :where(.no-comments, .comment-navigation, .navigation) {
	color: var(--csk-muted);
}

body.csk-active :where(.comment-navigation, .navigation) a {
	color: var(--csk-text);
	font-weight: 800;
}

@media (prefers-reduced-motion: no-preference) {
	body.csk-active :where(.comment-body, .comment-reply-link, #cancel-comment-reply-link, #respond input, #respond textarea, .csk-comments-toggle) {
		transition: background-color 160ms ease, border-color 160ms ease, box-shadow 160ms ease, color 160ms ease, transform 160ms ease;
	}

	body.csk-active .comment-body:hover {
		transform: translateY(-1px);
	}

	body.csk-skin-folded .csk-comments-panel:not([hidden]) {
		animation: csk-panel-open 180ms ease-out;
	}
}

@keyframes csk-panel-open {
	from {
		opacity: 0;
		transform: translateY(8px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

@media (max-width: 640px) {
	body.csk-active :where(.comments-area, #comments) {
		border-inline: 0;
		border-radius: 0;
		margin-inline: calc(50% - 50vw);
		padding-inline: max(1rem, calc(50vw - 50% + 1rem));
	}

	body.csk-active .comment-list .children {
		margin-inline-start: 0;
		padding-inline-start: 0.85rem;
	}

	body.csk-active :where(.comment-body, .pingback, .trackback) {
		padding: 1rem;
	}

	body.csk-active :where(.comment-reply-link, #cancel-comment-reply-link, .comment-edit-link) {
		inline-size: 100%;
		justify-content: center;
	}

	body.csk-active .csk-comments-toggle {
		inline-size: 100%;
	}
}

@media (forced-colors: active) {
	body.csk-active :where(.comments-area, #comments, .comment-body, #respond) {
		border: 1px solid CanvasText;
		box-shadow: none;
	}

	body.csk-active :where(.comment-reply-link, #cancel-comment-reply-link, #respond input[type="submit"], .csk-comments-toggle) {
		border: 1px solid ButtonText;
	}
}