.pk-seo {
	--pk-green: #59a58b;
	--pk-dark: #2c4829;
	--pk-text: #2d422b;
	--pk-mint: #90c4af;
	--pk-mint-text: #0a443e;
	--pk-bg: #f5f3f4;
	--pk-card: #f5f3f4;
	font-family:
		Inter,
		system-ui,
		-apple-system,
		"Segoe UI",
		Roboto,
		Arial,
		sans-serif;
	color: #1d1d1d;
	background: var(--pk-bg);
	padding: 64px 0;
}
.pk-seo * {
	box-sizing: border-box;
}
.pk-seo__wrap {
	max-width: 1422px;
    margin: 0 auto;
}
.pk-seo__panel {
	background: var(--pk-card);
	border-left: 6px solid var(--pk-green);
	padding: 0 56px;
    margin: 48px 0 40px;
	position: relative;
}
.pk-seo h2,
.pk-seo h1 {
	font-size: 28px;
	line-height: 1.25;
	font-weight: 500;
	color: var(--pk-green);
	margin: 0 0 24px;
	max-width: 900px;
}
.pk-seo h2 strong,
.pk-seo h1 strong {
	color: var(--pk-dark);
	font-weight: 500;
}
.pk-seo h3 {
	font-size: 20px;
	line-height: 1.3;
	font-weight: 600;
	color: var(--pk-dark);
	margin: 36px 0 14px;
	padding-top: 28px;
	border-top: 1px solid #e6e4e5;
}
.pk-seo p {
	font-size: 16px;
	line-height: 1.65;
	margin: 0 0 14px;
	color: #2b2b2b;
}
.pk-seo strong {
	color: var(--pk-dark);
	font-weight: 600;
}
.pk-seo a {
	color: var(--pk-text);
	text-decoration: underline;
	text-decoration-color: var(--pk-mint);
	text-underline-offset: 3px;
	text-decoration-thickness: 2px;
}
.pk-seo a:hover {
	color: var(--pk-green);
}
.pk-seo ul {
	list-style: none;
	margin: 6px 0 18px;
	padding: 0;
	max-width: 900px;
}
.pk-seo li {
	position: relative;
	padding-left: 24px;
	margin: 0 0 10px;
	font-size: 16px;
	line-height: 1.55;
}
.pk-seo li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.55em;
	width: 8px;
	height: 8px;
	background: var(--pk-green);
}
/* сетки карточек */
.pk-seo__more>div>div>ul {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
	gap: 16px;
	margin: 8px 0 18px;
	max-width: none;
}
.pk-seo__more>div>div>ul li {
	background: var(--pk-bg);
	padding: 20px 20px 20px 22px;
	margin: 0;
	border-top: 3px solid var(--pk-mint);
}
.pk-seo__more>div>div>ul li::before {
	display: none;
}
.pk-seo__more>div>div>ul li strong {
	display: block;
	margin-bottom: 6px;
	font-size: 16px;
}
.pk-seo__more>div>div>div {
	background: var(--pk-dark);
	color: #fff;
	padding: 28px 32px;
	margin: 28px 0 8px;
}
.pk-seo__more>div>div>div p {
	color: #e9f2ee;
	margin: 0 0 8px;
}
.pk-seo__more>div>div>div strong,
.pk-seo__more>div>div>div a {
	color: #fff;
}
/* сворачивание: текст остаётся в HTML и индексируется */
.pk-seo__teaser {
	position: relative;
}
.pk-seo__teaser::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 40px;
	background: linear-gradient(rgba(255, 255, 255, 0), var(--pk-card));
	pointer-events: none;
	transition: opacity 0.3s;
}
.pk-seo.is-open .pk-seo__teaser::after {
	opacity: 0;
}
.pk-seo__more {
	display: grid;
	grid-template-rows: 0fr;
	transition: grid-template-rows 0.5s ease;
}
.pk-seo__more > div {
	overflow: hidden;
}
.pk-seo.is-open .pk-seo__more {
	grid-template-rows: 1fr;
}
.pk-seo__btn {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	margin-top: 20px;
	background: var(--pk-mint);
	color: var(--pk-mint-text);
	border: 0;
	border-radius: 0;
	font:
		700 12.5px/1 Inter,
		system-ui,
		sans-serif;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	padding: 19px 26px;
	cursor: pointer;
	transition: background 0.2s;
}
.pk-seo__btn:hover {
	background: var(--pk-green);
	color: #fff;
}
.pk-seo__btn:focus-visible {
	outline: 3px solid var(--pk-dark);
	outline-offset: 3px;
}
.pk-seo__btn svg {
	width: 14px;
	height: 14px;
	transition: transform 0.3s;
}
.pk-seo.is-open .pk-seo__btn svg {
	transform: rotate(180deg);
}
@media (max-width: 768px) {
	.pk-seo {
		padding: 40px 0;
	}
	.pk-seo__panel {
		padding: 28px 20px 28px;
		border-left-width: 4px;
	}
	.pk-seo h2,
	.pk-seo h1 {
		font-size: 22px;
	}
	.pk-seo h3 {
		font-size: 18px;
	}
	.pk-seo p,
	.pk-seo li {
		font-size: 15px;
	}
	.pk-seo__btn {
		width: 100%;
		justify-content: center;
	}
	.pk-seo__more>div>div>div {
		padding: 22px 20px;
	}
}
@media (prefers-reduced-motion: reduce) {
	.pk-seo__more,
	.pk-seo__btn svg {
		transition: none;
	}
}