/**
 * AutoBlog AI — Editorial layout.
 *
 * Implements the visual vocabulary used by the Editorial layout and the HTML
 * import wizard: hero, criterion cards, callouts, FAQ accordion, red-flag /
 * green-check lists, dark feature sections, final CTA banner. All colour
 * references resolve to palette variables emitted by Frontend::inline_css(),
 * so changing the active palette re-skins everything below.
 *
 * Class names are namespaced under `.autoblog-` to avoid colliding with the
 * host theme.
 */

:root {
	/* Editorial-specific scalars. Palette colour variables live in inline CSS. */
	--abe-ink:           #1a1a1a;
	--abe-ink-soft:      #4a4a4a;
	--abe-gray:          #6b6b6b;
	--abe-gray-line:     #e8e6df;
	--abe-off-white:     #f8f7f4;
	--abe-white:         #ffffff;

	--abe-radius:        12px;
	--abe-radius-lg:     16px;
	--abe-radius-pill:   40px;

	--abe-shadow:        0 8px 32px rgba(12, 31, 63, 0.08);

	--abe-serif:         'Playfair Display', Georgia, 'Times New Roman', serif;
	--abe-sans:          'DM Sans', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

	--abe-maxw:          880px;
	--abe-gutter:        clamp(24px, 5vw, 40px);
}

/* Load the Editorial typefaces only when the Editorial layout is on screen. */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&family=DM+Sans:wght@300;400;500;600&display=swap');

/* ── ARTICLE SHELL ────────────────────────────────────────────────────── */
.autoblog-editorial {
	width: 100vw;
	max-width: 100vw;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	background: var(--abe-white);
	color: var(--abe-ink);
	font-family: var(--abe-sans);
	font-size: 17px;
	line-height: 1.8;
	-webkit-font-smoothing: antialiased;
}

.autoblog-editorial * { box-sizing: border-box; }

/* ── HERO ─────────────────────────────────────────────────────────────── */
.autoblog-editorial__hero {
	background: var(--autoblog-surface-dark);
	padding: clamp(60px, 10vw, 120px) clamp(24px, 5vw, 80px);
	text-align: center;
}
.autoblog-editorial__tag {
	display: inline-block;
	background: color-mix(in srgb, var(--autoblog-primary) 18%, transparent);
	border: 1px solid color-mix(in srgb, var(--autoblog-primary) 40%, transparent);
	color: var(--autoblog-primary);
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	padding: 6px 18px;
	border-radius: var(--abe-radius-pill);
	margin-bottom: 32px;
}
.autoblog-editorial__title {
	font-family: var(--abe-serif);
	font-size: clamp(32px, 5vw, 56px);
	font-weight: 700;
	color: var(--abe-white);
	line-height: 1.2;
	max-width: 900px;
	margin: 0 auto 24px;
}
.autoblog-editorial__title em {
	font-style: italic;
	color: var(--autoblog-primary);
}
.autoblog-editorial__sub {
	font-size: clamp(16px, 2vw, 19px);
	color: rgba(255, 255, 255, 0.65);
	max-width: 600px;
	margin: 0 auto 40px;
	line-height: 1.6;
}
.autoblog-editorial__meta {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 24px;
	font-size: 13px;
	color: rgba(255, 255, 255, 0.5);
	flex-wrap: wrap;
}
.autoblog-editorial__meta strong { color: rgba(255, 255, 255, 0.8); }

/* ── BODY WRAP ────────────────────────────────────────────────────────── */
.autoblog-editorial__wrap {
	max-width: var(--abe-maxw);
	margin: 0 auto;
	padding: clamp(40px, 6vw, 80px) var(--abe-gutter);
}
@media (min-width: 1200px) {
	.autoblog-editorial__wrap.has-sidebar {
		max-width: 1280px;
		display: grid;
		grid-template-columns: minmax(0, var(--abe-maxw)) 320px;
		gap: clamp(32px, 4vw, 56px);
		align-items: start;
	}
	.autoblog-editorial__wrap.has-sidebar .autoblog-sidebar {
		position: sticky;
		top: 24px;
	}
}

.autoblog-editorial__main { min-width: 0; }
.autoblog-editorial__prose p {
	margin: 0 0 24px;
	color: var(--abe-ink-soft);
}
.autoblog-editorial__prose p:first-child { color: var(--abe-ink); }

.autoblog-editorial__prose h2 {
	font-family: var(--abe-serif);
	font-size: clamp(24px, 3vw, 32px);
	font-weight: 700;
	color: var(--autoblog-surface-dark);
	line-height: 1.3;
	margin: 64px 0 20px;
	padding-top: 20px;
}
.autoblog-editorial__prose h3 {
	font-family: var(--abe-sans);
	font-size: 20px;
	font-weight: 600;
	color: var(--autoblog-surface-dark);
	margin: 36px 0 14px;
}

.autoblog-editorial__prose img {
	max-width: 100%;
	height: auto;
	border-radius: var(--abe-radius);
	margin: 24px 0;
}

/* ── TABLE OF CONTENTS ────────────────────────────────────────────────── */
.autoblog-toc {
	background: var(--abe-off-white);
	border-left: 3px solid var(--autoblog-primary);
	border-radius: 0 var(--abe-radius) var(--abe-radius) 0;
	padding: 28px 32px;
	margin-bottom: 56px;
}
.autoblog-toc-title {
	font-size: 13px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	color: var(--abe-gray);
	margin-bottom: 16px;
}
.autoblog-toc ol {
	padding-left: 20px;
	display: flex;
	flex-direction: column;
	gap: 8px;
	list-style-position: outside;
}
.autoblog-toc a {
	color: var(--autoblog-surface-dark);
	text-decoration: none;
	font-size: 15px;
	font-weight: 500;
	transition: color 0.2s;
}
.autoblog-toc a:hover { color: var(--autoblog-primary); }

/* ── CRITERION CARDS ──────────────────────────────────────────────────── */
.autoblog-criteria-list {
	display: flex;
	flex-direction: column;
	gap: 32px;
	margin: 40px 0;
	list-style: none;
	padding: 0;
}
.autoblog-criterion {
	border: 1px solid var(--abe-gray-line);
	border-radius: var(--abe-radius-lg);
	overflow: hidden;
	transition: box-shadow 0.2s;
}
.autoblog-criterion:hover { box-shadow: var(--abe-shadow); }
.autoblog-criterion__header {
	display: flex;
	align-items: center;
	gap: 20px;
	padding: 24px 28px;
	background: var(--autoblog-surface-dark);
}
.autoblog-criterion__num {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: color-mix(in srgb, var(--autoblog-primary) 22%, transparent);
	border: 1px solid var(--autoblog-primary);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	font-weight: 700;
	color: var(--autoblog-primary);
	flex-shrink: 0;
}
.autoblog-criterion__title {
	font-family: var(--abe-sans);
	font-size: 18px;
	font-weight: 600;
	color: var(--abe-white);
}
.autoblog-criterion__body { padding: 24px 28px; }
.autoblog-criterion__body p {
	color: var(--abe-ink-soft);
	margin-bottom: 12px;
	font-size: 16px;
}
.autoblog-criterion__body p:last-child { margin-bottom: 0; }
.autoblog-criterion__ask {
	background: var(--autoblog-accent-alt-tint);
	border-radius: 8px;
	padding: 14px 18px;
	margin-top: 16px;
	font-size: 14px;
	color: var(--autoblog-surface-dark);
}
.autoblog-criterion__ask strong { color: var(--autoblog-accent-alt); }

/* ── CALLOUT BOXES ────────────────────────────────────────────────────── */
.autoblog-callout {
	border-radius: var(--abe-radius);
	padding: 28px 32px;
	margin: 40px 0;
}
.autoblog-callout--stat {
	background: var(--autoblog-surface-dark);
	color: var(--abe-white);
	text-align: center;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 32px;
}
@media (max-width: 640px) {
	.autoblog-callout--stat { grid-template-columns: 1fr; }
}
.autoblog-callout--stat .stat-num {
	font-family: var(--abe-serif);
	font-size: 64px;
	font-weight: 700;
	color: var(--autoblog-primary);
	line-height: 1;
	display: block;
}
.autoblog-callout--stat .stat-label {
	font-size: 16px;
	color: rgba(255, 255, 255, 0.7);
	margin-top: 8px;
	display: block;
}
.autoblog-callout--warn {
	background: var(--autoblog-accent-tint);
	border-left: 4px solid var(--autoblog-accent);
}
.autoblog-callout--warn p { color: var(--abe-ink-soft); margin: 0; font-size: 16px; }
.autoblog-callout--warn strong { color: var(--autoblog-accent); }
.autoblog-callout--insight {
	background: color-mix(in srgb, var(--autoblog-primary) 12%, white);
	border-left: 4px solid var(--autoblog-primary);
}
.autoblog-callout--insight p { color: var(--abe-ink-soft); margin: 0; font-size: 16px; }
.autoblog-callout--insight strong { color: var(--autoblog-primary); }

/* ── RED FLAGS / GREEN CHECKS ─────────────────────────────────────────── */
.autoblog-red-flags,
.autoblog-green-checks {
	list-style: none;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 12px;
	margin: 20px 0;
}
.autoblog-red-flags li,
.autoblog-green-checks li {
	display: flex;
	align-items: flex-start;
	gap: 14px;
	padding: 16px 20px;
	border-radius: 10px;
	font-size: 15px;
	color: var(--abe-ink-soft);
}
.autoblog-red-flags li { background: var(--abe-off-white); }
.autoblog-green-checks li { background: color-mix(in srgb, var(--autoblog-primary) 10%, white); }
.autoblog-red-flags li::before {
	content: '✗';
	color: var(--autoblog-accent);
	font-weight: 700;
	font-size: 16px;
	flex-shrink: 0;
	margin-top: 1px;
}
.autoblog-green-checks li::before {
	content: '✓';
	color: var(--autoblog-primary);
	font-weight: 700;
	font-size: 16px;
	flex-shrink: 0;
	margin-top: 1px;
}

/* ── FEATURE / DC-STYLE SECTION ───────────────────────────────────────── */
.autoblog-feature-section {
	background: var(--autoblog-surface-dark);
	border-radius: 20px;
	overflow: hidden;
	margin: 56px 0;
}
.autoblog-feature-section__inner { padding: clamp(36px, 5vw, 56px); }
.autoblog-feature-section__eyebrow {
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.15em;
	text-transform: uppercase;
	color: var(--autoblog-primary);
	margin-bottom: 20px;
	display: block;
}
.autoblog-feature-section h2 {
	font-family: var(--abe-serif);
	color: var(--abe-white);
	font-size: clamp(26px, 3.5vw, 36px);
	margin: 0 0 20px;
	padding: 0;
}
.autoblog-feature-section__intro {
	color: rgba(255, 255, 255, 0.7);
	font-size: 17px;
	margin-bottom: 36px;
}
.autoblog-feature-section__pillars {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	gap: 16px;
	margin-bottom: 36px;
}
.autoblog-feature-section__pillar {
	background: rgba(255, 255, 255, 0.05);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 12px;
	padding: 20px;
}

/* ── FAQ ACCORDION ────────────────────────────────────────────────────── */
.autoblog-faq {
	display: flex;
	flex-direction: column;
	margin: 40px 0;
	border: 1px solid var(--abe-gray-line);
	border-radius: var(--abe-radius-lg);
	overflow: hidden;
}
.autoblog-faq__item { border-bottom: 1px solid var(--abe-gray-line); }
.autoblog-faq__item:last-child { border-bottom: none; }
.autoblog-faq__q {
	width: 100%;
	text-align: left;
	background: none;
	border: none;
	cursor: pointer;
	padding: 24px 28px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	font-family: var(--abe-sans);
	font-size: 16px;
	font-weight: 600;
	color: var(--autoblog-surface-dark);
	transition: background 0.2s;
}
.autoblog-faq__q:hover { background: var(--abe-off-white); }
.autoblog-faq__icon {
	font-size: 20px;
	color: var(--autoblog-primary);
	transition: transform 0.3s;
	flex-shrink: 0;
}
.autoblog-faq__a {
	display: none;
	padding: 0 28px 24px;
	font-size: 15px;
	color: var(--abe-ink-soft);
	line-height: 1.7;
}
.autoblog-faq__item.is-open .autoblog-faq__a { display: block; }
.autoblog-faq__item.is-open .autoblog-faq__icon { transform: rotate(45deg); }

/* ── FINAL CTA BANNER (rendered by layout) ────────────────────────────── */
.autoblog-editorial__cta {
	max-width: var(--abe-maxw);
	margin: 0 auto;
	padding: 0 var(--abe-gutter) clamp(48px, 8vw, 96px);
}
.autoblog-editorial__cta-inner {
	background: linear-gradient(135deg, var(--autoblog-surface-dark) 0%, var(--autoblog-surface-dark-light) 100%);
	border-radius: 20px;
	padding: clamp(40px, 6vw, 64px);
	text-align: center;
	position: relative;
	overflow: hidden;
	color: var(--abe-white);
}
.autoblog-editorial__cta-inner::before {
	content: '';
	position: absolute;
	top: -60px;
	right: -60px;
	width: 240px;
	height: 240px;
	border-radius: 50%;
	background: radial-gradient(circle, color-mix(in srgb, var(--autoblog-primary) 18%, transparent) 0%, transparent 70%);
}
.autoblog-editorial__cta-inner::after {
	content: '';
	position: absolute;
	bottom: -80px;
	left: -40px;
	width: 200px;
	height: 200px;
	border-radius: 50%;
	background: radial-gradient(circle, color-mix(in srgb, var(--autoblog-accent-alt) 22%, transparent) 0%, transparent 70%);
}
.autoblog-editorial__cta-inner h2 {
	font-family: var(--abe-serif);
	color: var(--abe-white);
	font-size: clamp(26px, 4vw, 40px);
	margin: 0 0 16px;
	position: relative;
}
.autoblog-editorial__cta-inner p {
	color: rgba(255, 255, 255, 0.7);
	font-size: 17px;
	max-width: 500px;
	margin: 0 auto 36px;
	position: relative;
}
.autoblog-btn-primary {
	display: inline-block;
	background: var(--autoblog-primary);
	color: var(--abe-white);
	font-size: 15px;
	font-weight: 600;
	padding: 16px 36px;
	border-radius: 8px;
	text-decoration: none;
	transition: background 0.2s, transform 0.15s;
	position: relative;
}
.autoblog-btn-primary:hover {
	background: color-mix(in srgb, var(--autoblog-primary) 80%, black);
	transform: translateY(-1px);
}

/* ── FOOTER (tags + share) ────────────────────────────────────────────── */
.autoblog-editorial__footer {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 24px;
	padding-top: 32px;
	margin-top: 48px;
	border-top: 1px solid var(--abe-gray-line);
	flex-wrap: wrap;
}
.autoblog-editorial__tags a {
	display: inline-block;
	margin-right: 6px;
	padding: 4px 12px;
	background: var(--abe-off-white);
	border-radius: var(--abe-radius-pill);
	font-size: 13px;
	color: var(--abe-ink-soft);
	text-decoration: none;
}
.autoblog-editorial__share { display: flex; align-items: center; gap: 8px; }
.autoblog-editorial__share-label {
	font-size: 13px;
	color: var(--abe-gray);
	margin-right: 4px;
}

/* ── SIDEBAR WIDGETS (TOC + CTA card) ─────────────────────────────────── */
.autoblog-widget--toc {
	background: var(--abe-off-white);
	border-left: 3px solid var(--autoblog-primary);
	border-radius: 0 var(--abe-radius) var(--abe-radius) 0;
	padding: 24px 28px;
}
.autoblog-widget--toc .autoblog-widget__title {
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	color: var(--abe-gray);
	margin: 0 0 14px;
}
.autoblog-toc-list {
	list-style: decimal;
	padding-left: 20px;
	display: flex;
	flex-direction: column;
	gap: 8px;
	margin: 0;
}
.autoblog-toc-list a {
	color: var(--autoblog-surface-dark);
	text-decoration: none;
	font-size: 14px;
	font-weight: 500;
	transition: color 0.2s;
}
.autoblog-toc-list a:hover { color: var(--autoblog-primary); }

.autoblog-widget--cta {
	background: var(--autoblog-surface-dark);
	color: var(--abe-white);
	border-radius: var(--abe-radius-lg);
	padding: 24px 26px;
}
.autoblog-widget--cta__text {
	color: rgba(255, 255, 255, 0.78);
	font-size: 14px;
	line-height: 1.6;
	margin: 0 0 18px;
}
.autoblog-widget--cta .autoblog-btn-primary {
	display: block;
	text-align: center;
	font-size: 14px;
	padding: 12px 18px;
}

/* ── RESPONSIVE ───────────────────────────────────────────────────────── */
@media (max-width: 600px) {
	.autoblog-editorial__meta { gap: 12px; }
	.autoblog-feature-section__pillars { grid-template-columns: 1fr; }
}

/* ══════════════════════════════════════════════════════════════════════
 * ISOLATION LAYER
 *
 * The host WordPress theme often styles bare elements (h1, h2, p, button)
 * inside .entry-content with high enough specificity to override the
 * class-only rules above — particularly for colour, font-family, and
 * font-size. The rules below repeat the visual contract with an explicit
 * .autoblog-editorial ancestor and !important on the cosmetic properties
 * the theme is most likely to fight us on.
 *
 * Nothing outside .autoblog-editorial is touched, so the theme keeps
 * full control of its own pages.
 * ══════════════════════════════════════════════════════════════════════ */

/* Element-level reset: zero out font/color inheritance from the theme so
   our typography wins, but don't change layout properties. */
.autoblog-editorial,
.autoblog-editorial h1,
.autoblog-editorial h2,
.autoblog-editorial h3,
.autoblog-editorial h4,
.autoblog-editorial h5,
.autoblog-editorial h6,
.autoblog-editorial p,
.autoblog-editorial ul,
.autoblog-editorial ol,
.autoblog-editorial li,
.autoblog-editorial span,
.autoblog-editorial a,
.autoblog-editorial button {
	font-family: var(--abe-sans) !important;
	text-shadow: none !important;
	letter-spacing: normal;
}

.autoblog-editorial h1,
.autoblog-editorial h2,
.autoblog-editorial h3,
.autoblog-editorial h4 {
	text-transform: none !important; /* themes commonly UPPERCASE headings */
}

/* Hero — force the dark surface + white title regardless of theme.
   These properties are the ones the user saw broken (purple title,
   inflated size, overlong height). */
.autoblog-editorial .autoblog-editorial__hero {
	background-color: var(--autoblog-surface-dark) !important;
	background-image: none !important;
	color: #ffffff !important;
	padding: clamp(60px, 10vw, 120px) clamp(24px, 5vw, 80px) !important;
	margin: 0 !important;
	text-align: center !important;
}
.autoblog-editorial .autoblog-editorial__title {
	font-family: var(--abe-serif) !important;
	font-size: clamp(32px, 5vw, 56px) !important;
	font-weight: 700 !important;
	color: #ffffff !important;
	line-height: 1.2 !important;
	max-width: 900px;
	margin: 0 auto 24px !important;
	padding: 0 !important;
}
.autoblog-editorial .autoblog-editorial__sub {
	color: rgba(255, 255, 255, 0.7) !important;
	font-size: clamp(16px, 2vw, 19px) !important;
	max-width: 600px;
	margin: 0 auto 40px !important;
	padding: 0 !important;
}
.autoblog-editorial .autoblog-editorial__tag {
	display: inline-block !important;
	background: color-mix(in srgb, var(--autoblog-primary) 18%, transparent) !important;
	color: var(--autoblog-primary) !important;
	border: 1px solid color-mix(in srgb, var(--autoblog-primary) 40%, transparent) !important;
	font-size: 12px !important;
	font-weight: 500 !important;
	letter-spacing: 0.12em !important;
	text-transform: uppercase !important;
	padding: 6px 18px !important;
	border-radius: var(--abe-radius-pill);
	margin-bottom: 32px !important;
}
.autoblog-editorial .autoblog-editorial__meta,
.autoblog-editorial .autoblog-editorial__meta span,
.autoblog-editorial .autoblog-editorial__meta strong {
	color: rgba(255, 255, 255, 0.7) !important;
	font-size: 13px !important;
}

/* Prose colors — override theme heading colour and link underlines. */
.autoblog-editorial .autoblog-editorial__prose h2,
.autoblog-editorial .autoblog-editorial__prose h3 {
	color: var(--autoblog-surface-dark) !important;
}
.autoblog-editorial .autoblog-editorial__prose p,
.autoblog-editorial .autoblog-editorial__prose li {
	color: var(--abe-ink-soft) !important;
}

/* Criterion-card header — text must stay white on dark surface. */
.autoblog-editorial .autoblog-criterion__header,
.autoblog-editorial .autoblog-criterion__title {
	color: #ffffff !important;
}
.autoblog-editorial .autoblog-criterion__num {
	color: var(--autoblog-primary) !important;
}

/* Stat callout — dark surface, primary numerals, white labels. */
.autoblog-editorial .autoblog-callout--stat {
	color: #ffffff !important;
}
.autoblog-editorial .autoblog-callout--stat .stat-num {
	color: var(--autoblog-primary) !important;
}
.autoblog-editorial .autoblog-callout--stat .stat-label {
	color: rgba(255, 255, 255, 0.7) !important;
}

/* Feature ("Why DC Consulting Group") section — force every descendant onto
   white so the theme's body / heading / paragraph colours can't blend in. */
.autoblog-editorial .autoblog-feature-section,
.autoblog-editorial .autoblog-feature-section *:not(.autoblog-btn-primary):not(.autoblog-btn-outline) {
	color: #ffffff;
}
.autoblog-editorial .autoblog-feature-section h2 {
	color: #ffffff !important;
}
.autoblog-editorial .autoblog-feature-section__intro,
.autoblog-editorial .autoblog-feature-section__pillar-desc,
.autoblog-editorial .autoblog-feature-section__diff-desc,
.autoblog-editorial .autoblog-feature-section p {
	color: rgba(255, 255, 255, 0.7) !important;
}
.autoblog-editorial .autoblog-feature-section__pillar-title,
.autoblog-editorial .autoblog-feature-section__diff-title {
	color: #ffffff !important;
	font-weight: 600 !important;
}
.autoblog-editorial .autoblog-feature-section__eyebrow {
	color: var(--autoblog-primary) !important;
}

/* FAQ accordion — strip the theme's <button> defaults that were leaking
   borders, backgrounds, focus rings into the question rows. */
.autoblog-editorial .autoblog-faq__q {
	appearance: none !important;
	-webkit-appearance: none !important;
	background: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	cursor: pointer !important;
	width: 100% !important;
	text-align: left !important;
	padding: 24px 28px !important;
	font-family: var(--abe-sans) !important;
	font-size: 16px !important;
	font-weight: 600 !important;
	color: var(--autoblog-surface-dark) !important;
	text-transform: none !important;
	letter-spacing: normal !important;
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 16px;
}
.autoblog-editorial .autoblog-faq__q:hover {
	background: var(--abe-off-white) !important;
}
.autoblog-editorial .autoblog-faq__icon {
	color: var(--autoblog-primary) !important;
}
.autoblog-editorial .autoblog-faq__a {
	color: var(--abe-ink-soft) !important;
}

/* ── FINAL CTA (imported from the source HTML) ────────────────────────
   Mirrors the design's closing banner. Kept as part of post_content so the
   user-pasted CTA copy survives import. */
.autoblog-editorial .autoblog-final-cta {
	background: linear-gradient(135deg, var(--autoblog-surface-dark) 0%, var(--autoblog-surface-dark-light) 100%);
	border-radius: 20px;
	padding: clamp(40px, 6vw, 64px);
	text-align: center;
	margin: 56px 0;
	position: relative;
	overflow: hidden;
	color: #ffffff;
}
.autoblog-editorial .autoblog-final-cta::before {
	content: '';
	position: absolute;
	top: -60px;
	right: -60px;
	width: 240px;
	height: 240px;
	border-radius: 50%;
	background: radial-gradient(circle, color-mix(in srgb, var(--autoblog-primary) 18%, transparent) 0%, transparent 70%);
}
.autoblog-editorial .autoblog-final-cta::after {
	content: '';
	position: absolute;
	bottom: -80px;
	left: -40px;
	width: 200px;
	height: 200px;
	border-radius: 50%;
	background: radial-gradient(circle, color-mix(in srgb, var(--autoblog-accent-alt) 22%, transparent) 0%, transparent 70%);
}
.autoblog-editorial .autoblog-final-cta h2 {
	font-family: var(--abe-serif) !important;
	color: #ffffff !important;
	font-size: clamp(26px, 4vw, 40px) !important;
	margin: 0 0 16px !important;
	padding: 0 !important;
	position: relative;
}
.autoblog-editorial .autoblog-final-cta p {
	color: rgba(255, 255, 255, 0.7) !important;
	font-size: 17px !important;
	max-width: 500px;
	margin: 0 auto 36px !important;
	position: relative;
}
.autoblog-editorial .autoblog-final-cta .autoblog-btn-group {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
	justify-content: center;
	position: relative;
}
.autoblog-editorial .autoblog-btn-primary {
	display: inline-block !important;
	background: var(--autoblog-primary) !important;
	color: #ffffff !important;
	font-size: 15px !important;
	font-weight: 600 !important;
	padding: 16px 36px !important;
	border-radius: 8px !important;
	text-decoration: none !important;
	border: 0 !important;
	transition: background 0.2s, transform 0.15s;
}
.autoblog-editorial .autoblog-btn-primary:hover {
	background: color-mix(in srgb, var(--autoblog-primary) 80%, black) !important;
	transform: translateY(-1px);
}
.autoblog-editorial .autoblog-btn-outline {
	display: inline-block !important;
	background: transparent !important;
	color: #ffffff !important;
	border: 1.5px solid rgba(255, 255, 255, 0.3) !important;
	font-size: 15px !important;
	font-weight: 500 !important;
	padding: 15px 32px !important;
	border-radius: 8px !important;
	text-decoration: none !important;
	transition: border-color 0.2s, background 0.2s;
}
.autoblog-editorial .autoblog-btn-outline:hover {
	border-color: #ffffff !important;
	background: rgba(255, 255, 255, 0.05) !important;
}