body.seoap-generated-post {
	--seoap-template-bg: #1d1f1f;
	--seoap-template-panel: #222525;
	--seoap-template-panel-soft: #262929;
	--seoap-template-border: #3a4140;
	--seoap-template-text: #f4f3ec;
	--seoap-template-copy: #c8cfcc;
	--seoap-template-muted: #929d99;
	--seoap-template-accent: #42e2d0;
	--seoap-template-accent-soft: rgb(66 226 208 / 12%);
	--seoap-template-shadow: rgb(91, 200, 181);
	--seoap-template-ink: #000;
	background: var(--seoap-template-bg);
	color: var(--seoap-template-text);
}

body.seoap-generated-post .site,
body.seoap-generated-post .site-content,
body.seoap-generated-post .site-footer {
	background: var(--seoap-template-bg);
}

body.seoap-generated-post .site-header,
body.seoap-generated-post .main-navigation {
	border-color: var(--seoap-template-border);
	background-color: var(--seoap-template-bg);
}

body.seoap-generated-post .main-navigation .main-nav ul li a,
body.seoap-generated-post .menu-toggle,
body.seoap-generated-post .site-header a {
	color: var(--seoap-template-text);
}

body.seoap-generated-post .main-navigation .main-nav ul li:hover > a,
body.seoap-generated-post .main-navigation .main-nav ul li:focus > a,
body.seoap-generated-post .main-navigation .main-nav ul li.current-menu-item > a {
	background: transparent;
	color: var(--seoap-template-accent);
}

body.seoap-generated-post .site-content {
	box-sizing: border-box;
	max-width: 1700px;
	margin-inline: auto;
	padding: 150px 45px 88px;
}

body.seoap-generated-post .site-main {
	margin: 0;
}

body.seoap-generated-post .content-area {
	float: none;
	width: 100%;
}

body.seoap-generated-post #left-sidebar,
body.seoap-generated-post #right-sidebar,
body.seoap-generated-post .widget-area.sidebar {
	display: none;
}

body.seoap-generated-post .inside-article {
	display: grid;
	grid-template-columns: minmax(280px, 0.78fr) minmax(420px, 1.22fr);
	gap: clamp(28px, 5vw, 72px);
	border: 0;
	background: transparent;
	box-shadow: none;
	padding: 0;
}

body.seoap-generated-post .inside-article > .entry-header {
	grid-column: 1;
	grid-row: 1;
	align-self: center;
	max-width: 510px;
	margin: 0;
}

body.seoap-generated-post .inside-article > .post-image,
body.seoap-generated-post .inside-article > .featured-image {
	grid-column: 2;
	grid-row: 1;
	align-self: center;
	width: 100%;
	max-width: none;
	margin: 0;
}

body.seoap-generated-post .inside-article:not(:has(> .post-image)):not(:has(> .featured-image)) > .entry-header {
	grid-column: 1 / -1;
	max-width: 880px;
}

body.seoap-generated-post .inside-article > .entry-content,
body.seoap-generated-post .inside-article > .entry-footer,
body.seoap-generated-post .inside-article > .comments-area {
	grid-column: 1 / -1;
	width: 100%;
	max-width: none;
	margin: 0;
}

body.seoap-generated-post .entry-title {
	margin: 0;
	margin-bottom: 0 !important;
	color: var(--seoap-template-shadow);
	font-size: clamp(2.65rem, 5.8vw, 5.35rem);
	font-weight: 800;
	line-height: 0.94;
	letter-spacing: -0.065em;
	text-wrap: balance;
	text-shadow: 3px 3px 0 var(--seoap-template-ink);
}

body.seoap-generated-post .entry-meta,
body.seoap-generated-post .entry-meta a {
	color: var(--seoap-template-muted);
	font-size: 0.78rem;
	font-weight: 650;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

body.seoap-generated-post .entry-header .entry-meta {
	display: none;
}

body.seoap-generated-post .inside-article > .entry-footer {
	display: none;
}

body.seoap-generated-post .cat-links,
body.seoap-generated-post .tags-links,
body.seoap-generated-post .wp-block-group:has(> .taxonomy-category) {
	display: none;
}

body.seoap-generated-post .entry-meta a:hover,
body.seoap-generated-post .entry-meta a:focus-visible {
	color: var(--seoap-template-accent);
}

body.seoap-generated-post .post-image img,
body.seoap-generated-post .featured-image img {
	display: block;
	width: 100%;
	max-height: 620px;
	border: 1px solid var(--seoap-template-border);
	border-radius: 8px;
	box-shadow: 12px 12px 0 rgb(66 226 208 / 12%);
	object-fit: cover;
}

.seoap-article-shell {
	margin-top: clamp(18px, 3vw, 34px);
	color: var(--seoap-template-copy);
	font-size: clamp(1.025rem, 1.3vw, 1.15rem);
	line-height: 1.72;
}

.seoap-table-of-contents {
	margin: 0 0 clamp(50px, 8vw, 96px);
	border: 1px solid var(--seoap-template-border);
	border-radius: 6px;
	background: var(--seoap-template-panel);
	padding: clamp(22px, 4vw, 34px);
	box-shadow: 8px 8px 0 rgb(91 200 181 / 10%);
}

.seoap-toc-title {
	margin: 0 0 20px;
	color: var(--seoap-template-shadow);
	font-size: clamp(1.35rem, 2.4vw, 1.9rem);
	font-weight: 800;
	line-height: 1;
	letter-spacing: -0.035em;
	text-shadow: 2px 2px 0 var(--seoap-template-ink);
}

.seoap-table-of-contents ol {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
	margin: 0;
	padding: 0;
	list-style: none;
	counter-reset: seoap-toc;
}

.seoap-table-of-contents li {
	position: relative;
	min-height: 54px;
	border: 1px solid var(--seoap-template-border);
	border-radius: 4px;
	background: var(--seoap-template-bg);
	counter-increment: seoap-toc;
}

.seoap-table-of-contents li::before {
	position: absolute;
	top: 15px;
	left: 14px;
	color: var(--seoap-template-accent);
	content: counter(seoap-toc, decimal-leading-zero);
	font-size: 0.72rem;
	font-weight: 800;
}

.seoap-table-of-contents .seoap-toc-level-3 {
	background: var(--seoap-template-panel-soft);
}

.seoap-table-of-contents a {
	display: flex;
	align-items: center;
	min-height: 54px;
	padding: 10px 14px 10px 48px;
	color: var(--seoap-template-copy);
	font-size: 0.84em;
	font-weight: 650;
	line-height: 1.3;
	text-decoration: none;
}

.seoap-table-of-contents li:hover,
.seoap-table-of-contents li:focus-within {
	border-color: var(--seoap-template-accent);
	background: var(--seoap-template-accent-soft);
}

.seoap-table-of-contents a:hover,
.seoap-table-of-contents a:focus-visible {
	color: var(--seoap-template-text);
}

.seoap-article-content {
	width: 100%;
	max-width: 1700px;
	margin-inline: auto;
	overflow-wrap: anywhere;
}

.seoap-article-content > p:first-child {
	max-width: 760px;
	margin: 0 0 clamp(50px, 8vw, 90px);
	color: var(--seoap-template-text);
	font-size: clamp(1.2rem, 2vw, 1.55rem);
	font-weight: 650;
	line-height: 1.5;
}

.seoap-article-content p,
.seoap-article-content li,
.seoap-article-content figcaption {
	color: var(--seoap-template-copy);
}

.seoap-article-content h2,
.seoap-article-content h3,
.seoap-article-content h4,
.seoap-article-content h5,
.seoap-article-content h6 {
	position: relative;
	color: var(--seoap-template-text);
	margin-bottom: 20px !important;
	font-weight: 800;
	letter-spacing: -0.04em;
	text-wrap: balance;
	scroll-margin-top: 34px;
}

.seoap-article-content h2 {
	margin: clamp(70px, 10vw, 128px) 0 30px;
	border-top: 1px solid var(--seoap-template-border);
	padding-top: clamp(34px, 5vw, 58px);
	font-size: clamp(2.1rem, 4.8vw, 4.35rem);
	line-height: 0.98;
	color: var(--seoap-template-shadow);
	text-shadow: 3px 3px 0 var(--seoap-template-ink);
}

.seoap-article-content h3 {
	margin: 2.2em 0 20px;
	color: var(--seoap-template-text);
	font-size: clamp(1.45rem, 2.8vw, 2.15rem);
	line-height: 1.12;
}

.seoap-article-content h2 + p,
.seoap-article-content h3 + p,
.seoap-article-content h4 + p,
.seoap-article-content h5 + p,
.seoap-article-content h6 + p {
	margin-top: 0;
}

.seoap-article-content a {
	color: var(--seoap-template-accent);
	text-decoration-color: rgb(66 226 208 / 55%);
	text-decoration-thickness: 0.08em;
	text-underline-offset: 0.18em;
}

.seoap-article-content a:hover,
.seoap-article-content a:focus-visible {
	color: var(--seoap-template-text);
	text-decoration-color: var(--seoap-template-shadow);
}

.seoap-article-content ul,
.seoap-article-content ol {
	margin-block: 1.4em 2em;
}

.seoap-article-content li::marker {
	color: var(--seoap-template-accent);
	font-weight: 800;
}

.seoap-article-content figure,
.seoap-article-content > img,
.seoap-article-content p > img {
	margin-block: clamp(38px, 6vw, 72px);
}

.seoap-article-content .seoap-generated-figure {
	width: 100%;
	max-width: 1700px;
	margin-inline: auto;
}

.seoap-article-content img {
	display: block;
	width: 100%;
	border: 1px solid var(--seoap-template-border);
	border-radius: 6px;
	box-shadow: 10px 10px 0 rgb(66 226 208 / 10%);
}

.seoap-article-content figcaption {
	margin-top: 12px;
	font-size: 0.76em;
	text-align: left;
}

.seoap-article-content blockquote {
	margin: clamp(36px, 6vw, 68px) 0;
	border: 1px solid var(--seoap-template-border);
	border-left: 5px solid var(--seoap-template-accent);
	border-radius: 5px;
	background: var(--seoap-template-panel);
	padding: clamp(24px, 4vw, 38px);
	color: var(--seoap-template-text);
	font-size: 1.16em;
	font-weight: 650;
}

.seoap-article-content table {
	display: block;
	width: 100%;
	max-width: 100%;
	margin: clamp(36px, 6vw, 68px) 0;
	overflow-x: auto;
	border: 1px solid var(--seoap-template-border);
	border-radius: 5px;
	border-collapse: collapse;
	background: var(--seoap-template-panel);
}

.seoap-article-content th,
.seoap-article-content td {
	border: 1px solid var(--seoap-template-border);
	padding: 15px 18px;
	color: var(--seoap-template-copy);
	text-align: left;
}

.seoap-article-content th {
	background: var(--seoap-template-panel-soft);
	color: var(--seoap-template-accent);
	font-size: 0.82em;
	letter-spacing: 0.035em;
	text-transform: uppercase;
}

body.seoap-generated-post .comments-area,
body.seoap-generated-post .nav-links {
	border-color: var(--seoap-template-border);
	background: var(--seoap-template-panel);
	color: var(--seoap-template-copy);
}

.seoap-related-footer {
	margin-top: clamp(72px, 10vw, 130px);
	border-top: 1px solid var(--seoap-template-border);
	padding-top: clamp(34px, 5vw, 58px);
}

.seoap-related-heading {
	margin-bottom: 30px;
}

.seoap-related-heading p {
	margin: 0 0 10px;
	color: var(--seoap-template-accent);
	font-size: 0.76rem;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.seoap-related-heading h2 {
	margin: 0;
	color: var(--seoap-template-shadow);
	font-size: clamp(2rem, 4vw, 3.8rem);
	font-weight: 800;
	letter-spacing: -0.045em;
	line-height: 1;
	text-shadow: 3px 3px 0 var(--seoap-template-ink);
}

.seoap-related-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 18px;
}

.seoap-related-card {
	min-width: 0;
	margin: 0;
	border: 1px solid var(--seoap-template-border);
	border-radius: 6px;
	background: var(--seoap-template-panel);
	overflow: hidden;
	transition: border-color 160ms ease, transform 160ms ease, box-shadow 160ms ease;
}

.seoap-related-card:hover,
.seoap-related-card:focus-within {
	border-color: var(--seoap-template-accent);
	box-shadow: 7px 7px 0 rgb(66 226 208 / 10%);
	transform: translateY(-3px);
}

.seoap-related-card > a {
	display: flex;
	min-height: 100%;
	padding-bottom: 22px;
	color: var(--seoap-template-copy);
	text-decoration: none;
	flex-direction: column;
}

.seoap-related-media {
	display: block;
	position: relative;
	width: 100%;
	aspect-ratio: 16 / 10;
	border-bottom: 1px solid var(--seoap-template-border);
	background: var(--seoap-template-bg);
	overflow: hidden;
}

.seoap-related-image,
.seoap-related-placeholder {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.seoap-related-placeholder {
	background:
		linear-gradient(135deg, transparent 42%, rgb(66 226 208 / 18%) 42% 58%, transparent 58%),
		var(--seoap-template-bg);
}

.seoap-related-number {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	margin: -17px 0 15px 18px;
	border: 1px solid var(--seoap-template-accent);
	border-radius: 50%;
	background: var(--seoap-template-panel);
	color: var(--seoap-template-accent);
	font-size: 0.72rem;
	font-weight: 800;
	z-index: 1;
}

.seoap-related-card h3 {
	margin: 0 18px 12px;
	color: var(--seoap-template-text);
	font-size: clamp(1.05rem, 1.5vw, 1.3rem);
	font-weight: 800;
	letter-spacing: -0.025em;
	line-height: 1.16;
}

.seoap-related-card p {
	margin: 0 18px 20px;
	color: var(--seoap-template-muted);
	font-size: 0.88rem;
	line-height: 1.55;
}

.seoap-related-read {
	margin: auto 18px 0;
	color: var(--seoap-template-accent);
	font-size: 0.8rem;
	font-weight: 800;
}

.seoap-back-to-blog {
	display: inline-flex;
	align-items: center;
	gap: 9px;
	margin-top: 34px;
	border: 1px solid var(--seoap-template-accent);
	border-radius: 4px;
	padding: 12px 18px;
	color: var(--seoap-template-accent);
	font-size: 0.86rem;
	font-weight: 800;
	text-decoration: none;
}

.seoap-back-to-blog:hover,
.seoap-back-to-blog:focus-visible {
	background: var(--seoap-template-accent);
	color: var(--seoap-template-bg);
}

body.seoap-generated-post :focus-visible {
	outline: 2px solid var(--seoap-template-accent);
	outline-offset: 4px;
}

@media (max-width: 1024px) {
	body.seoap-generated-post .site-content {
		padding: 50px 45px 72px;
	}
}

@media (max-width: 860px) {
	body.seoap-generated-post .inside-article {
		grid-template-columns: 1fr;
		gap: 28px;
	}

	body.seoap-generated-post .inside-article > .entry-header,
	body.seoap-generated-post .inside-article > .post-image,
	body.seoap-generated-post .inside-article > .featured-image {
		grid-column: 1;
		grid-row: auto;
		max-width: none;
	}

	body.seoap-generated-post .inside-article > .entry-header {
		order: 1;
	}

	body.seoap-generated-post .inside-article > .post-image,
	body.seoap-generated-post .inside-article > .featured-image {
		order: 2;
	}

	body.seoap-generated-post .inside-article > .entry-content {
		order: 3;
	}

	body.seoap-generated-post .inside-article > .entry-footer,
	body.seoap-generated-post .inside-article > .comments-area {
		order: 4;
	}

	body.seoap-generated-post .entry-title {
		font-size: clamp(2.6rem, 10vw, 4.6rem);
	}

	.seoap-related-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 600px) {
	body.seoap-generated-post .site-content {
		padding: 50px 20px 56px;
	}

	.seoap-table-of-contents ol {
		grid-template-columns: 1fr;
	}

	.seoap-article-shell {
		font-size: 1rem;
	}

	.seoap-article-content h2 {
		font-size: clamp(2rem, 11vw, 3.15rem);
		text-shadow: 2px 2px 0 var(--seoap-template-ink);
	}

	.seoap-related-grid {
		grid-template-columns: 1fr;
	}
}

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