.pcg-support-article #eckb-article-content {
	max-width: 1100px;
}

.pcg-support-guide,
.pcg-support-finish {
	box-sizing: border-box;
	width: 100%;
	margin: 1.25rem 0 2rem;
	padding: clamp(1.1rem, 2.5vw, 2rem);
	border-top: 4px solid #a6323f;
	border-bottom: 1px solid #d9d7cf;
	background: #f7f8f5;
	color: #24312b;
}

.pcg-support-guide *,
.pcg-support-finish * {
	box-sizing: border-box;
}

.pcg-support-eyebrow {
	margin-bottom: 0.45rem;
	color: #8b2735;
	font-size: 0.78rem;
	font-weight: 800;
	line-height: 1.35;
	letter-spacing: 0;
	text-transform: uppercase;
}

.pcg-support-guide h2,
.pcg-support-finish h2 {
	margin: 0 0 0.75rem;
	color: #1f2d27;
	font-size: clamp(1.45rem, 2.3vw, 2rem);
	line-height: 1.2;
	letter-spacing: 0;
}

.pcg-support-guide .pcg-support-lead {
	max-width: 78ch;
	margin: 0 0 1rem;
	font-size: 1.05rem;
	line-height: 1.65;
}

.pcg-support-actions,
.pcg-support-finish nav {
	display: flex;
	flex-wrap: wrap;
	gap: 0.65rem;
	margin: 1rem 0 1.35rem;
}

.pcg-support-actions a,
.pcg-support-finish nav a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	padding: 0.7rem 1rem;
	border: 1px solid #315e4b;
	border-radius: 6px;
	color: #244a3b;
	font-weight: 700;
	line-height: 1.3;
	text-align: center;
	text-decoration: none;
}

.pcg-support-actions a:hover,
.pcg-support-actions a:focus-visible,
.pcg-support-finish nav a:hover,
.pcg-support-finish nav a:focus-visible {
	background: #e5eee9;
	color: #183c2d;
	text-decoration: none;
}

.pcg-support-actions .pcg-support-primary,
.pcg-support-finish .pcg-support-primary {
	border-color: #315e4b;
	background: #315e4b;
	color: #fff !important;
}

.pcg-support-actions .pcg-support-primary:hover,
.pcg-support-actions .pcg-support-primary:focus-visible,
.pcg-support-finish .pcg-support-primary:hover,
.pcg-support-finish .pcg-support-primary:focus-visible {
	background: #244a3b;
	color: #fff !important;
}

.pcg-support-steps {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	gap: 0;
	margin: 0;
	padding: 0;
	border-top: 1px solid #d4d8d3;
	border-bottom: 1px solid #d4d8d3;
	list-style: none;
}

.pcg-support-steps li {
	display: grid;
	grid-template-columns: 2rem minmax(0, 1fr);
	gap: 0.55rem;
	margin: 0;
	padding: 1rem 0.9rem;
	border-right: 0;
	border-bottom: 1px solid #d4d8d3;
}

.pcg-support-steps li:last-child {
	border-right: 0;
}

.pcg-support-steps li > span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1.8rem;
	height: 1.8rem;
	border-radius: 50%;
	background: #a6323f;
	color: #fff;
	font-size: 0.9rem;
	font-weight: 800;
}

.pcg-support-steps h3 {
	margin: 0 0 0.3rem;
	color: #233f33;
	font-size: 1rem;
	line-height: 1.3;
	letter-spacing: 0;
}

.pcg-support-steps p {
	margin: 0;
	font-size: 0.9rem;
	line-height: 1.5;
}

.pcg-support-climate {
	margin-top: 1rem;
	padding: 0.8rem 0;
	border-bottom: 1px solid #d4d8d3;
}

.pcg-support-climate summary {
	cursor: pointer;
	color: #244a3b;
	font-weight: 800;
}

.pcg-support-climate p {
	max-width: 85ch;
	margin: 0.7rem 0 0;
	line-height: 1.6;
}

.pcg-support-finish {
	margin-top: 2.25rem;
	border-top-color: #315e4b;
}

.pcg-support-finish dl {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1rem;
	margin: 1rem 0;
}

.pcg-support-finish dl > div {
	padding-left: 1rem;
	border-left: 3px solid #bd9d36;
}

.pcg-support-finish dt {
	margin-bottom: 0.25rem;
	color: #243f34;
	font-weight: 800;
}

.pcg-support-finish dd {
	margin: 0;
	line-height: 1.55;
}

@media (max-width: 900px) {
	.pcg-support-steps {
		grid-template-columns: 1fr;
	}

	.pcg-support-steps li {
		border-right: 0;
		border-bottom: 1px solid #d4d8d3;
	}

	.pcg-support-steps li:last-child {
		border-bottom: 0;
	}

	.pcg-support-finish dl {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 560px) {
	.pcg-support-guide,
	.pcg-support-finish {
		margin: 0.8rem 0 1.5rem;
		padding: 1rem;
	}

	.pcg-support-actions,
	.pcg-support-finish nav {
		display: grid;
		grid-template-columns: 1fr;
	}

	.pcg-support-actions a,
	.pcg-support-finish nav a {
		width: 100%;
	}
}

@media (min-width: 1240px) {
	body.pcg-kb-main-wide {
		--pcg-kb-main-width: 1400px !important;
	}

	body.pcg-kb-main-wide.wp-singular.page.page-template-kb-block-page-template.eckb-kb-current-theme-template-main-page #epkb-ml__module-search,
	body.pcg-kb-main-wide.wp-singular.page.page-template-kb-block-page-template.eckb-kb-current-theme-template-main-page #epkb-ml__module-categories-articles,
	body.pcg-kb-main-wide.wp-singular.page.page-template-kb-block-page-template.eckb-kb-current-theme-template-main-page #epkb-ml__module-articles-list,
	body.pcg-kb-main-wide.wp-singular.page.page-template-kb-block-page-template.eckb-kb-template-main-page #epkb-ml__module-search,
	body.pcg-kb-main-wide.wp-singular.page.page-template-kb-block-page-template.eckb-kb-template-main-page #epkb-ml__module-categories-articles,
	body.pcg-kb-main-wide.wp-singular.page.page-template-kb-block-page-template.eckb-kb-template-main-page #epkb-ml__module-articles-list {
		width: min(calc(100vw - 32px), 1400px) !important;
		max-width: 1400px !important;
		margin-right: auto !important;
		margin-left: auto !important;
	}

	body.pcg-kb-article-wide.single[class*="epkb_post_type_"].eckb-kb-current-theme-template-article-page #eckb-article-page-container-v2,
	body.pcg-kb-article-wide.single[class*="epkb_post_type_"].eckb-kb-template-article-page #eckb-article-page-container-v2 {
		width: calc(100% - 32px) !important;
		max-width: 1400px !important;
	}

	body.pcg-kb-article-wide.single[class*="epkb_post_type_"].eckb-kb-current-theme-template-article-page #eckb-article-page-container-v2 {
		position: relative;
		left: 50%;
		width: min(calc(100vw - 32px), 1400px) !important;
		transform: translateX(-50%);
	}

	body.pcg-kb-article-wide.single[class*="epkb_post_type_"].eckb-kb-current-theme-template-article-page #eckb-article-page-container-v2 #eckb-article-body,
	body.pcg-kb-article-wide.single[class*="epkb_post_type_"].eckb-kb-template-article-page #eckb-article-page-container-v2 #eckb-article-body {
		column-gap: 18px !important;
		grid-template-columns:
			minmax(180px, 200px)
			minmax(0, 1fr)
			minmax(260px, 300px) !important;
	}

	body.pcg-kb-article-wide.single[class*="epkb_post_type_"] #eckb-article-page-container-v2 #eckb-article-left-sidebar,
	body.pcg-kb-article-wide.single[class*="epkb_post_type_"] #eckb-article-page-container-v2 #eckb-article-content,
	body.pcg-kb-article-wide.single[class*="epkb_post_type_"] #eckb-article-page-container-v2 #eckb-article-right-sidebar {
		width: auto !important;
		min-width: 0 !important;
	}

	body.pcg-kb-article-wide.single[class*="epkb_post_type_"] #eckb-article-page-container-v2 #epkb-sidebar-container-v2,
	body.pcg-kb-article-wide.single[class*="epkb_post_type_"] #eckb-article-page-container-v2 #eckb-article-widget-sidebar-container {
		width: auto !important;
		max-width: 100% !important;
	}
}

@media print {
	.pcg-support-guide {
		margin: 0 0 0.25in;
		padding: 0;
		border: 0;
		background: transparent;
	}

	.pcg-support-guide h2 {
		font-size: 16pt;
	}

	.pcg-support-guide .pcg-support-lead {
		font-size: 10pt;
		line-height: 1.35;
	}

	.pcg-support-actions,
	.pcg-support-climate,
	.pcg-support-finish {
		display: none !important;
	}

	.pcg-support-steps {
		display: block;
		border: 1px solid #999;
	}

	.pcg-support-steps li {
		display: grid;
		grid-template-columns: 0.3in 1fr;
		break-inside: avoid;
		padding: 0.06in 0.1in;
		border: 0;
		border-bottom: 1px solid #bbb;
	}

	.pcg-support-steps li:last-child {
		border-bottom: 0;
	}

	.pcg-support-steps h3,
	.pcg-support-steps p {
		font-size: 9pt;
		line-height: 1.25;
	}
}
