:root {
	--color-primary: #1e73ff;
	--color-primary-dark: #155bd6;
	--color-wp-blue: #2271b1;
	--color-text: #0f172a;
	--color-muted: #475569;
	--color-light: #f8fafc;
	--color-border: #e2e8f0;
	--color-white: #ffffff;
	--shadow-card: 0 18px 45px rgba(15, 23, 42, 0.08);
	--radius-lg: 16px;
	--container: 1200px;
}

* { box-sizing: border-box; }

html { scroll-behavior: smooth; }

body {
	margin: 0;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
	color: var(--color-text);
	background: var(--color-white);
	line-height: 1.6;
}

a { color: inherit; text-decoration: none; }
a:hover { color: var(--color-primary); }
img { max-width: 100%; height: auto; }

.container {
	width: min(100% - 40px, var(--container));
	margin: 0 auto;
}

.screen-reader-text,
.skip-link {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.skip-link:focus {
	top: 12px;
	left: 12px;
	z-index: 9999;
	width: auto;
	height: auto;
	padding: 10px 14px;
	clip: auto;
	background: var(--color-text);
	color: var(--color-white);
	border-radius: 8px;
}

.site-header {
	position: sticky;
	top: 0;
	z-index: 100;
	background: rgba(255, 255, 255, 0.94);
	backdrop-filter: blur(12px);
	border-bottom: 1px solid var(--color-border);
}

.site-header__inner {
	width: min(100% - 40px, var(--container));
	min-height: 76px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
}

.site-branding__link {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	font-weight: 800;
	font-size: 1.1rem;
}

.site-branding__mark {
	display: inline-grid;
	place-items: center;
	width: 40px;
	height: 40px;
	border-radius: 12px;
	background: var(--color-primary);
	color: var(--color-white);
	font-weight: 800;
}

.primary-navigation {
	display: flex;
	align-items: center;
	gap: 22px;
}

.primary-menu {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	align-items: center;
	gap: 22px;
	font-size: 0.95rem;
	font-weight: 600;
	color: var(--color-muted);
}

.header-cta,
.button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	padding: 12px 18px;
	border-radius: 999px;
	font-weight: 700;
	line-height: 1;
	transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease, color 0.2s ease;
}

.header-cta,
.button--primary {
	background: var(--color-primary);
	color: var(--color-white);
	box-shadow: 0 10px 24px rgba(30, 115, 255, 0.22);
}

.header-cta:hover,
.button--primary:hover {
	background: var(--color-primary-dark);
	color: var(--color-white);
	transform: translateY(-1px);
}

.nav-toggle {
	display: none;
	width: 44px;
	height: 44px;
	border: 1px solid var(--color-border);
	border-radius: 12px;
	background: var(--color-white);
	cursor: pointer;
}

.nav-toggle__line,
.nav-toggle__line::before,
.nav-toggle__line::after {
	display: block;
	width: 20px;
	height: 2px;
	margin: 0 auto;
	background: var(--color-text);
	content: "";
}

.nav-toggle__line::before { transform: translateY(-7px); }
.nav-toggle__line::after { transform: translateY(5px); }

.section { padding: 88px 0; }
.section--light { background: var(--color-light); }

.hero { padding: 108px 0; background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%); }
.hero__grid { display: grid; grid-template-columns: 1.03fr 0.97fr; gap: 56px; align-items: center; }
.eyebrow { margin: 0 0 14px; color: var(--color-primary); font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; font-size: 0.78rem; }
.hero h1 { margin: 0; font-size: clamp(2.6rem, 6vw, 5rem); line-height: 0.98; letter-spacing: -0.06em; }
.hero__text { max-width: 620px; margin: 24px 0 0; color: var(--color-muted); font-size: 1.2rem; }
.button-row { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 32px; }
.button-row--center { justify-content: center; }
.button--secondary { color: var(--color-text); background: var(--color-white); border: 1px solid var(--color-border); }
.button--secondary:hover { border-color: var(--color-primary); }
.button--light { background: var(--color-white); color: var(--color-primary); }
.button--outline-light { color: var(--color-white); border: 1px solid rgba(255,255,255,0.5); }
.button--outline-light:hover { background: rgba(255,255,255,0.12); color: var(--color-white); }

.software-card { border: 1px solid var(--color-border); border-radius: 24px; background: var(--color-white); box-shadow: var(--shadow-card); overflow: hidden; }
.software-card__topbar { display: flex; gap: 8px; padding: 18px; border-bottom: 1px solid var(--color-border); background: #f1f5f9; }
.software-card__topbar span { width: 12px; height: 12px; border-radius: 50%; background: #cbd5e1; }
.software-card__body { padding: 34px; }
.software-card__label { display: inline-flex; margin: 0 0 18px; padding: 8px 12px; border-radius: 999px; background: #eff6ff; color: var(--color-primary); font-weight: 800; font-size: 0.85rem; }
.software-card h2 { margin: 0 0 24px; font-size: clamp(1.8rem, 3vw, 2.7rem); line-height: 1.05; letter-spacing: -0.04em; }
.software-card__input { padding: 16px; border: 1px solid var(--color-border); border-radius: 14px; color: var(--color-muted); background: var(--color-light); }
.software-card__rows { display: grid; gap: 12px; margin-top: 22px; }
.software-card__rows span { display: block; height: 12px; border-radius: 999px; background: #dbeafe; }
.software-card__rows span:nth-child(2) { width: 82%; }
.software-card__rows span:nth-child(3) { width: 68%; }

.section-heading { margin-bottom: 34px; }
.section-heading--center { text-align: center; max-width: 720px; margin-left: auto; margin-right: auto; }
.section-heading h2 { margin: 0; font-size: clamp(2rem, 4vw, 3.2rem); line-height: 1.08; letter-spacing: -0.04em; }

.product-grid { display: grid; grid-template-columns: 1.35fr 0.65fr; gap: 24px; }
.product-card,
.feature-card,
.content-card { border: 1px solid var(--color-border); border-radius: var(--radius-lg); background: var(--color-white); box-shadow: var(--shadow-card); padding: 30px; }
.product-card h3,
.feature-card h3 { margin: 0 0 12px; font-size: 1.35rem; }
.product-card p,
.feature-card p { margin: 0; color: var(--color-muted); }
.product-card ul { display: grid; gap: 10px; margin: 22px 0 0; padding: 0; list-style: none; color: var(--color-muted); }
.product-card li { position: relative; padding-left: 28px; }
.product-card li::before { position: absolute; left: 0; top: 1px; content: "✓"; color: var(--color-primary); font-weight: 900; }
.product-card--placeholder { display: flex; flex-direction: column; justify-content: center; background: linear-gradient(180deg, #ffffff, #eff6ff); }

.feature-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
.feature-card { box-shadow: none; }
.feature-card:hover { box-shadow: var(--shadow-card); }

.cta-section { padding-top: 32px; }
.cta-card { padding: 58px 30px; border-radius: 24px; background: linear-gradient(135deg, var(--color-primary), var(--color-wp-blue)); color: var(--color-white); text-align: center; box-shadow: 0 24px 55px rgba(30, 115, 255, 0.28); }
.cta-card h2 { margin: 0; font-size: clamp(2rem, 4vw, 3.4rem); line-height: 1.08; letter-spacing: -0.04em; }
.cta-card p { max-width: 620px; margin: 18px auto 0; color: rgba(255,255,255,0.86); font-size: 1.08rem; }

.site-footer { padding: 64px 0 28px; background: #0f172a; color: var(--color-white); }
.site-footer__grid { display: grid; grid-template-columns: 1.3fr 1fr 1fr 1fr; gap: 36px; }
.site-footer h2 { margin: 0 0 14px; font-size: 1rem; }
.site-footer p,
.site-footer a { color: rgba(255,255,255,0.7); }
.site-footer a:hover { color: var(--color-white); }
.site-footer ul { display: grid; gap: 10px; list-style: none; margin: 0; padding: 0; }
.site-footer__bottom { margin-top: 46px; padding-top: 24px; border-top: 1px solid rgba(255,255,255,0.12); }
.site-footer__bottom p { margin: 0; font-size: 0.92rem; }

.content-area { max-width: 860px; }
.content-card h1 { margin-top: 0; }
.entry-content a { color: var(--color-primary); text-decoration: underline; }

@media (max-width: 900px) {
	.nav-toggle { display: inline-flex; align-items: center; justify-content: center; }
	.primary-navigation {
		position: absolute;
		top: 76px;
		left: 20px;
		right: 20px;
		display: none;
		flex-direction: column;
		align-items: stretch;
		gap: 16px;
		padding: 20px;
		border: 1px solid var(--color-border);
		border-radius: 18px;
		background: var(--color-white);
		box-shadow: var(--shadow-card);
	}
	.primary-navigation.is-open { display: flex; }
	.primary-menu { flex-direction: column; align-items: flex-start; gap: 14px; }
	.header-cta { width: 100%; }
	.hero { padding: 76px 0; }
	.hero__grid,
	.product-grid { grid-template-columns: 1fr; }
	.feature-grid,
	.site-footer__grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 600px) {
	.container,
	.site-header__inner { width: min(100% - 28px, var(--container)); }
	.section { padding: 64px 0; }
	.hero h1 { font-size: 2.7rem; }
	.button,
	.button-row .button { width: 100%; }
	.software-card__body,
	.product-card,
	.feature-card { padding: 22px; }
	.feature-grid,
	.site-footer__grid { grid-template-columns: 1fr; }
}

/* Product page */
.product-hero__description,
.trust-text {
	max-width: 620px;
	color: var(--color-muted);
}

.product-hero__description {
	margin: 18px 0 0;
	font-size: 1.05rem;
}

.trust-text {
	margin: 14px 0 0;
	font-weight: 700;
	font-size: 0.92rem;
}

.workflow-steps {
	display: grid;
	gap: 14px;
}

.workflow-steps div {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 16px;
	border: 1px solid var(--color-border);
	border-radius: 14px;
	background: var(--color-light);
	font-weight: 800;
}

.workflow-steps span {
	display: inline-grid;
	place-items: center;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background: var(--color-primary);
	color: var(--color-white);
	font-size: 0.9rem;
}

.split-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 34px;
	align-items: center;
}

.split-grid h2 {
	margin: 0;
	font-size: clamp(2rem, 4vw, 3.2rem);
	line-height: 1.08;
	letter-spacing: -0.04em;
}

.solution-card,
.plan-card,
.screenshot-card,
.price-card,
.faq-list details {
	border: 1px solid var(--color-border);
	border-radius: var(--radius-lg);
	background: var(--color-white);
	box-shadow: var(--shadow-card);
}

.solution-card {
	padding: 38px;
}

.solution-card h3,
.plan-card h3,
.screenshot-card h3,
.price-card h3 {
	margin: 0 0 12px;
	font-size: 1.35rem;
}

.solution-card p,
.plan-card p,
.screenshot-card p,
.price-card p,
.faq-list p {
	color: var(--color-muted);
}

.check-list {
	display: grid;
	gap: 10px;
	margin: 22px 0 26px;
	padding: 0;
	list-style: none;
	color: var(--color-muted);
}

.check-list li {
	position: relative;
	padding-left: 28px;
}

.check-list li::before {
	position: absolute;
	left: 0;
	top: 0;
	content: "✓";
	color: var(--color-primary);
	font-weight: 900;
}

.check-list--problem li::before {
	content: "•";
	font-size: 1.4rem;
	line-height: 1;
}

.product-feature-grid {
	grid-template-columns: repeat(3, 1fr);
}

.comparison-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 24px;
}

.plan-card {
	padding: 34px;
}

.plan-card--featured,
.price-card--featured {
	border-color: rgba(30, 115, 255, 0.45);
	background: linear-gradient(180deg, #ffffff, #eff6ff);
}

.screenshot-grid,
.pricing-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
}

.pricing-grid {
	grid-template-columns: repeat(3, 1fr);
}

.screenshot-card,
.price-card {
	padding: 24px;
}

.screenshot-placeholder {
	height: 180px;
	margin-bottom: 20px;
	border: 1px dashed #bfdbfe;
	border-radius: 14px;
	background: linear-gradient(135deg, #eff6ff, #ffffff);
}

.price-card__price {
	margin: 0 0 10px;
	font-size: 2rem;
	line-height: 1;
	font-weight: 900;
	letter-spacing: -0.04em;
	color: var(--color-text) !important;
}

.price-card .button {
	margin-top: 12px;
}

.pricing-note {
	margin: 24px 0 0;
	text-align: center;
	color: var(--color-muted);
	font-weight: 700;
}

.faq-wrap {
	max-width: 920px;
}

.faq-list {
	display: grid;
	gap: 14px;
}

.faq-list details {
	padding: 20px 24px;
	box-shadow: none;
}

.faq-list summary {
	cursor: pointer;
	font-weight: 800;
	font-size: 1.05rem;
}

.faq-list p {
	margin: 12px 0 0;
}

@media (max-width: 900px) {
	.split-grid,
	.product-feature-grid,
	.comparison-grid,
	.screenshot-grid,
	.pricing-grid {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 600px) {
	.solution-card,
	.plan-card,
	.screenshot-card,
	.price-card {
		padding: 22px;
	}
}

/* Product page */
.product-page .section { overflow: hidden; }

.product-hero__description,
.trust-text {
	max-width: 660px;
	color: var(--color-muted);
}

.trust-text {
	margin: 14px 0 0;
	font-size: 0.95rem;
	font-weight: 600;
}

.product-mockup .software-card__body { padding-bottom: 28px; }

.workflow-list {
	list-style: none;
	margin: 24px 0 0;
	padding: 0;
	display: grid;
	gap: 12px;
	counter-reset: workflow;
}

.workflow-list li {
	counter-increment: workflow;
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 14px 16px;
	border: 1px solid var(--color-border);
	border-radius: 14px;
	background: var(--color-light);
	font-weight: 800;
}

.workflow-list li::before {
	content: counter(workflow);
	display: inline-grid;
	place-items: center;
	width: 28px;
	height: 28px;
	border-radius: 999px;
	background: var(--color-primary);
	color: var(--color-white);
	font-size: 0.85rem;
}

.split-section {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(320px, 0.8fr);
	gap: 32px;
	align-items: center;
}

.split-section h2 {
	max-width: 620px;
	margin: 0 0 22px;
	font-size: clamp(2rem, 4vw, 3rem);
	line-height: 1.08;
	letter-spacing: -0.04em;
}

.check-list {
	list-style: none;
	margin: 22px 0 28px;
	padding: 0;
	display: grid;
	gap: 12px;
}

.check-list li {
	position: relative;
	padding-left: 30px;
	color: var(--color-muted);
}

.check-list li::before {
	content: "✓";
	position: absolute;
	left: 0;
	top: 0;
	font-weight: 900;
	color: var(--color-primary);
}

.check-list--problem li::before { content: "•"; }

.solution-card,
.plan-card,
.pricing-card,
.screenshot-card,
.faq-item {
	border: 1px solid var(--color-border);
	border-radius: var(--radius-lg);
	background: var(--color-white);
	box-shadow: var(--shadow-card);
}

.solution-card {
	padding: 34px;
	background: linear-gradient(135deg, #ffffff 0%, #eef6ff 100%);
}

.solution-card h3,
.plan-card h3,
.pricing-card h3,
.screenshot-card h3 {
	margin: 0 0 10px;
	font-size: 1.35rem;
}

.solution-card p,
.plan-card p,
.pricing-card p,
.screenshot-card p {
	margin: 0;
	color: var(--color-muted);
}

.feature-grid--three {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.plans-grid,
.pricing-grid,
.screenshot-grid {
	display: grid;
	gap: 24px;
}

.plans-grid--two { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.pricing-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.screenshot-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }

.plan-card,
.pricing-card,
.screenshot-card {
	padding: 28px;
}

.plan-card--featured {
	border-color: rgba(30, 115, 255, 0.35);
	background: linear-gradient(180deg, #ffffff 0%, #f3f8ff 100%);
}

.plan-card .button,
.pricing-card .button {
	margin-top: auto;
}

.pricing-card {
	display: flex;
	flex-direction: column;
	gap: 14px;
}

.pricing-card__price {
	font-size: 2.4rem;
	line-height: 1;
	font-weight: 900;
	letter-spacing: -0.04em;
	color: var(--color-text) !important;
}

.pricing-note {
	margin: 22px 0 0;
	text-align: center;
	color: var(--color-muted);
	font-weight: 600;
}

.screenshot-placeholder {
	min-height: 150px;
	margin-bottom: 20px;
	padding: 18px;
	border-radius: 14px;
	border: 1px dashed #b7c7dd;
	background: linear-gradient(135deg, #eef6ff 0%, #ffffff 100%);
	display: grid;
	gap: 10px;
	align-content: center;
}

.screenshot-placeholder span {
	display: block;
	height: 14px;
	border-radius: 999px;
	background: #dbeafe;
}

.screenshot-placeholder span:nth-child(1) { width: 72%; }
.screenshot-placeholder span:nth-child(2) { width: 92%; }
.screenshot-placeholder span:nth-child(3) { width: 54%; }

.faq-wrap { max-width: 920px; }

.faq-list {
	display: grid;
	gap: 14px;
}

.faq-item {
	padding: 0;
	box-shadow: none;
}

.faq-item summary {
	cursor: pointer;
	padding: 20px 24px;
	font-weight: 800;
}

.faq-item p {
	margin: 0;
	padding: 0 24px 22px;
	color: var(--color-muted);
}

@media (max-width: 980px) {
	.split-section,
	.plans-grid--two,
	.pricing-grid,
	.screenshot-grid,
	.feature-grid--three {
		grid-template-columns: 1fr 1fr;
	}
}

@media (max-width: 680px) {
	.split-section,
	.plans-grid--two,
	.pricing-grid,
	.screenshot-grid,
	.feature-grid--three {
		grid-template-columns: 1fr;
	}

	.solution-card,
	.plan-card,
	.pricing-card,
	.screenshot-card {
		padding: 24px;
	}

	.workflow-list li {
		padding: 12px 14px;
	}
}

/* Step 3: Pricing and documentation pages */
.page-hero { text-align: center; }
.page-hero__content { max-width: 840px; }
.page-hero h1 { margin: 0; font-size: clamp(2.5rem, 5vw, 4.4rem); line-height: 1.02; letter-spacing: -0.05em; }
.page-hero .hero__text { margin-left: auto; margin-right: auto; }

.pricing-grid--three { grid-template-columns: repeat(3, 1fr); align-items: stretch; }
.pricing-card--full { position: relative; display: flex; flex-direction: column; gap: 18px; }
.pricing-card--full h2 { margin: 0; font-size: 1.25rem; }
.pricing-card--full p { margin: 0; color: var(--color-muted); }
.pricing-card--full .button { margin-top: auto; width: 100%; }
.pricing-card__price { color: var(--color-text) !important; font-size: clamp(2.3rem, 4vw, 3.2rem); line-height: 1; font-weight: 900; letter-spacing: -0.05em; }
.pricing-card--featured { border-color: rgba(30, 115, 255, 0.45); box-shadow: 0 24px 60px rgba(30, 115, 255, 0.12); }
.pricing-badge { display: inline-flex; align-self: flex-start; padding: 7px 11px; border-radius: 999px; background: #eff6ff; color: var(--color-primary); font-size: 0.78rem; font-weight: 900; }
.trust-row { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin-top: 34px; }
.trust-row span { display: inline-flex; align-items: center; gap: 8px; padding: 10px 14px; border: 1px solid var(--color-border); border-radius: 999px; background: var(--color-white); color: var(--color-muted); font-weight: 700; }
.trust-row span::before { content: "✓"; color: var(--color-primary); font-weight: 900; }

.docs-card-grid { display: grid; grid-template-columns: 1.2fr 0.8fr; gap: 24px; }
.docs-product-card { border: 1px solid var(--color-border); border-radius: 24px; background: var(--color-white); box-shadow: var(--shadow-card); padding: 34px; }
.docs-product-card h2 { margin: 0 0 14px; font-size: clamp(1.7rem, 3vw, 2.4rem); line-height: 1.1; letter-spacing: -0.04em; }
.docs-product-card p { margin: 0 0 24px; color: var(--color-muted); }
.docs-product-card--placeholder { display: flex; flex-direction: column; justify-content: center; background: linear-gradient(180deg, #ffffff, #eff6ff); }
.docs-link-list { display: grid; gap: 10px; margin: 0 0 26px; padding: 0; list-style: none; }
.docs-link-list a { display: flex; justify-content: space-between; padding: 13px 14px; border: 1px solid var(--color-border); border-radius: 12px; color: var(--color-muted); font-weight: 700; }
.docs-link-list a::after { content: "→"; color: var(--color-primary); }
.docs-link-list a:hover { border-color: rgba(30, 115, 255, 0.45); color: var(--color-primary); }

.docs-section { background: var(--color-light); }
.docs-layout { display: grid; grid-template-columns: 280px minmax(0, 1fr); gap: 28px; align-items: start; }
.docs-sidebar { position: sticky; top: 100px; border: 1px solid var(--color-border); border-radius: 20px; background: var(--color-white); box-shadow: 0 12px 35px rgba(15, 23, 42, 0.05); padding: 14px; }
.docs-sidebar nav { display: grid; gap: 4px; }
.docs-sidebar a { padding: 11px 12px; border-radius: 11px; color: var(--color-muted); font-weight: 750; font-size: 0.95rem; }
.docs-sidebar a:hover { background: #eff6ff; color: var(--color-primary); }
.docs-content { display: grid; gap: 20px; }
.docs-article-card { scroll-margin-top: 110px; border: 1px solid var(--color-border); border-radius: 24px; background: var(--color-white); box-shadow: 0 12px 35px rgba(15, 23, 42, 0.05); padding: 34px; }
.docs-article-card h2 { margin: 0 0 14px; font-size: clamp(1.7rem, 3vw, 2.35rem); line-height: 1.12; letter-spacing: -0.04em; }
.docs-article-card h3 { margin: 24px 0 10px; font-size: 1.05rem; }
.docs-article-card p { margin: 0 0 16px; color: var(--color-muted); }
.docs-article-card ol, .docs-article-card ul { margin: 14px 0 0; padding-left: 22px; color: var(--color-muted); }
.docs-article-card li { margin: 8px 0; }
.check-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 18px; padding-left: 0 !important; list-style: none; }
.check-list li { position: relative; margin: 0; padding-left: 28px; }
.check-list li::before { position: absolute; left: 0; content: "✓"; color: var(--color-primary); font-weight: 900; }
.notice-note { padding: 16px 18px; border: 1px solid #bfdbfe; border-radius: 14px; background: #eff6ff; }
.docs-qa { padding-top: 14px; border-top: 1px solid var(--color-border); }
.docs-qa:first-of-type { border-top: 0; padding-top: 0; }
.docs-qa h3 { margin-top: 0; }
.docs-qa p { margin-bottom: 0; }

@media (max-width: 980px) {
	.pricing-grid--three,
	.docs-card-grid,
	.docs-layout {
		grid-template-columns: 1fr;
	}

	.docs-sidebar {
		position: relative;
		top: auto;
	}

	.docs-sidebar nav {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 680px) {
	.docs-sidebar nav,
	.check-list {
		grid-template-columns: 1fr;
	}

	.docs-product-card,
	.docs-article-card,
	.pricing-card--full {
		padding: 24px;
	}

	.trust-row { justify-content: flex-start; }
}

/* Step 4: Support, contact, and legal pages */
.support-grid,
.contact-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 24px;
	align-items: stretch;
}

.support-card,
.contact-card,
.contact-form-card,
.info-card,
.legal-content {
	border: 1px solid var(--color-border);
	border-radius: 24px;
	background: var(--color-white);
	box-shadow: var(--shadow-card);
}

.support-card {
	display: flex;
	flex-direction: column;
	gap: 16px;
	padding: 30px;
}

.support-card h2,
.contact-card h2,
.contact-form-card h2,
.info-card h2 {
	margin: 0 0 10px;
	font-size: clamp(1.45rem, 2.4vw, 2rem);
	line-height: 1.15;
	letter-spacing: -0.035em;
}

.support-card p,
.contact-card p,
.contact-form-card p,
.info-card p {
	margin: 0 0 18px;
	color: var(--color-muted);
}

.support-card .button { margin-top: auto; }

.narrow-container { max-width: 920px; }
.info-card { padding: 34px; }

.contact-grid {
	grid-template-columns: 0.85fr 1.15fr;
	align-items: start;
}

.contact-card,
.contact-form-card { padding: 34px; }
.contact-email { color: var(--color-primary); font-weight: 850; }
.contact-detail {
	margin-top: 24px;
	padding-top: 22px;
	border-top: 1px solid var(--color-border);
	display: grid;
	gap: 6px;
	color: var(--color-muted);
}
.contact-detail a { color: var(--color-primary); font-weight: 800; }

.form-placeholder {
	display: grid;
	gap: 14px;
	margin-top: 22px;
}

.form-placeholder span {
	display: block;
	width: 100%;
	padding: 14px 16px;
	border: 1px solid var(--color-border);
	border-radius: 12px;
	background: var(--color-light);
	color: #64748b;
	font-weight: 700;
}

.form-placeholder__message { min-height: 140px; }
.form-placeholder .button:disabled {
	cursor: not-allowed;
	opacity: 0.75;
}
.form-note {
	margin-top: 18px !important;
	font-size: 0.92rem;
}

.legal-section { background: var(--color-light); }
.legal-content {
	max-width: 850px;
	padding: clamp(28px, 5vw, 52px);
}

.legal-content h2 {
	margin: 34px 0 12px;
	font-size: clamp(1.45rem, 2.6vw, 2.15rem);
	line-height: 1.14;
	letter-spacing: -0.035em;
}

.legal-content h2:first-child { margin-top: 0; }
.legal-content p,
.legal-content li { color: var(--color-muted); }
.legal-content p { margin: 0 0 16px; }
.legal-content ul { margin: 12px 0 22px; padding-left: 22px; }
.legal-content li { margin: 8px 0; }
.legal-content a { color: var(--color-primary); font-weight: 800; }

@media (max-width: 980px) {
	.support-grid,
	.contact-grid {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 680px) {
	.support-card,
	.contact-card,
	.contact-form-card,
	.info-card,
	.legal-content {
		padding: 24px;
	}
}

/* Step 5: Product assets and screenshots */
.product-card__header {
	display: flex;
	align-items: center;
	gap: 16px;
	margin-bottom: 14px;
}

.product-card__header h2,
.product-card__header h3 {
	margin: 0;
}

.product-card__icon,
.product-hero__icon {
	flex: 0 0 auto;
	border-radius: 18px;
	box-shadow: 0 12px 28px rgba(15, 23, 42, 0.10);
}

.product-card__icon {
	width: 64px;
	height: 64px;
}

.product-hero__title {
	display: flex;
	align-items: center;
	gap: 20px;
}

.product-hero__title h1 {
	margin: 0;
}

.product-hero__icon {
	width: 96px;
	height: 96px;
}

.screenshot-grid--product {
	grid-template-columns: repeat(2, minmax(0, 1fr));
	align-items: start;
}

.screenshot-card--image {
	padding: 18px;
}

.screenshot-card--image h3 {
	margin: 16px 6px 4px;
}

.screenshot-card__link {
	display: block;
	border: 1px solid var(--color-border);
	border-radius: 16px;
	overflow: hidden;
	background: var(--color-white);
	box-shadow: 0 14px 34px rgba(15, 23, 42, 0.08);
}

.screenshot-card__link img {
	display: block;
	width: 100%;
	height: auto;
}

.screenshot-card__link:hover {
	transform: translateY(-2px);
	box-shadow: 0 18px 45px rgba(30, 115, 255, 0.14);
}

@media (max-width: 980px) {
	.screenshot-grid--product {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 680px) {
	.product-hero__title {
		align-items: flex-start;
		flex-direction: column;
	}

	.product-hero__icon {
		width: 76px;
		height: 76px;
	}
}

/* Step 6: Products hub */
.primary-menu a.is-current,
.primary-menu .current-menu-item > a,
.primary-menu .current_page_item > a {
	color: var(--color-primary);
}

.button--small {
	min-height: 38px;
	padding: 10px 14px;
	font-size: 0.9rem;
}

.button--disabled {
	background: #f1f5f9;
	color: #64748b;
	border: 1px solid var(--color-border);
	box-shadow: none;
	cursor: not-allowed;
}

.button--ghost-light {
	color: var(--color-white);
	border: 1px solid rgba(255,255,255,0.55);
	background: transparent;
}

.button--ghost-light:hover {
	background: rgba(255,255,255,0.12);
	color: var(--color-white);
}

.products-hero .page-hero__content {
	text-align: center;
}

.products-hero .hero__text {
	margin-left: auto;
	margin-right: auto;
}

.section-heading {
	max-width: 760px;
	margin: 0 auto 42px;
	text-align: center;
}

.section-heading h2 {
	margin: 0;
	font-size: clamp(2rem, 4vw, 3.1rem);
	line-height: 1.08;
	letter-spacing: -0.05em;
}

.section-heading p:not(.eyebrow) {
	margin: 14px auto 0;
	color: var(--color-muted);
	font-size: 1.05rem;
}

.featured-product-card {
	display: grid;
	grid-template-columns: 0.85fr 1.15fr;
	gap: 34px;
	align-items: center;
	padding: 34px;
	border: 1px solid var(--color-border);
	border-radius: 28px;
	background: var(--color-white);
	box-shadow: var(--shadow-card);
}

.featured-product-card__content > p {
	margin: 22px 0 0;
	color: var(--color-muted);
	font-size: 1.08rem;
}

.featured-product-card__title-row {
	display: flex;
	align-items: center;
	gap: 18px;
}

.featured-product-card__title-row h2 {
	margin: 8px 0 0;
	font-size: clamp(2rem, 4vw, 3.2rem);
	line-height: 1;
	letter-spacing: -0.05em;
}

.featured-product-card__icon {
	width: 96px;
	height: 96px;
	border-radius: 22px;
	box-shadow: 0 16px 38px rgba(15, 23, 42, 0.12);
}

.featured-product-card__media {
	display: block;
	border: 1px solid var(--color-border);
	border-radius: 22px;
	background: #f8fafc;
	overflow: hidden;
	box-shadow: 0 20px 50px rgba(15, 23, 42, 0.10);
}

.featured-product-card__media img {
	display: block;
	width: 100%;
	height: auto;
}

.featured-product-card__media:hover {
	transform: translateY(-2px);
	box-shadow: 0 22px 54px rgba(30, 115, 255, 0.15);
}

.status-badge {
	display: inline-flex;
	align-items: center;
	width: fit-content;
	padding: 7px 11px;
	border-radius: 999px;
	background: #f1f5f9;
	color: #475569;
	font-size: 0.78rem;
	font-weight: 900;
	letter-spacing: 0.02em;
}

.status-badge--live {
	background: #eff6ff;
	color: var(--color-primary);
}

.check-list {
	display: grid;
	gap: 10px;
	margin: 22px 0 0;
	padding: 0;
	list-style: none;
	color: var(--color-muted);
}

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

.check-list li {
	position: relative;
	padding-left: 28px;
}

.check-list li::before {
	position: absolute;
	left: 0;
	top: 0;
	content: "✓";
	color: var(--color-primary);
	font-weight: 900;
}

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

.catalog-card,
.timeline-card {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 14px;
	padding: 28px;
	border: 1px solid var(--color-border);
	border-radius: 20px;
	background: var(--color-white);
	box-shadow: 0 14px 34px rgba(15, 23, 42, 0.06);
}

.catalog-card h3,
.timeline-card h3 {
	margin: 0;
	font-size: 1.25rem;
	line-height: 1.2;
}

.catalog-card p {
	margin: 0;
	color: var(--color-muted);
}

.catalog-card .button-row {
	margin-top: auto;
}

.catalog-card--muted {
	background: linear-gradient(180deg, #ffffff, #f8fafc);
}

.timeline-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 22px;
}

.timeline-card {
	position: relative;
	padding-left: 34px;
}

.timeline-card::before {
	position: absolute;
	left: 0;
	top: 28px;
	bottom: 28px;
	width: 4px;
	border-radius: 999px;
	background: var(--color-primary);
	content: "";
}

.timeline-card span {
	display: inline-flex;
	padding: 7px 12px;
	border-radius: 999px;
	background: #eff6ff;
	color: var(--color-primary);
	font-weight: 900;
}

.feature-grid--four {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

@media (max-width: 1080px) {
	.catalog-grid,
	.feature-grid--four {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 980px) {
	.featured-product-card {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 720px) {
	.featured-product-card,
	.catalog-card,
	.timeline-card {
		padding: 24px;
	}

	.featured-product-card__title-row {
		align-items: flex-start;
		flex-direction: column;
	}

	.check-list--columns,
	.catalog-grid,
	.timeline-grid,
	.feature-grid--four {
		grid-template-columns: 1fr;
	}
}

/* Conversion funnel pages */
.funnel-page .page-hero {
	padding-bottom: 70px;
}

.funnel-grid {
	display: grid;
	grid-template-columns: minmax(0, 2fr) minmax(280px, 0.85fr);
	gap: 28px;
	align-items: start;
}

.funnel-card {
	background: var(--color-white);
	border: 1px solid var(--color-border);
	border-radius: 24px;
	box-shadow: var(--shadow-soft);
	padding: 34px;
}

.funnel-card__icon {
	display: block;
	width: 96px;
	height: 96px;
	margin-bottom: 18px;
	border-radius: 22px;
}

.funnel-card--main h2,
.funnel-card--side h2 {
	margin-top: 0;
}

.funnel-card--side {
	position: sticky;
	top: 110px;
}

.button--large {
	font-size: 1rem;
	padding: 15px 22px;
}

.pricing-grid--two {
	grid-template-columns: repeat(2, minmax(0, 1fr));
	align-items: stretch;
}

.comparison-table-wrap {
	overflow-x: auto;
	background: var(--color-white);
	border: 1px solid var(--color-border);
	border-radius: 20px;
	box-shadow: var(--shadow-soft);
}

.comparison-table {
	width: 100%;
	border-collapse: collapse;
	min-width: 720px;
}

.comparison-table th,
.comparison-table td {
	padding: 18px 20px;
	text-align: left;
	border-bottom: 1px solid var(--color-border);
}

.comparison-table th {
	background: var(--color-light);
	color: var(--color-heading);
	font-weight: 900;
}

.comparison-table tr:last-child td {
	border-bottom: 0;
}

.cta-section--center {
	margin-top: 34px;
	text-align: center;
	background: var(--color-white);
	border: 1px solid var(--color-border);
	border-radius: 24px;
	box-shadow: var(--shadow-soft);
	padding: 36px;
}

@media (max-width: 900px) {
	.funnel-grid,
	.pricing-grid--two {
		grid-template-columns: 1fr;
	}

	.funnel-card--side {
		position: static;
	}
}

@media (max-width: 720px) {
	.funnel-card,
	.cta-section--center {
		padding: 24px;
	}
}


/* Gutenberg page content support */
.dzair-page-content {
	max-width: 1200px;
	margin: 0 auto;
	padding: 40px 20px;
	color: var(--color-text);
}

.dzair-page-content > *:first-child {
	margin-top: 0;
}

.dzair-page-content > *:last-child {
	margin-bottom: 0;
}

.dzair-page-content h1,
.dzair-page-content h2,
.dzair-page-content h3,
.dzair-page-content h4,
.dzair-page-content h5,
.dzair-page-content h6 {
	color: var(--color-heading);
	line-height: 1.2;
	margin: 0 0 16px;
}

.dzair-page-content p,
.dzair-page-content ul,
.dzair-page-content ol,
.dzair-page-content table,
.dzair-page-content blockquote,
.dzair-page-content pre,
.dzair-page-content figure {
	margin-top: 0;
	margin-bottom: 24px;
}

.dzair-page-content ul,
.dzair-page-content ol {
	padding-left: 24px;
}

.dzair-page-content li {
	margin-bottom: 8px;
}

.dzair-page-content img {
	max-width: 100%;
	height: auto;
	border-radius: 16px;
}

.dzair-page-content .wp-block-group,
.dzair-page-content .wp-block-columns,
.dzair-page-content .wp-block-cover {
	margin-bottom: 32px;
}

.dzair-page-content .wp-block-columns {
	gap: 24px;
}

.dzair-page-content .wp-block-button__link {
	background: var(--color-primary);
	border-radius: 999px;
	box-shadow: var(--shadow-soft);
	font-weight: 800;
	text-decoration: none;
}

.dzair-page-content .wp-block-button.is-style-outline .wp-block-button__link {
	background: transparent;
	border: 1px solid var(--color-border);
	color: var(--color-primary);
}

.dzair-page-content table,
.dzair-page-content .wp-block-table table {
	width: 100%;
	border-collapse: collapse;
	background: var(--color-white);
	border: 1px solid var(--color-border);
	border-radius: 16px;
	overflow: hidden;
}

.dzair-page-content th,
.dzair-page-content td {
	border: 1px solid var(--color-border);
	padding: 14px 16px;
	text-align: left;
}

.dzair-page-content blockquote {
	border-left: 4px solid var(--color-primary);
	background: var(--color-light);
	border-radius: 16px;
	padding: 20px 24px;
}

.dzair-page-content pre,
.dzair-page-content code {
	background: #0f172a;
	color: #f8fafc;
	border-radius: 12px;
}

.dzair-page-content pre {
	overflow-x: auto;
	padding: 18px;
}

.page-hero--compact {
	padding: 64px 0 24px;
	background: var(--color-light);
}

.page-hero--compact h1 {
	margin: 0;
}

@media (max-width: 720px) {
	.dzair-page-content {
		padding: 32px 18px;
	}

	.dzair-page-content .wp-block-columns {
		gap: 16px;
	}
}

/* About page */
.about-hero .page-hero__content {
	max-width: 880px;
	text-align: center;
}

.about-hero__intro {
	max-width: 760px;
	margin: 18px auto 0;
	color: var(--color-muted);
	font-size: 1.05rem;
}

.about-mission-card,
.founder-card {
	border: 1px solid var(--color-border);
	border-radius: 24px;
	background: var(--color-white);
	box-shadow: var(--shadow-card);
}

.about-mission-card {
	max-width: 940px;
	margin: 0 auto;
	padding: 42px;
}

.about-mission-card h2 {
	max-width: 760px;
	margin: 0 0 22px;
	font-size: clamp(2rem, 4vw, 3rem);
	line-height: 1.08;
	letter-spacing: -0.04em;
}

.about-mission-card p:not(.eyebrow) {
	margin: 0 0 16px;
	color: var(--color-muted);
	font-size: 1.05rem;
}

.about-mission-card p:last-child {
	margin-bottom: 0;
}

.about-card-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 20px;
}

.about-build-card {
	display: flex;
	flex-direction: column;
	min-height: 100%;
}

.about-card-icon {
	display: inline-grid;
	place-items: center;
	width: 48px;
	height: 48px;
	margin-bottom: 18px;
	border-radius: 14px;
	background: linear-gradient(135deg, var(--color-primary), var(--color-wp-blue));
	color: var(--color-white);
	font-size: 0.82rem;
	font-weight: 900;
	letter-spacing: -0.03em;
}

.about-build-card h3 {
	margin: 0 0 12px;
	font-size: 1.2rem;
}

.about-build-card p {
	margin: 0;
	color: var(--color-muted);
}

.founder-card {
	display: grid;
	grid-template-columns: 0.9fr 1.1fr;
	gap: 34px;
	align-items: center;
	padding: 34px;
}

.founder-card__media {
	padding: 28px;
	border: 1px solid var(--color-border);
	border-radius: 22px;
	background: linear-gradient(180deg, #ffffff, #eff6ff);
	text-align: center;
}


.founder-photo {
	display: block;
	width: min(320px, 100%);
	aspect-ratio: 1;
	object-fit: cover;
	object-position: center top;
	margin: 0 auto;
	border-radius: 50%;
	box-shadow: 0 24px 60px rgba(15, 23, 42, 0.16);
	border: 6px solid #ffffff;
}

.founder-photo-placeholder {
	display: grid;
	place-items: center;
	width: min(260px, 80vw);
	aspect-ratio: 1;
	margin: 0 auto 18px;
	border-radius: 50%;
	background: radial-gradient(circle at 30% 30%, #dbeafe, #1e73ff);
	box-shadow: 0 20px 50px rgba(30, 115, 255, 0.22);
}

.founder-photo-placeholder span {
	color: var(--color-white);
	font-size: clamp(3rem, 8vw, 5rem);
	font-weight: 900;
	letter-spacing: -0.08em;
}

.founder-card__media p,
.founder-card__content p {
	color: var(--color-muted);
}

.founder-card__content h3 {
	margin: 0;
	font-size: clamp(2rem, 4vw, 3rem);
	line-height: 1.05;
	letter-spacing: -0.04em;
}

.founder-title {
	margin: 10px 0 22px;
	color: var(--color-primary) !important;
	font-weight: 800;
}

.expertise-tags {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 12px;
	max-width: 980px;
	margin: 0 auto;
}

.expertise-tags span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 42px;
	padding: 10px 16px;
	border: 1px solid var(--color-border);
	border-radius: 999px;
	background: var(--color-white);
	color: var(--color-text);
	font-weight: 800;
	box-shadow: 0 10px 24px rgba(15, 23, 42, 0.04);
}

.about-products-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 24px;
}

.about-product-card {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	min-height: 100%;
}

.about-product-card .button-row,
.about-product-card .button--disabled {
	margin-top: auto;
}

.about-product-category {
	margin: 16px 0 6px !important;
	color: var(--color-primary) !important;
	font-weight: 800;
}

.about-page .cta-card p {
	max-width: 760px;
	margin: 18px auto 0;
	color: rgba(255, 255, 255, 0.88);
	font-size: 1.08rem;
}

@media (max-width: 980px) {
	.about-card-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.founder-card {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 720px) {
	.about-mission-card,
	.founder-card,
	.founder-card__media {
		padding: 24px;
	}

	.about-card-grid,
	.about-products-grid {
		grid-template-columns: 1fr;
	}

	.expertise-tags {
		justify-content: flex-start;
	}

	.expertise-tags span {
		width: 100%;
	}
}

/* Homepage brand positioning update */
.dzair-homepage .hero__support {
	max-width: 640px;
	margin: 14px 0 0;
	color: #64748b;
	font-size: 1.02rem;
}

.home-proof-section {
	padding: 28px 0 0;
	background: #ffffff;
}

.home-badge-bar {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 12px;
	padding: 18px;
	border: 1px solid var(--color-border);
	border-radius: 22px;
	background: var(--color-white);
	box-shadow: var(--shadow-card);
}

.home-badge-pill,
.home-mini-pills span,
.home-audience-pills span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	border: 1px solid var(--color-border);
	border-radius: 999px;
	background: #ffffff;
	color: var(--color-text);
	font-weight: 800;
	line-height: 1;
}

.home-badge-pill {
	padding: 11px 15px;
	font-size: 0.92rem;
}

.home-badge-pill::before {
	content: "✓";
	display: inline-grid;
	place-items: center;
	width: 20px;
	height: 20px;
	border-radius: 999px;
	background: #eff6ff;
	color: var(--color-primary);
	font-weight: 900;
}

.home-featured-product {
	margin-top: 0;
}

.home-social-proof {
	padding-top: 64px;
	padding-bottom: 64px;
}

.home-stars-card {
	max-width: 820px;
	margin: 0 auto;
	padding: 36px 28px;
	border: 1px solid var(--color-border);
	border-radius: 24px;
	background: var(--color-white);
	box-shadow: var(--shadow-card);
	text-align: center;
}

.home-stars {
	margin-bottom: 10px;
	color: var(--color-primary);
	font-size: 1.8rem;
	letter-spacing: 0.16em;
	line-height: 1;
}

.home-stars-card h2 {
	margin: 0;
	font-size: clamp(1.7rem, 3vw, 2.5rem);
	line-height: 1.08;
	letter-spacing: -0.04em;
}

.home-stars-card p {
	max-width: 620px;
	margin: 14px auto 0;
	color: var(--color-muted);
	font-size: 1.04rem;
}

.home-mini-pills,
.home-audience-pills {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 10px;
	margin-top: 22px;
}

.home-mini-pills span,
.home-audience-pills span {
	padding: 10px 14px;
	background: #f8fafc;
	font-size: 0.92rem;
}

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

.home-card-category {
	margin-top: 4px !important;
	color: var(--color-primary) !important;
	font-size: 0.88rem;
	font-weight: 800;
}

.home-audience-section {
	padding-top: 72px;
	padding-bottom: 72px;
}

.home-audience-pills {
	max-width: 900px;
	margin-left: auto;
	margin-right: auto;
}

.home-audience-pills span {
	padding: 12px 16px;
	background: #ffffff;
	box-shadow: 0 10px 24px rgba(15, 23, 42, 0.04);
}

.dzair-homepage .feature-card {
	min-height: 100%;
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.dzair-homepage .feature-card:hover {
	transform: translateY(-3px);
}

@media (max-width: 900px) {
	.home-product-grid,
	.dzair-homepage .featured-product-card {
		grid-template-columns: 1fr;
	}

	.home-badge-bar {
		justify-content: flex-start;
	}
}

@media (max-width: 640px) {
	.home-proof-section {
		padding-top: 18px;
	}

	.home-badge-bar {
		display: grid;
		grid-template-columns: 1fr;
		padding: 14px;
	}

	.home-badge-pill {
		justify-content: flex-start;
		width: 100%;
	}

	.home-stars-card {
		padding: 28px 18px;
	}

	.home-stars {
		font-size: 1.35rem;
	}

	.home-mini-pills span,
	.home-audience-pills span {
		width: 100%;
	}
}

/* Products brand positioning update */
.product-category-badge,
.product-card-subtitle {
	display: inline-flex;
	align-items: center;
	width: fit-content;
	margin-top: 8px;
	padding: 7px 11px;
	border: 1px solid #bfdbfe;
	border-radius: 999px;
	background: #eff6ff;
	color: var(--color-primary);
	font-size: 0.78rem;
	font-weight: 900;
	letter-spacing: 0.02em;
}

.products-badge-row {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	align-items: center;
	margin-bottom: 16px;
}

.products-soon-card {
	background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
}

.products-soon-card h2 {
	margin: 0;
	font-size: clamp(2rem, 4vw, 3.2rem);
	line-height: 1;
	letter-spacing: -0.05em;
}

.products-soon-icon {
	display: inline-grid;
	place-items: center;
	width: 82px;
	height: 82px;
	margin-bottom: 18px;
	border-radius: 24px;
	background: linear-gradient(135deg, var(--color-primary), #60a5fa);
	color: #ffffff;
	font-size: 1.5rem;
	font-weight: 900;
	box-shadow: 0 18px 40px rgba(30, 115, 255, 0.22);
}

.products-note {
	margin-top: 14px !important;
	font-size: 0.95rem !important;
}

.products-soon-preview {
	min-height: 360px;
	display: grid;
	place-items: center;
	padding: 28px;
	border: 1px solid var(--color-border);
	border-radius: 22px;
	background:
		radial-gradient(circle at top left, rgba(30, 115, 255, 0.16), transparent 35%),
		linear-gradient(135deg, #eff6ff, #ffffff);
	box-shadow: 0 20px 50px rgba(15, 23, 42, 0.08);
}

.products-pin-card {
	width: min(360px, 100%);
	padding: 30px;
	border: 1px solid rgba(30, 115, 255, 0.18);
	border-radius: 26px;
	background: #ffffff;
	box-shadow: 0 20px 50px rgba(15, 23, 42, 0.10);
}

.products-pin-card span {
	display: inline-flex;
	margin-bottom: 12px;
	color: var(--color-primary);
	font-size: 0.82rem;
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: 0.08em;
}

.products-pin-card strong {
	display: block;
	color: var(--color-heading);
	font-size: clamp(1.4rem, 3vw, 2.2rem);
	line-height: 1.1;
	letter-spacing: -0.04em;
}

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

.products-two-grid .catalog-card {
	min-height: 100%;
}

.products-hub .feature-card {
	min-height: 100%;
}

@media (max-width: 720px) {
	.products-two-grid {
		grid-template-columns: 1fr;
	}

	.products-soon-preview {
		min-height: 260px;
		padding: 20px;
	}
}

/* Roadmap page */
.roadmap-page .roadmap-hero__support {
	max-width: 780px;
	margin: 14px auto 0;
	color: var(--color-muted);
	font-size: 1.05rem;
	line-height: 1.7;
}

.roadmap-legend-section {
	padding: 26px 0;
	background: #ffffff;
}

.roadmap-legend {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 12px;
	padding: 18px;
	border: 1px solid var(--color-border);
	border-radius: 20px;
	background: #ffffff;
	box-shadow: 0 16px 38px rgba(15, 23, 42, 0.06);
}

.roadmap-status {
	display: inline-flex;
	align-items: center;
	width: fit-content;
	padding: 7px 12px;
	border: 1px solid var(--color-border);
	border-radius: 999px;
	background: #f8fafc;
	color: var(--color-heading);
	font-size: 0.78rem;
	font-weight: 900;
	letter-spacing: 0.02em;
}

.roadmap-status--live {
	border-color: #bbf7d0;
	background: #f0fdf4;
	color: #15803d;
}

.roadmap-status--development {
	border-color: #bfdbfe;
	background: #eff6ff;
	color: var(--color-primary);
}

.roadmap-status--planned {
	border-color: #fde68a;
	background: #fffbeb;
	color: #b45309;
}

.roadmap-status--research {
	border-color: #ddd6fe;
	background: #f5f3ff;
	color: #6d28d9;
}

.roadmap-card,
.roadmap-mini-card {
	position: relative;
	padding: 34px;
	border: 1px solid var(--color-border);
	border-radius: 24px;
	background: #ffffff;
	box-shadow: 0 20px 50px rgba(15, 23, 42, 0.08);
}

.roadmap-card--featured,
.roadmap-card--development {
	overflow: hidden;
}

.roadmap-card--featured::after,
.roadmap-card--development::after {
	content: "";
	position: absolute;
	top: -90px;
	right: -90px;
	width: 220px;
	height: 220px;
	border-radius: 999px;
	background: rgba(30, 115, 255, 0.10);
	pointer-events: none;
}

.roadmap-card__content {
	position: relative;
	z-index: 1;
}

.roadmap-card__meta {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	align-items: center;
	margin-bottom: 18px;
}

.roadmap-card h3,
.roadmap-mini-card h3 {
	margin: 0 0 14px;
	color: var(--color-heading);
	font-size: clamp(1.65rem, 3vw, 2.55rem);
	line-height: 1.08;
	letter-spacing: -0.04em;
}

.roadmap-mini-card h3 {
	font-size: 1.45rem;
	letter-spacing: -0.03em;
}

.roadmap-card p,
.roadmap-mini-card p {
	color: var(--color-muted);
	line-height: 1.7;
}

.roadmap-card h4 {
	margin: 26px 0 10px;
	color: var(--color-heading);
	font-size: 1rem;
}

.roadmap-facts {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
	margin: 24px 0;
}

.roadmap-facts span {
	display: block;
	padding: 14px 16px;
	border: 1px solid var(--color-border);
	border-radius: 16px;
	background: #f8fafc;
	color: var(--color-muted);
}

.roadmap-facts strong {
	color: var(--color-heading);
}

.roadmap-note {
	margin-top: 14px !important;
	font-size: 0.95rem !important;
}

.roadmap-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 22px;
}

.roadmap-mini-card {
	display: flex;
	min-height: 100%;
	flex-direction: column;
	gap: 8px;
}

.roadmap-priority-grid .feature-card {
	min-height: 100%;
}

@media (max-width: 900px) {
	.roadmap-grid,
	.roadmap-facts {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 640px) {
	.roadmap-card,
	.roadmap-mini-card {
		padding: 24px;
	}

	.roadmap-legend {
		justify-content: flex-start;
	}
}

/* Changelog page */
.changelog-page .changelog-hero__support {
	max-width: 780px;
	margin: 14px auto 0;
	color: var(--color-muted);
	font-size: 1.05rem;
	line-height: 1.7;
}

.changelog-filter-section {
	padding: 26px 0;
	background: #ffffff;
}

.changelog-filter {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 12px;
	padding: 18px;
	border: 1px solid var(--color-border);
	border-radius: 20px;
	background: #ffffff;
	box-shadow: 0 16px 38px rgba(15, 23, 42, 0.06);
}

.changelog-filter__item {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 10px 15px;
	border: 1px solid var(--color-border);
	border-radius: 999px;
	background: #f8fafc;
	color: var(--color-heading);
	font-size: 0.88rem;
	font-weight: 900;
}

.changelog-filter__item--active {
	border-color: rgba(30, 115, 255, 0.22);
	background: rgba(30, 115, 255, 0.08);
	color: var(--color-primary);
}

.changelog-filter__item--soon {
	color: var(--color-muted);
}

.changelog-filter__item small {
	font-size: 0.72rem;
	font-weight: 800;
	color: var(--color-muted);
}

.changelog-product-meta {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 10px;
	margin-top: 16px;
}

.changelog-entry {
	display: grid;
	grid-template-columns: 180px minmax(0, 1fr);
	gap: 24px;
	align-items: start;
}

.changelog-entry__meta {
	position: sticky;
	top: 100px;
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding: 22px;
	border: 1px solid var(--color-border);
	border-radius: 20px;
	background: #ffffff;
	box-shadow: 0 16px 38px rgba(15, 23, 42, 0.06);
}

.changelog-version {
	color: var(--color-heading);
	font-size: 1.35rem;
	font-weight: 900;
	letter-spacing: -0.03em;
}

.changelog-date {
	color: var(--color-muted);
	font-weight: 800;
}

.changelog-badge {
	display: inline-flex;
	align-items: center;
	width: fit-content;
	padding: 7px 10px;
	border: 1px solid #bfdbfe;
	border-radius: 999px;
	background: #eff6ff;
	color: var(--color-primary);
	font-size: 0.75rem;
	font-weight: 900;
}

.changelog-entry__card,
.changelog-coming-card {
	position: relative;
	overflow: hidden;
	padding: 34px;
	border: 1px solid var(--color-border);
	border-radius: 24px;
	background: #ffffff;
	box-shadow: 0 20px 50px rgba(15, 23, 42, 0.08);
}

.changelog-entry__card::after,
.changelog-coming-card::after {
	content: "";
	position: absolute;
	top: -90px;
	right: -90px;
	width: 220px;
	height: 220px;
	border-radius: 999px;
	background: rgba(30, 115, 255, 0.10);
	pointer-events: none;
}

.changelog-entry__card > *,
.changelog-coming-card > * {
	position: relative;
	z-index: 1;
}

.changelog-entry__card h3,
.changelog-coming-card h3 {
	margin: 0 0 14px;
	color: var(--color-heading);
	font-size: clamp(1.65rem, 3vw, 2.35rem);
	line-height: 1.12;
	letter-spacing: -0.04em;
}

.changelog-entry__card p,
.changelog-coming-card p {
	color: var(--color-muted);
	line-height: 1.7;
}

.changelog-columns {
	display: grid;
	grid-template-columns: minmax(0, 1.25fr) minmax(0, 0.85fr);
	gap: 22px;
	margin: 28px 0;
}

.changelog-columns > div {
	padding: 22px;
	border: 1px solid var(--color-border);
	border-radius: 20px;
	background: #f8fafc;
}

.changelog-columns h4 {
	margin: 0 0 12px;
	color: var(--color-heading);
	font-size: 1rem;
}

.changelog-columns .check-list {
	margin: 0;
}

.changelog-coming-card {
	max-width: 900px;
	margin: 0 auto;
	text-align: center;
}

.changelog-coming-card .button {
	margin-top: 14px;
}

.changelog-update-grid .feature-card {
	min-height: 100%;
}

@media (max-width: 900px) {
	.changelog-entry,
	.changelog-columns {
		grid-template-columns: 1fr;
	}

	.changelog-entry__meta {
		position: static;
		flex-direction: row;
		flex-wrap: wrap;
		align-items: center;
	}
}

@media (max-width: 640px) {
	.changelog-filter {
		justify-content: flex-start;
	}

	.changelog-entry__card,
	.changelog-coming-card {
		padding: 24px;
	}
}


/* SEO Landing Pages */
.seo-landing-page{background:#fff;color:#0f172a}.seo-hero{background:linear-gradient(135deg,#f8fafc 0%,#eef6ff 100%);padding:92px 0 72px;border-bottom:1px solid #e2e8f0}.seo-hero__grid{display:grid;grid-template-columns:minmax(0,1.3fr) 420px;gap:48px;align-items:center}.seo-hero h1{font-size:clamp(2.4rem,5vw,4.2rem);line-height:1.05;margin:0 0 22px}.seo-hero__content p{font-size:1.08rem;line-height:1.8;color:#334155;max-width:760px}.seo-hero__card,.seo-product-cta,.seo-toc,.seo-faq-card,.seo-mini-card,.seo-card-grid article,.seo-screenshot,.seo-code-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 20px 50px rgba(15,23,42,.08)}.seo-hero__card{padding:32px}.seo-hero__card img{border-radius:18px;box-shadow:0 12px 28px rgba(30,115,255,.16)}.seo-hero__card h2{margin:18px 0 10px}.seo-content-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:32px;align-items:start}.seo-toc,.seo-product-cta{padding:28px}.seo-toc h2,.seo-product-cta h2{font-size:1.25rem;margin:0 0 16px}.seo-toc ol{columns:2;margin:0;padding-left:22px}.seo-toc li{break-inside:avoid;margin:0 0 10px}.seo-toc a{font-weight:700;color:#1e73ff;text-decoration:none}.seo-article-wrap{max-width:980px}.seo-article-wrap>h2,.seo-two-col h2{font-size:clamp(2rem,3vw,2.8rem);line-height:1.14;margin-top:0}.seo-article-wrap p,.seo-two-col p{font-size:1.02rem;line-height:1.85;color:#334155}.seo-two-col{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,520px);gap:42px;align-items:center}.seo-card-stack{display:grid;gap:16px}.seo-mini-card{padding:22px}.seo-mini-card h3,.seo-card-grid h3,.seo-faq-card h3{margin-top:0}.seo-callout{border-radius:20px;padding:26px 28px;margin:28px 0;border:1px solid #bfdbfe;background:#eff6ff}.seo-callout--warning{background:#fffbeb;border-color:#fde68a}.seo-callout h3{margin-top:0}.table-wrap{overflow-x:auto;border-radius:20px;border:1px solid #e2e8f0;box-shadow:0 20px 50px rgba(15,23,42,.06);background:#fff;margin:28px 0}.seo-table{width:100%;border-collapse:collapse;background:#fff}.seo-table th,.seo-table td{padding:16px 18px;border-bottom:1px solid #e2e8f0;text-align:left;vertical-align:top}.seo-table th{background:#f8fafc;color:#0f172a;font-weight:800}.seo-table tr:last-child td{border-bottom:0}.seo-steps{counter-reset:step;list-style:none;margin:24px 0;padding:0;display:grid;gap:12px}.seo-steps li{position:relative;padding:14px 18px 14px 54px;background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 10px 28px rgba(15,23,42,.05);font-weight:650}.seo-steps li:before{counter-increment:step;content:counter(step);position:absolute;left:14px;top:12px;width:28px;height:28px;border-radius:50%;background:#1e73ff;color:#fff;display:grid;place-items:center;font-weight:800}.seo-screenshot{padding:16px;margin:0}.seo-screenshot img{width:100%;height:auto;border-radius:16px;border:1px solid #e2e8f0;display:block}.seo-screenshot figcaption{font-size:.92rem;color:#64748b;margin:12px 4px 2px;line-height:1.5}.seo-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:28px 0}.seo-card-grid article{padding:26px}.seo-link-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:24px}.seo-link-grid a{display:block;padding:18px 20px;background:#fff;border:1px solid #bfdbfe;border-radius:16px;color:#1e73ff;font-weight:800;text-decoration:none;box-shadow:0 12px 30px rgba(15,23,42,.06)}.seo-code-card{padding:24px;margin:26px 0}.seo-code-card pre{background:#0f172a;color:#e2e8f0;border-radius:14px;padding:18px;overflow:auto}.seo-faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.seo-faq-card{padding:26px}.seo-final-cta{background:linear-gradient(135deg,#1e73ff 0%,#0f5bd7 100%);color:#fff;text-align:center}.seo-final-cta p{color:#eaf2ff}.seo-final-cta .button--secondary{background:#fff;color:#1e73ff;border-color:#fff}.seo-landing-page code{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;padding:2px 6px}.seo-landing-page a:not(.button){text-decoration-thickness:2px;text-underline-offset:3px}@media (max-width: 980px){.seo-hero__grid,.seo-content-grid,.seo-two-col{grid-template-columns:1fr}.seo-hero{padding:72px 0 56px}.seo-product-cta{order:-1}.seo-toc ol{columns:1}.seo-card-grid,.seo-faq-grid,.seo-link-grid{grid-template-columns:1fr}}@media (max-width: 640px){.seo-hero__card,.seo-product-cta,.seo-toc,.seo-faq-card,.seo-mini-card,.seo-card-grid article{padding:22px}.seo-hero .button-row,.seo-final-cta .button-row{width:100%}.seo-hero .button,.seo-final-cta .button{width:100%;justify-content:center}.seo-table th,.seo-table td{padding:13px 14px}.seo-hero h1{font-size:2.2rem}}


/* Internal linking and crawl path components */
.dzair-breadcrumbs {
	background: #f8fafc;
	border-bottom: 1px solid #e2e8f0;
	font-size: 0.92rem;
}
.dzair-breadcrumbs .container {
	padding-top: 14px;
	padding-bottom: 14px;
}
.dzair-breadcrumbs ol {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap;
}
.dzair-breadcrumbs li {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	color: #64748b;
}
.dzair-breadcrumbs li + li::before {
	content: "→";
	color: #94a3b8;
}
.dzair-breadcrumbs a {
	color: #1e73ff;
	font-weight: 700;
	text-decoration: none;
}
.dzair-breadcrumbs span {
	color: #334155;
	font-weight: 700;
}
.dzair-related-links {
	background: #f8fafc;
}
.dzair-related-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 18px;
}
.dzair-related-card {
	display: flex;
	flex-direction: column;
	gap: 10px;
	min-height: 170px;
	background: #fff;
	border: 1px solid #e2e8f0;
	border-radius: 18px;
	padding: 24px;
	box-shadow: 0 16px 40px rgba(15, 23, 42, 0.06);
	color: #334155;
	text-decoration: none;
	transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.dzair-related-card:hover,
.dzair-related-card:focus {
	transform: translateY(-3px);
	box-shadow: 0 22px 50px rgba(15, 23, 42, 0.1);
	border-color: rgba(30, 115, 255, 0.35);
}
.dzair-related-card__title {
	font-size: 1.05rem;
	font-weight: 800;
	color: #0f172a;
}
.dzair-related-card__text {
	line-height: 1.65;
}
.dzair-related-card__arrow {
	margin-top: auto;
	font-weight: 900;
	color: #1e73ff;
}
.dzair-link-box {
	background: #fff;
	border: 1px solid #e2e8f0;
	border-radius: 18px;
	padding: 28px;
	box-shadow: 0 16px 40px rgba(15, 23, 42, 0.06);
}
.dzair-inline-links {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 16px;
}
.dzair-inline-links a {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 10px 14px;
	border-radius: 999px;
	border: 1px solid #bfdbfe;
	background: #eff6ff;
	color: #1e40af;
	font-weight: 700;
	text-decoration: none;
}
.site-footer__grid--expanded {
	grid-template-columns: 1.2fr repeat(4, 1fr);
}
@media (max-width: 960px) {
	.dzair-related-grid,
	.site-footer__grid--expanded {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}
@media (max-width: 640px) {
	.dzair-related-grid,
	.site-footer__grid--expanded {
		grid-template-columns: 1fr;
	}
	.dzair-related-card {
		min-height: auto;
	}
}

/* Editable Gutenberg seeded content pages */
.seo-landing-page .wp-block-button.button .wp-block-button__link,
.seo-landing-page .wp-block-button .wp-block-button__link{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;padding:13px 22px;font-weight:800;text-decoration:none;background:#1e73ff;color:#fff;border:1px solid #1e73ff;box-shadow:0 12px 28px rgba(30,115,255,.18)}
.seo-landing-page .wp-block-button.is-style-outline .wp-block-button__link,
.seo-landing-page .wp-block-button.button--secondary .wp-block-button__link{background:#fff;color:#1e73ff;border-color:#bfdbfe;box-shadow:none}
.seo-landing-page .wp-block-buttons.button-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.seo-landing-page .wp-block-group.section{padding:72px 24px;margin:0 auto}
.seo-landing-page>.wp-block-group{max-width:none}
.seo-landing-page .seo-article-wrap{max-width:980px;margin-left:auto;margin-right:auto}
.seo-landing-page .seo-hero{padding:92px 24px 72px;background:linear-gradient(135deg,#f8fafc 0%,#eef6ff 100%);border-bottom:1px solid #e2e8f0}
.seo-landing-page .seo-hero>*{max-width:1100px;margin-left:auto;margin-right:auto}
.seo-landing-page .seo-toc{max-width:980px;margin:40px auto;padding:28px}
.seo-landing-page .seo-toc ol{columns:2}
.seo-landing-page .wp-block-group.seo-card-grid{max-width:1100px;margin:48px auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding:0 24px}
.seo-landing-page .wp-block-group.seo-faq-grid{max-width:1100px;margin:48px auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding:0 24px}
.seo-landing-page .seo-faq-grid>h2,.seo-landing-page .seo-card-grid>h2{grid-column:1/-1}
.seo-landing-page .seo-related-link{background:#fff;border:1px solid #bfdbfe;border-radius:16px;box-shadow:0 12px 30px rgba(15,23,42,.06);padding:18px 20px;margin:0}
.seo-landing-page .seo-related-link a{font-weight:800;color:#1e73ff;text-decoration:none}
.seo-landing-page .wp-block-group.seo-faq-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 20px 50px rgba(15,23,42,.08);padding:26px}
.seo-landing-page .wp-block-group.seo-callout{max-width:900px;border-radius:20px;padding:26px 28px;margin:28px auto;border:1px solid #bfdbfe;background:#eff6ff}
.seo-landing-page .wp-block-group.seo-callout--warning{background:#fffbeb;border-color:#fde68a}
.seo-landing-page .wp-block-group.cta-panel{max-width:1100px;margin:72px auto;padding:48px 28px;border-radius:24px}
.seo-landing-page .wp-block-group.cta-panel h2{text-align:center}
.seo-landing-page .wp-block-group.cta-panel p{text-align:center;max-width:760px;margin-left:auto;margin-right:auto}
@media (max-width: 780px){.seo-landing-page .seo-toc ol{columns:1}.seo-landing-page .wp-block-group.seo-card-grid,.seo-landing-page .wp-block-group.seo-faq-grid{grid-template-columns:1fr}.seo-landing-page .wp-block-button,.seo-landing-page .wp-block-button .wp-block-button__link{width:100%}}

/* Modern single post / editable SEO content layout */
.ds-post-page {
	background: linear-gradient(180deg, #f8fafc 0%, #ffffff 42%, #f8fafc 100%);
	padding: 36px 0 88px;
}

.ds-post-shell {
	width: min(100% - 40px, 1180px);
	margin: 0 auto;
}

.ds-post-page .breadcrumbs,
.ds-post-page .dzair-breadcrumbs {
	margin: 0 0 22px;
	font-size: 0.9rem;
	color: var(--color-muted);
}

.ds-post-article {
	background: var(--color-white);
	border: 1px solid var(--color-border);
	border-radius: 28px;
	box-shadow: 0 24px 70px rgba(15, 23, 42, 0.09);
	overflow: hidden;
}

.ds-post-content {
	font-size: 1.065rem;
	line-height: 1.82;
	color: var(--color-text);
}

.ds-post-content a:not(.button):not(.wp-block-button__link) {
	color: var(--color-primary);
	text-decoration-thickness: 2px;
	text-underline-offset: 3px;
}

.ds-post-content > *:first-child { margin-top: 0; }
.ds-post-content > *:last-child { margin-bottom: 0; }

.ds-post-content .seo-landing-page {
	background: var(--color-white);
	color: var(--color-text);
}

.ds-post-content .seo-hero {
	padding: 72px 64px 62px;
	background:
		radial-gradient(circle at 88% 12%, rgba(30, 115, 255, 0.14), transparent 32%),
		linear-gradient(135deg, #ffffff 0%, #f8fbff 42%, #eef6ff 100%);
	border-bottom: 1px solid var(--color-border);
}

.ds-post-content .seo-hero > * {
	max-width: 980px;
	margin-left: auto;
	margin-right: auto;
}

.ds-post-content .seo-hero .eyebrow,
.ds-post-content .eyebrow {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin: 0 0 16px;
	padding: 8px 12px;
	border: 1px solid #bfdbfe;
	border-radius: 999px;
	background: #eff6ff;
	color: var(--color-primary);
	font-size: 0.78rem;
	font-weight: 900;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

.ds-post-content .seo-hero h1,
.ds-post-content h1 {
	max-width: 980px;
	margin: 0 auto 22px;
	font-size: clamp(2.25rem, 5vw, 4.25rem);
	line-height: 1.04;
	letter-spacing: -0.045em;
	color: var(--color-text);
}

.ds-post-content .seo-hero p:not(.eyebrow) {
	max-width: 910px;
	margin: 0 auto 18px;
	font-size: clamp(1.04rem, 1.8vw, 1.18rem);
	line-height: 1.85;
	color: #334155;
}

.ds-post-content .wp-block-buttons.button-row,
.ds-post-content .button-row {
	display: flex;
	gap: 14px;
	flex-wrap: wrap;
	align-items: center;
	margin-top: 28px;
}

.ds-post-content .seo-hero .button-row {
	max-width: 980px;
	margin-left: auto;
	margin-right: auto;
}

.ds-post-content .wp-block-button .wp-block-button__link,
.ds-post-content .wp-block-button.button .wp-block-button__link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 48px;
	padding: 14px 24px;
	border-radius: 999px;
	background: var(--color-primary);
	border: 1px solid var(--color-primary);
	box-shadow: 0 14px 30px rgba(30, 115, 255, 0.22);
	color: #fff;
	font-weight: 850;
	line-height: 1;
	text-decoration: none;
}

.ds-post-content .wp-block-button.is-style-outline .wp-block-button__link,
.ds-post-content .wp-block-button.button--secondary .wp-block-button__link {
	background: #fff;
	border-color: #cbd5e1;
	box-shadow: none;
	color: var(--color-text);
}

.ds-post-content .seo-toc {
	max-width: 980px;
	margin: 46px auto;
	padding: 30px;
	background: #fff;
	border: 1px solid var(--color-border);
	border-radius: 22px;
	box-shadow: 0 18px 50px rgba(15, 23, 42, 0.07);
}

.ds-post-content .seo-toc h2 {
	margin: 0 0 18px;
	font-size: 1.35rem;
	letter-spacing: -0.02em;
}

.ds-post-content .seo-toc ol {
	columns: 2;
	column-gap: 36px;
	margin: 0;
	padding-left: 22px;
}

.ds-post-content .seo-toc li {
	break-inside: avoid;
	margin: 0 0 11px;
	padding-left: 4px;
}

.ds-post-content .seo-toc a {
	font-weight: 750;
	text-decoration: none !important;
}

.ds-post-content .wp-block-group.section,
.ds-post-content .wp-block-group.seo-article-wrap {
	max-width: 980px;
	margin: 0 auto;
	padding: 54px 64px;
}

.ds-post-content .wp-block-group.section + .wp-block-group.section,
.ds-post-content .wp-block-group.seo-article-wrap + .wp-block-group.seo-article-wrap {
	border-top: 1px solid #edf2f7;
}

.ds-post-content .seo-article-wrap h2,
.ds-post-content h2 {
	margin: 0 0 18px;
	font-size: clamp(1.75rem, 3vw, 2.55rem);
	line-height: 1.14;
	letter-spacing: -0.035em;
	color: var(--color-text);
}

.ds-post-content h3 {
	margin: 0 0 12px;
	font-size: 1.25rem;
	line-height: 1.25;
	letter-spacing: -0.02em;
	color: var(--color-text);
}

.ds-post-content p {
	margin: 0 0 18px;
	color: #334155;
}

.ds-post-content ul,
.ds-post-content ol {
	margin-top: 16px;
	margin-bottom: 22px;
	padding-left: 24px;
}

.ds-post-content li { margin-bottom: 9px; }

.ds-post-content .seo-callout {
	max-width: 900px;
	margin: 30px auto;
	padding: 26px 28px;
	border: 1px solid #bfdbfe;
	border-radius: 20px;
	background: linear-gradient(135deg, #eff6ff 0%, #ffffff 100%);
	box-shadow: 0 14px 35px rgba(15, 23, 42, 0.06);
}

.ds-post-content .seo-callout--warning {
	background: linear-gradient(135deg, #fffbeb 0%, #ffffff 100%);
	border-color: #fde68a;
}

.ds-post-content .seo-steps {
	counter-reset: step;
	list-style: none;
	display: grid;
	gap: 12px;
	margin: 26px 0;
	padding: 0;
}

.ds-post-content .seo-steps li {
	position: relative;
	margin: 0;
	padding: 16px 18px 16px 58px;
	background: #fff;
	border: 1px solid var(--color-border);
	border-radius: 16px;
	box-shadow: 0 12px 30px rgba(15, 23, 42, 0.06);
	font-weight: 700;
}

.ds-post-content .seo-steps li::before {
	counter-increment: step;
	content: counter(step);
	position: absolute;
	left: 16px;
	top: 14px;
	display: grid;
	place-items: center;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: var(--color-primary);
	color: #fff;
	font-weight: 900;
	font-size: 0.9rem;
}

.ds-post-content .wp-block-table,
.ds-post-content .seo-table {
	width: 100%;
	margin: 30px 0;
	overflow-x: auto;
	border: 1px solid var(--color-border);
	border-radius: 20px;
	box-shadow: 0 18px 45px rgba(15, 23, 42, 0.06);
	background: #fff;
}

.ds-post-content .wp-block-table table,
.ds-post-content .seo-table table,
.ds-post-content figure.seo-table table {
	width: 100%;
	border-collapse: collapse;
	min-width: 680px;
}

.ds-post-content .wp-block-table th,
.ds-post-content .wp-block-table td,
.ds-post-content .seo-table th,
.ds-post-content .seo-table td {
	padding: 16px 18px;
	border-bottom: 1px solid var(--color-border);
	text-align: left;
	vertical-align: top;
}

.ds-post-content .wp-block-table th,
.ds-post-content .seo-table th {
	background: #f8fafc;
	font-weight: 850;
	color: var(--color-text);
}

.ds-post-content .seo-screenshot,
.ds-post-content figure.wp-block-image.seo-screenshot {
	max-width: 1080px;
	margin: 34px auto;
	padding: 16px;
	background: #fff;
	border: 1px solid var(--color-border);
	border-radius: 24px;
	box-shadow: 0 24px 60px rgba(15, 23, 42, 0.10);
}

.ds-post-content .seo-screenshot img,
.ds-post-content figure.wp-block-image.seo-screenshot img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 18px;
	border: 1px solid var(--color-border);
}

.ds-post-content .seo-screenshot figcaption {
	margin: 12px 6px 2px;
	color: var(--color-muted);
	font-size: 0.92rem;
	text-align: center;
}

.ds-post-content .wp-block-group.seo-card-grid,
.ds-post-content .wp-block-group.seo-faq-grid {
	max-width: 1080px;
	margin: 54px auto;
	padding: 0 64px;
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 18px;
}

.ds-post-content .seo-card-grid > h2,
.ds-post-content .seo-faq-grid > h2 {
	grid-column: 1 / -1;
	margin-bottom: 8px;
}

.ds-post-content .seo-related-link,
.ds-post-content .seo-faq-card {
	margin: 0;
	padding: 22px 24px;
	background: #fff;
	border: 1px solid var(--color-border);
	border-radius: 18px;
	box-shadow: 0 14px 36px rgba(15, 23, 42, 0.07);
}

.ds-post-content .seo-related-link a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	font-weight: 850;
	text-decoration: none !important;
}

.ds-post-content .seo-faq-card h3 { margin-bottom: 10px; }
.ds-post-content .seo-faq-card p:last-child { margin-bottom: 0; }

.ds-post-content .wp-block-group.cta-panel,
.ds-post-content .seo-final-cta {
	max-width: 1080px;
	margin: 64px auto 0;
	padding: 54px 46px;
	border-radius: 28px;
	background: linear-gradient(135deg, #1e73ff 0%, #0f5bd7 100%);
	box-shadow: 0 28px 70px rgba(30, 115, 255, 0.25);
	color: #fff;
	text-align: center;
}

.ds-post-content .seo-final-cta h2,
.ds-post-content .seo-final-cta p,
.ds-post-content .wp-block-group.cta-panel h2,
.ds-post-content .wp-block-group.cta-panel p {
	color: #fff;
	max-width: 780px;
	margin-left: auto;
	margin-right: auto;
}

.ds-post-content .seo-final-cta .button-row,
.ds-post-content .wp-block-group.cta-panel .button-row {
	justify-content: center;
}

.ds-post-content .seo-final-cta .wp-block-button.is-style-outline .wp-block-button__link,
.ds-post-content .seo-final-cta .wp-block-button.button--secondary .wp-block-button__link,
.ds-post-content .wp-block-group.cta-panel .wp-block-button.is-style-outline .wp-block-button__link,
.ds-post-content .wp-block-group.cta-panel .wp-block-button.button--secondary .wp-block-button__link {
	background: #fff;
	border-color: #fff;
	color: var(--color-primary);
}

/* General posts that are not Dzair Service seeded guides */
.ds-post-content:not(:has(.seo-landing-page)) {
	max-width: 860px;
	margin: 0 auto;
	padding: 64px;
}

@media (max-width: 900px) {
	.ds-post-shell { width: min(100% - 28px, 1180px); }
	.ds-post-content .seo-hero,
	.ds-post-content .wp-block-group.section,
	.ds-post-content .wp-block-group.seo-article-wrap {
		padding-left: 34px;
		padding-right: 34px;
	}
	.ds-post-content .wp-block-group.seo-card-grid,
	.ds-post-content .wp-block-group.seo-faq-grid {
		grid-template-columns: 1fr;
		padding-left: 34px;
		padding-right: 34px;
	}
	.ds-post-content .seo-toc ol { columns: 1; }
}

@media (max-width: 640px) {
	.ds-post-page { padding: 22px 0 58px; }
	.ds-post-shell { width: min(100% - 18px, 1180px); }
	.ds-post-article { border-radius: 20px; }
	.ds-post-content .seo-hero {
		padding: 46px 22px 40px;
	}
	.ds-post-content .seo-hero h1,
	.ds-post-content h1 {
		font-size: 2.18rem;
	}
	.ds-post-content .seo-toc,
	.ds-post-content .seo-screenshot,
	.ds-post-content .wp-block-group.cta-panel,
	.ds-post-content .seo-final-cta {
		margin-left: 16px;
		margin-right: 16px;
	}
	.ds-post-content .seo-toc,
	.ds-post-content .seo-callout,
	.ds-post-content .seo-screenshot,
	.ds-post-content .wp-block-group.cta-panel,
	.ds-post-content .seo-final-cta {
		padding: 22px;
	}
	.ds-post-content .wp-block-group.section,
	.ds-post-content .wp-block-group.seo-article-wrap {
		padding: 42px 22px;
	}
	.ds-post-content .wp-block-group.seo-card-grid,
	.ds-post-content .wp-block-group.seo-faq-grid {
		padding-left: 16px;
		padding-right: 16px;
	}
	.ds-post-content .wp-block-buttons.button-row,
	.ds-post-content .button-row {
		width: 100%;
	}
	.ds-post-content .wp-block-button,
	.ds-post-content .wp-block-button .wp-block-button__link {
		width: 100%;
	}
}


/* Final polish: CTA button visibility, FAQ spacing, and related workflow spacing. */
.ds-single-post .ds-article-shell .seo-final-cta,
.ds-single-post .ds-article-shell .wp-block-group.cta-panel,
.ds-single-post .ds-single-content .seo-final-cta,
.ds-single-post .ds-single-content .wp-block-group.cta-panel {
  margin-top: 76px !important;
  margin-bottom: 0 !important;
  padding: 56px 48px !important;
  border-radius: 28px !important;
  overflow: visible !important;
}

.ds-single-post .ds-article-shell .seo-final-cta .wp-block-buttons,
.ds-single-post .ds-article-shell .wp-block-group.cta-panel .wp-block-buttons,
.ds-single-post .ds-single-content .seo-final-cta .wp-block-buttons,
.ds-single-post .ds-single-content .wp-block-group.cta-panel .wp-block-buttons,
.ds-single-post .ds-article-shell .seo-final-cta .button-row,
.ds-single-post .ds-article-shell .wp-block-group.cta-panel .button-row,
.ds-single-post .ds-single-content .seo-final-cta .button-row,
.ds-single-post .ds-single-content .wp-block-group.cta-panel .button-row {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 18px !important;
  flex-wrap: wrap !important;
  margin-top: 28px !important;
}

.ds-single-post .ds-article-shell .seo-final-cta .wp-block-button,
.ds-single-post .ds-article-shell .wp-block-group.cta-panel .wp-block-button,
.ds-single-post .ds-single-content .seo-final-cta .wp-block-button,
.ds-single-post .ds-single-content .wp-block-group.cta-panel .wp-block-button {
  margin: 0 !important;
  min-width: 190px !important;
}

.ds-single-post .ds-article-shell .seo-final-cta .wp-block-button__link,
.ds-single-post .ds-article-shell .wp-block-group.cta-panel .wp-block-button__link,
.ds-single-post .ds-single-content .seo-final-cta .wp-block-button__link,
.ds-single-post .ds-single-content .wp-block-group.cta-panel .wp-block-button__link,
.ds-single-post .ds-article-shell .seo-final-cta .is-style-outline .wp-block-button__link,
.ds-single-post .ds-article-shell .wp-block-group.cta-panel .is-style-outline .wp-block-button__link,
.ds-single-post .ds-single-content .seo-final-cta .is-style-outline .wp-block-button__link,
.ds-single-post .ds-single-content .wp-block-group.cta-panel .is-style-outline .wp-block-button__link,
.ds-single-post .ds-article-shell .seo-final-cta .button--secondary .wp-block-button__link,
.ds-single-post .ds-article-shell .wp-block-group.cta-panel .button--secondary .wp-block-button__link,
.ds-single-post .ds-single-content .seo-final-cta .button--secondary .wp-block-button__link,
.ds-single-post .ds-single-content .wp-block-group.cta-panel .button--secondary .wp-block-button__link {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 190px !important;
  min-height: 54px !important;
  padding: 15px 28px !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  border: 1px solid rgba(255,255,255,.9) !important;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  opacity: 1 !important;
  visibility: visible !important;
  font-size: 16px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  box-shadow: 0 14px 34px rgba(15,23,42,.16) !important;
}

.ds-single-post .ds-article-shell .seo-final-cta .wp-block-button__link:hover,
.ds-single-post .ds-single-content .seo-final-cta .wp-block-button__link:hover,
.ds-single-post .ds-article-shell .wp-block-group.cta-panel .wp-block-button__link:hover,
.ds-single-post .ds-single-content .wp-block-group.cta-panel .wp-block-button__link:hover {
  transform: translateY(-1px);
}

.ds-single-post .ds-article-shell .seo-faq-grid,
.ds-single-post .ds-article-shell .wp-block-group.seo-faq-grid,
.ds-single-post .ds-single-content .seo-faq-grid,
.ds-single-post .ds-single-content .wp-block-group.seo-faq-grid,
.ds-single-post .ds-article-shell .ds-faq-section,
.ds-single-post .ds-single-content .ds-faq-section {
  gap: 20px !important;
  margin-top: 64px !important;
  margin-bottom: 72px !important;
}

.ds-single-post .ds-article-shell .seo-faq-card,
.ds-single-post .ds-article-shell .wp-block-group.seo-faq-card,
.ds-single-post .ds-single-content .seo-faq-card,
.ds-single-post .ds-single-content .wp-block-group.seo-faq-card,
.ds-single-post .ds-article-shell .ds-faq-item,
.ds-single-post .ds-single-content .ds-faq-item {
  margin: 0 0 18px !important;
}

.ds-single-post .ds-article-shell .seo-faq-card:last-child,
.ds-single-post .ds-article-shell .wp-block-group.seo-faq-card:last-child,
.ds-single-post .ds-single-content .seo-faq-card:last-child,
.ds-single-post .ds-single-content .wp-block-group.seo-faq-card:last-child,
.ds-single-post .ds-article-shell .ds-faq-item:last-child,
.ds-single-post .ds-single-content .ds-faq-item:last-child {
  margin-bottom: 0 !important;
}

.ds-single-post .ds-related-card {
  padding: 22px !important;
}

.ds-single-post .ds-related-card h2 {
  margin: 0 0 16px !important;
  font-size: 18px !important;
  line-height: 1.25 !important;
}

.ds-single-post .ds-related-card .ds-sidebar-related-link {
  display: block !important;
  padding: 14px 14px !important;
  margin: 0 0 12px !important;
  border: 1px solid #dbeafe !important;
  border-radius: 14px !important;
  background: #f8fbff !important;
  color: #0f172a !important;
  text-decoration: none !important;
}

.ds-single-post .ds-related-card .ds-sidebar-related-link:last-child {
  margin-bottom: 0 !important;
}

.ds-single-post .ds-related-card .ds-sidebar-related-link strong {
  display: block !important;
  margin: 0 0 5px !important;
  font-size: 13.5px !important;
  line-height: 1.3 !important;
  font-weight: 900 !important;
  color: #0f172a !important;
}

.ds-single-post .ds-related-card .ds-sidebar-related-link span {
  display: block !important;
  font-size: 12.5px !important;
  line-height: 1.5 !important;
  color: #64748b !important;
}

@media (max-width: 767px) {
  .ds-single-post .ds-article-shell .seo-final-cta,
  .ds-single-post .ds-article-shell .wp-block-group.cta-panel,
  .ds-single-post .ds-single-content .seo-final-cta,
  .ds-single-post .ds-single-content .wp-block-group.cta-panel {
    padding: 40px 22px !important;
    margin-top: 56px !important;
  }
  .ds-single-post .ds-article-shell .seo-final-cta .wp-block-buttons,
  .ds-single-post .ds-article-shell .wp-block-group.cta-panel .wp-block-buttons,
  .ds-single-post .ds-single-content .seo-final-cta .wp-block-buttons,
  .ds-single-post .ds-single-content .wp-block-group.cta-panel .wp-block-buttons {
    flex-direction: column !important;
    width: 100% !important;
  }
  .ds-single-post .ds-article-shell .seo-final-cta .wp-block-button,
  .ds-single-post .ds-article-shell .wp-block-group.cta-panel .wp-block-button,
  .ds-single-post .ds-single-content .seo-final-cta .wp-block-button,
  .ds-single-post .ds-single-content .wp-block-group.cta-panel .wp-block-button,
  .ds-single-post .ds-article-shell .seo-final-cta .wp-block-button__link,
  .ds-single-post .ds-article-shell .wp-block-group.cta-panel .wp-block-button__link,
  .ds-single-post .ds-single-content .seo-final-cta .wp-block-button__link,
  .ds-single-post .ds-single-content .wp-block-group.cta-panel .wp-block-button__link {
    width: 100% !important;
    min-width: 0 !important;
  }
}


/* Popular workflow cards with featured screenshots. */
.dzair-related-card {
  overflow: hidden;
}

.dzair-related-card__image {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border-radius: 16px;
  background: #eff6ff;
  border: 1px solid #dbeafe;
  margin-bottom: 18px;
}

.dzair-related-card__image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.dzair-related-card__body {
  display: flex;
  min-height: 150px;
  flex-direction: column;
}

.dzair-related-card__body .dzair-related-card__arrow {
  margin-top: auto;
}

@media (max-width: 767px) {
  .dzair-related-card__body {
    min-height: 0;
  }
}


/* Final fix: Bulk URL Management intro stats + chart cards */
.ds-single-post .ds-article-shell .seo-stats-grid,
.ds-single-post .ds-single-content .seo-stats-grid,
.ds-post-content .seo-stats-grid,
.wp-block-columns.seo-stats-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 16px !important;
  align-items: stretch !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 28px 0 40px !important;
}
.ds-single-post .ds-article-shell .seo-stats-grid .wp-block-column,
.ds-single-post .ds-single-content .seo-stats-grid .wp-block-column,
.wp-block-columns.seo-stats-grid .wp-block-column {
  flex-basis: auto !important;
  flex-grow: 0 !important;
  min-width: 0 !important;
  width: 100% !important;
  margin: 0 !important;
}
.ds-single-post .ds-article-shell .seo-stats-grid .seo-stat,
.ds-single-post .ds-single-content .seo-stats-grid .seo-stat,
.wp-block-columns.seo-stats-grid .seo-stat {
  height: 100% !important;
  min-height: 190px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
}
.ds-single-post .ds-article-shell .seo-stats-grid .seo-stat strong,
.ds-single-post .ds-single-content .seo-stats-grid .seo-stat strong,
.wp-block-columns.seo-stats-grid .seo-stat strong {
  font-size: clamp(34px, 4vw, 48px) !important;
  line-height: .95 !important;
}
.ds-single-post .ds-article-shell .seo-chart-wrap,
.ds-single-post .ds-single-content .seo-chart-wrap,
.ds-post-content .seo-chart-wrap {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  overflow: visible !important;
}
.seo-chart-bars,
.seo-risk-chart,
.seo-line-chart {
  min-height: 280px;
}
.seo-chart-legend {
  display: flex;
  gap: 16px;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  margin-bottom: 18px;
  color: #334155;
  font-weight: 800;
  font-size: 14px;
}
.seo-chart-legend b {
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 999px;
  margin-right: 7px;
  vertical-align: -1px;
}
.seo-chart-legend .bulk { background: #1e73ff; }
.seo-chart-legend .manual { background: #93c5fd; }
.seo-bars {
  height: 220px;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 22px;
  align-items: end;
  border-left: 2px solid #cbd5e1;
  border-bottom: 2px solid #cbd5e1;
  padding: 16px 16px 0;
}
.seo-bar-pair {
  height: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  align-items: end;
  position: relative;
  padding-bottom: 34px;
}
.seo-bar-pair .bar {
  border-radius: 10px 10px 0 0;
  min-height: 30px;
}
.seo-bar-pair .bar.bulk { background: #1e73ff; }
.seo-bar-pair .bar.manual { background: #93c5fd; }
.seo-bar-pair span {
  position: absolute;
  bottom: 6px;
  left: 0;
  right: 0;
  text-align: center;
  color: #64748b;
  font-weight: 700;
  font-size: 13px;
}
.seo-risk-row {
  display: grid;
  grid-template-columns: 120px 1fr;
  gap: 14px;
  align-items: center;
  margin: 13px 0;
}
.seo-risk-row span {
  color: #0f172a;
  font-weight: 800;
}
.seo-risk-row b {
  display: block;
  height: 28px;
  border-radius: 999px;
  background: linear-gradient(90deg,#1e73ff,#93c5fd);
}
.seo-chart-note {
  max-width: none !important;
  margin: 18px 0 0 !important;
  color: #64748b !important;
  font-size: 15px !important;
}
.seo-line-chart {
  position: relative;
  padding-bottom: 28px !important;
}
.seo-line-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 10px;
  color: #64748b;
  font-size: 13px;
  font-weight: 700;
  margin-bottom: 12px;
}
.seo-line-bars,
.seo-line-bars-bulk {
  height: 180px;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 18px;
  align-items: end;
  padding: 0 16px;
}
.seo-line-bars b,
.seo-line-bars-bulk b {
  display: block;
  border-radius: 10px 10px 0 0;
}
.seo-line-bars .manual { background: #93c5fd; }
.seo-line-bars-bulk {
  height: 180px;
  margin-top: -180px;
  padding-left: 46px;
  padding-right: 46px;
}
.seo-line-bars-bulk .bulk { background: #1e73ff; opacity: .9; }
@media (max-width: 700px) {
  .ds-single-post .ds-article-shell .seo-stats-grid,
  .ds-single-post .ds-single-content .seo-stats-grid,
  .ds-post-content .seo-stats-grid,
  .wp-block-columns.seo-stats-grid {
    grid-template-columns: 1fr !important;
  }
  .seo-bars,
  .seo-line-grid,
  .seo-line-bars,
  .seo-line-bars-bulk {
    min-width: 620px;
  }
  .seo-chart-bars,
  .seo-risk-chart,
  .seo-line-chart {
    overflow-x: auto !important;
  }
}
/* Bulk URL Management final layout fix: stats above intro, no blue hero box, reliable charts */
.ds-single-post .seo-landing-bulk-url-management-wordpress .seo-stats-row,
.ds-single-post .ds-article-shell .seo-stats-row {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 18px !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 0 34px !important;
  padding: 0 !important;
}
.ds-single-post .seo-landing-bulk-url-management-wordpress .seo-stat,
.ds-single-post .ds-article-shell .seo-stat,
.ds-single-post .seo-stats-grid .seo-stat,
.ds-single-post .stats-grid .stat {
  background: #fff !important;
  border: 1px solid #dbeafe !important;
  border-radius: 20px !important;
  box-shadow: 0 18px 46px rgba(15, 23, 42, 0.06) !important;
  padding: 24px !important;
  min-width: 0 !important;
  width: 100% !important;
  max-width: none !important;
}
.ds-single-post .seo-landing-bulk-url-management-wordpress .seo-stat strong,
.ds-single-post .ds-article-shell .seo-stat strong,
.ds-single-post .stats-grid .stat strong {
  display: block !important;
  color: #1e73ff !important;
  font-size: clamp(34px, 4vw, 52px) !important;
  line-height: .95 !important;
  font-weight: 900 !important;
  letter-spacing: -0.06em !important;
  margin: 0 0 12px !important;
}
.ds-single-post .seo-landing-bulk-url-management-wordpress .seo-stat span,
.ds-single-post .ds-article-shell .seo-stat span,
.ds-single-post .stats-grid .stat span {
  display: block !important;
  color: #334155 !important;
  font-size: 16px !important;
  line-height: 1.65 !important;
}
.ds-single-post .seo-landing-bulk-url-management-wordpress .seo-intro-plain,
.ds-single-post .ds-article-shell .seo-intro-plain {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  margin: 0 0 52px !important;
  max-width: 760px !important;
}
.ds-single-post .seo-landing-bulk-url-management-wordpress .seo-intro-plain h1,
.ds-single-post .ds-article-shell .seo-intro-plain h1 {
  font-size: clamp(38px, 4.6vw, 58px) !important;
  line-height: 1.04 !important;
  letter-spacing: -0.045em !important;
  margin: 0 0 24px !important;
  color: #0f172a !important;
}
.ds-single-post .seo-landing-bulk-url-management-wordpress .seo-intro-plain p,
.ds-single-post .ds-article-shell .seo-intro-plain p {
  font-size: 18px !important;
  line-height: 1.75 !important;
  color: #334155 !important;
  max-width: 760px !important;
}
.ds-single-post .seo-landing-bulk-url-management-wordpress .seo-intro-plain .eyebrow,
.ds-single-post .ds-article-shell .seo-intro-plain .eyebrow {
  display: inline-flex !important;
  align-items: center !important;
  width: auto !important;
  padding: 8px 14px !important;
  border-radius: 999px !important;
  background: #eff6ff !important;
  border: 1px solid #bfdbfe !important;
  color: #1e73ff !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
  margin: 0 0 22px !important;
}
.ds-single-post .seo-landing-bulk-url-management-wordpress .seo-hero,
.ds-single-post .seo-landing-bulk-url-management-wordpress .ds-article-hero {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
}
.ds-single-post .seo-chart-wrap {
  width: 100% !important;
  max-width: 100% !important;
  display: block !important;
  margin: 24px 0 48px !important;
  padding: 28px !important;
  background: #ffffff !important;
  border: 1px solid #dbeafe !important;
  border-radius: 24px !important;
  box-shadow: 0 18px 46px rgba(15, 23, 42, .06) !important;
  overflow-x: auto !important;
}
.ds-single-post .seo-chart-legend {
  display: flex !important;
  gap: 18px !important;
  justify-content: flex-end !important;
  align-items: center !important;
  margin-bottom: 18px !important;
  color: #334155 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.ds-single-post .seo-chart-legend b {
  display: inline-block !important;
  width: 12px !important;
  height: 12px !important;
  border-radius: 999px !important;
  margin-right: 7px !important;
  vertical-align: -1px !important;
}
.ds-single-post .seo-chart-legend b.bulk,
.ds-single-post .bar.bulk,
.ds-single-post .seo-line-bars b.bulk { background: #1e73ff !important; }
.ds-single-post .seo-chart-legend b.manual,
.ds-single-post .bar.manual,
.ds-single-post .seo-line-bars b.manual { background: #f59e0b !important; }
.ds-single-post .seo-bars {
  min-height: 260px !important;
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 18px !important;
  align-items: end !important;
  border-left: 1px solid #e2e8f0 !important;
  border-bottom: 1px solid #e2e8f0 !important;
  padding: 20px 20px 36px !important;
}
.ds-single-post .seo-bar-pair {
  height: 220px !important;
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 10px !important;
  align-items: end !important;
  position: relative !important;
}
.ds-single-post .seo-bar-pair .bar {
  display: block !important;
  border-radius: 10px 10px 0 0 !important;
  min-height: 20px !important;
}
.ds-single-post .seo-bar-pair span {
  position: absolute !important;
  left: 50% !important;
  bottom: -30px !important;
  transform: translateX(-50%) !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  color: #475569 !important;
  white-space: nowrap !important;
}
.ds-single-post .seo-risk-row {
  display: grid !important;
  grid-template-columns: 110px minmax(0, 1fr) !important;
  gap: 14px !important;
  align-items: center !important;
  margin: 12px 0 !important;
}
.ds-single-post .seo-risk-row span {
  font-weight: 800 !important;
  color: #0f172a !important;
}
.ds-single-post .seo-risk-row b {
  display: block !important;
  height: 22px !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg,#1e73ff,#38bdf8) !important;
}
.ds-single-post .seo-chart-note {
  max-width: none !important;
  color: #64748b !important;
  font-size: 14px !important;
  margin: 18px 0 0 !important;
}
.ds-single-post .seo-line-grid {
  display: grid !important;
  grid-template-columns: repeat(5, 1fr) !important;
  gap: 12px !important;
  margin-bottom: 12px !important;
  color: #475569 !important;
  font-size: 13px !important;
  font-weight: 800 !important;
}
.ds-single-post .seo-line-bars {
  height: 160px !important;
  display: grid !important;
  grid-template-columns: repeat(5, 1fr) !important;
  gap: 18px !important;
  align-items: end !important;
  padding: 0 10px !important;
}
.ds-single-post .seo-line-bars + .seo-line-bars {
  margin-top: -160px !important;
  opacity: .7 !important;
}
.ds-single-post .seo-line-bars b {
  display: block !important;
  border-radius: 10px 10px 0 0 !important;
  min-height: 16px !important;
}
@media (max-width: 760px) {
  .ds-single-post .seo-landing-bulk-url-management-wordpress .seo-stats-row,
  .ds-single-post .ds-article-shell .seo-stats-row {
    grid-template-columns: 1fr !important;
  }
  .ds-single-post .seo-landing-bulk-url-management-wordpress .seo-intro-plain h1,
  .ds-single-post .ds-article-shell .seo-intro-plain h1 {
    font-size: 36px !important;
  }
}

/* Clean rebuilt Bulk URL Management post: final forced layout */
.ds-single-post .seo-clean-bulk-url-guide .seo-stats-row--clean,
.ds-single-post .seo-stats-row--clean {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 18px !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 0 40px !important;
  padding: 0 !important;
}
.ds-single-post .seo-clean-bulk-url-guide .seo-stat,
.ds-single-post .seo-stats-row--clean .seo-stat {
  display: block !important;
  background: #ffffff !important;
  border: 1px solid #dbeafe !important;
  border-radius: 22px !important;
  box-shadow: 0 18px 46px rgba(15, 23, 42, .06) !important;
  padding: 24px !important;
  min-width: 0 !important;
  width: auto !important;
  max-width: none !important;
}
.ds-single-post .seo-clean-bulk-url-guide .seo-stat strong,
.ds-single-post .seo-stats-row--clean .seo-stat strong {
  display: block !important;
  color: #1e73ff !important;
  font-size: clamp(34px, 4vw, 52px) !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: -0.06em !important;
  margin: 0 0 12px !important;
}
.ds-single-post .seo-clean-bulk-url-guide .seo-stat span,
.ds-single-post .seo-stats-row--clean .seo-stat span {
  display: block !important;
  font-size: 16px !important;
  line-height: 1.65 !important;
  color: #334155 !important;
}
.ds-single-post .seo-clean-bulk-url-guide .seo-clean-intro,
.ds-single-post .seo-clean-bulk-url-guide .seo-intro-plain,
.ds-single-post .seo-clean-bulk-url-guide .seo-hero,
.ds-single-post .seo-clean-bulk-url-guide .ds-article-hero {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
}
.ds-single-post .seo-clean-bulk-url-guide .seo-clean-intro,
.ds-single-post .seo-clean-bulk-url-guide .seo-intro-plain {
  margin: 0 0 56px !important;
  max-width: 760px !important;
}
.ds-single-post .seo-clean-bulk-url-guide .seo-chart-wrap {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 24px 0 48px !important;
  padding: 28px !important;
  background: #ffffff !important;
  border: 1px solid #dbeafe !important;
  border-radius: 24px !important;
  box-shadow: 0 18px 46px rgba(15, 23, 42, .06) !important;
  overflow-x: auto !important;
}
@media (max-width: 760px) {
  .ds-single-post .seo-clean-bulk-url-guide .seo-stats-row--clean,
  .ds-single-post .seo-stats-row--clean {
    grid-template-columns: 1fr !important;
  }
}

/* Hard corrected Bulk URL Management post layout duplicated in main.css for cache/build safety */
.ds-single-post .seo-clean-bulk-url-guide-v2 .seo-stats-row--clean,
.ds-single-post .seo-clean-bulk-url-guide .seo-stats-row--clean,
.ds-single-post .seo-stats-row--clean{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important;width:100%!important;margin:0 0 44px!important;padding:0!important}.ds-single-post .seo-stats-row--clean .seo-stat{background:#fff!important;border:1px solid #dbeafe!important;border-radius:22px!important;padding:24px!important;box-shadow:0 18px 46px rgba(15,23,42,.06)!important;min-width:0!important}.ds-single-post .seo-stats-row--clean .seo-stat strong{display:block!important;color:#1e73ff!important;font-size:clamp(34px,4vw,52px)!important;line-height:1!important;font-weight:900!important;letter-spacing:-.06em!important;margin-bottom:12px!important}.ds-single-post .seo-stats-row--clean .seo-stat span{display:block!important;color:#334155!important;font-size:16px!important;line-height:1.65!important}.ds-single-post .seo-clean-bulk-url-guide-v2 .seo-intro-plain,.ds-single-post .seo-clean-bulk-url-guide-v2 .seo-clean-intro,.ds-single-post .seo-clean-bulk-url-guide .seo-intro-plain,.ds-single-post .seo-clean-bulk-url-guide .seo-clean-intro{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important;margin:0 0 56px!important;max-width:760px!important}.ds-single-post .seo-clean-bulk-url-guide-v2 .seo-hero,.ds-single-post .seo-clean-bulk-url-guide-v2 .ds-article-hero,.ds-single-post .seo-clean-bulk-url-guide .seo-hero,.ds-single-post .seo-clean-bulk-url-guide .ds-article-hero{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important}.ds-single-post .seo-chart-wrap{display:block!important;width:100%!important;max-width:100%!important;margin:24px 0 48px!important;padding:28px!important;background:#fff!important;border:1px solid #dbeafe!important;border-radius:24px!important;box-shadow:0 18px 46px rgba(15,23,42,.06)!important;overflow:hidden!important}.ds-single-post .seo-chart-legend{display:flex!important;gap:18px!important;flex-wrap:wrap!important;margin-bottom:22px!important;font-size:14px!important;font-weight:800!important;color:#334155!important}.ds-single-post .seo-chart-legend span{display:inline-flex!important;align-items:center!important;gap:8px!important}.ds-single-post .seo-chart-legend b{width:14px!important;height:14px!important;border-radius:5px!important;display:inline-block!important}.ds-single-post .seo-chart-legend b.bulk,.ds-single-post .seo-chart-wrap .bulk{background:linear-gradient(135deg,#1e73ff,#38bdf8)!important}.ds-single-post .seo-chart-legend b.manual,.ds-single-post .seo-chart-wrap .manual{background:linear-gradient(135deg,#f59e0b,#ef4444)!important}.ds-single-post .seo-bars{height:260px!important;display:grid!important;grid-template-columns:repeat(4,1fr)!important;align-items:end!important;gap:22px!important;padding:12px 8px 0!important;border-bottom:1px solid #cbd5e1!important}.ds-single-post .seo-bar-pair{height:100%!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;align-items:end!important;position:relative!important;padding-bottom:34px!important}.ds-single-post .seo-bar-pair .bar{width:100%!important;min-height:24px!important;border-radius:12px 12px 4px 4px!important;display:block!important}.ds-single-post .seo-bar-pair span{position:absolute!important;left:50%!important;bottom:6px!important;transform:translateX(-50%)!important;color:#334155!important;font-size:13px!important;font-weight:800!important;white-space:nowrap!important}.ds-single-post .seo-risk-row{display:grid!important;grid-template-columns:110px minmax(0,1fr)!important;gap:16px!important;align-items:center!important;margin:14px 0!important}.ds-single-post .seo-risk-row span{font-size:15px!important;font-weight:800!important;color:#0f172a!important}.ds-single-post .seo-risk-row b{display:block!important;height:22px!important;border-radius:999px!important;background:linear-gradient(90deg,#1e73ff,#38bdf8)!important}.ds-single-post .seo-chart-note{margin:18px 0 0!important;font-size:15px!important;color:#64748b!important}.ds-single-post .seo-line-chart{min-height:290px!important}.ds-single-post .seo-line-grid{display:grid!important;grid-template-columns:repeat(5,1fr)!important;gap:12px!important;margin-bottom:18px!important}.ds-single-post .seo-line-grid span{font-size:13px!important;font-weight:800!important;color:#64748b!important;text-align:center!important}.ds-single-post .seo-line-bars{height:150px!important;display:grid!important;grid-template-columns:repeat(5,1fr)!important;gap:28px!important;align-items:end!important;margin:0 20px!important}.ds-single-post .seo-line-bars+.seo-line-bars{margin-top:-150px!important;transform:translateX(18px)!important}.ds-single-post .seo-line-bars b{width:36px!important;border-radius:12px 12px 4px 4px!important;justify-self:center!important}@media(max-width:760px){.ds-single-post .seo-stats-row--clean{grid-template-columns:1fr!important}.ds-single-post .seo-chart-wrap{padding:20px!important}.ds-single-post .seo-risk-row{grid-template-columns:90px minmax(0,1fr)!important}}
  .ds-single-post .seo-stats-row--clean { grid-template-columns: 1fr !important; }
  .ds-single-post .seo-bars { gap: 12px !important; }
  .ds-single-post .seo-bar-pair { gap: 4px !important; }
  .ds-single-post .seo-risk-row { grid-template-columns: 90px minmax(0,1fr) !important; }
  .ds-single-post .seo-chart-wrap { padding: 20px !important; }
}

/* Bulk URL Management final layout: intro, featured image, stats, and chart rendering. */
.single-post .seo-clean-bulk-url-guide .seo-clean-intro,
.single-post .seo-clean-bulk-url-guide .seo-intro-plain,
.ds-single-post .seo-clean-bulk-url-guide .seo-clean-intro,
.ds-single-post .seo-clean-bulk-url-guide .seo-intro-plain {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  margin: 0 0 28px !important;
  max-width: 760px !important;
}
.ds-single-post .seo-clean-bulk-url-guide .ds-article-hero,
.ds-single-post .seo-clean-bulk-url-guide .seo-hero {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}
.ds-single-post .seo-stats-row--clean {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 18px !important;
  width: 100% !important;
  margin: 28px 0 56px !important;
  padding: 0 !important;
}
.ds-single-post .seo-stats-row--clean .seo-stat {
  display: block !important;
  background: #ffffff !important;
  border: 1px solid #dbeafe !important;
  border-radius: 22px !important;
  padding: 24px !important;
  box-shadow: 0 18px 46px rgba(15, 23, 42, .06) !important;
}
.ds-single-post .seo-stats-row--clean .seo-stat strong {
  display: block !important;
  color: #1e73ff !important;
  font-size: clamp(34px, 4vw, 52px) !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: -.06em !important;
  margin: 0 0 12px !important;
}
.ds-single-post .seo-stats-row--clean .seo-stat span {
  display: block !important;
  color: #334155 !important;
  font-size: 16px !important;
  line-height: 1.65 !important;
}
.ds-single-post .seo-chart-wrap {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 24px 0 52px !important;
  padding: 28px !important;
  background: #ffffff !important;
  border: 1px solid #dbeafe !important;
  border-radius: 24px !important;
  box-shadow: 0 18px 46px rgba(15, 23, 42, .06) !important;
  overflow: hidden !important;
}
.ds-single-post .seo-chart-legend {display:flex!important;gap:18px!important;flex-wrap:wrap!important;margin-bottom:22px!important;font-size:14px!important;font-weight:800!important;color:#334155!important;}
.ds-single-post .seo-chart-legend span{display:inline-flex!important;align-items:center!important;gap:8px!important;}
.ds-single-post .seo-chart-legend b{width:14px!important;height:14px!important;border-radius:5px!important;display:inline-block!important;}
.ds-single-post .seo-chart-legend b.bulk,.ds-single-post .seo-chart-wrap .bulk{background:linear-gradient(135deg,#1e73ff,#38bdf8)!important;}
.ds-single-post .seo-chart-legend b.manual,.ds-single-post .seo-chart-wrap .manual{background:linear-gradient(135deg,#f59e0b,#ef4444)!important;}
.ds-single-post .seo-bars{height:260px!important;display:grid!important;grid-template-columns:repeat(4,1fr)!important;align-items:end!important;gap:22px!important;padding:12px 8px 0!important;border-bottom:1px solid #cbd5e1!important;}
.ds-single-post .seo-bar-pair{height:100%!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;align-items:end!important;position:relative!important;padding-bottom:34px!important;}
.ds-single-post .seo-bar-pair .bar{width:100%!important;min-height:24px!important;border-radius:12px 12px 4px 4px!important;display:block!important;}
.ds-single-post .seo-bar-pair span{position:absolute!important;left:50%!important;bottom:6px!important;transform:translateX(-50%)!important;color:#334155!important;font-size:13px!important;font-weight:800!important;white-space:nowrap!important;}
.ds-single-post .seo-risk-row{display:grid!important;grid-template-columns:110px minmax(0,1fr)!important;gap:16px!important;align-items:center!important;margin:14px 0!important;}
.ds-single-post .seo-risk-row span{font-size:15px!important;font-weight:800!important;color:#0f172a!important;}
.ds-single-post .seo-risk-row b{display:block!important;height:22px!important;border-radius:999px!important;background:linear-gradient(90deg,#1e73ff,#38bdf8)!important;}
.ds-single-post .seo-chart-note{margin:18px 0 0!important;font-size:15px!important;color:#64748b!important;}
.ds-single-post .seo-line-chart{min-height:290px!important;}
.ds-single-post .seo-line-grid{display:grid!important;grid-template-columns:repeat(5,1fr)!important;gap:12px!important;margin-bottom:18px!important;}
.ds-single-post .seo-line-grid span{font-size:13px!important;font-weight:800!important;color:#64748b!important;text-align:center!important;}
.ds-single-post .seo-line-bars{height:150px!important;display:grid!important;grid-template-columns:repeat(5,1fr)!important;gap:28px!important;align-items:end!important;margin:0 20px!important;}
.ds-single-post .seo-line-bars + .seo-line-bars{margin-top:-150px!important;transform:translateX(18px)!important;}
.ds-single-post .seo-line-bars b{width:36px!important;border-radius:12px 12px 4px 4px!important;justify-self:center!important;}
@media (max-width: 760px){.ds-single-post .seo-stats-row--clean{grid-template-columns:1fr!important}.ds-single-post .seo-chart-wrap{padding:20px!important}.ds-single-post .seo-risk-row{grid-template-columns:90px minmax(0,1fr)!important}}


/* Global clean single-post intro layout
   Make every post use the same clean title/intro style as Bulk URL Management.
   No blue hero panel should appear in single posts. */
.ds-single-post .ds-article-shell > .wp-block-group:first-child,
.ds-single-post .ds-article-shell .seo-hero,
.ds-single-post .ds-article-shell .ds-article-hero,
.ds-single-post .ds-single-content > .wp-block-group:first-child,
.ds-single-post .ds-single-content .seo-hero,
.ds-single-post .ds-single-content .ds-article-hero {
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  margin: 0 0 44px !important;
  overflow: visible !important;
}

.ds-single-post .ds-article-shell > .wp-block-group:first-child > .wp-block-group__inner-container,
.ds-single-post .ds-article-shell .seo-hero > .wp-block-group__inner-container,
.ds-single-post .ds-article-shell .ds-article-hero > .wp-block-group__inner-container,
.ds-single-post .ds-single-content > .wp-block-group:first-child > .wp-block-group__inner-container,
.ds-single-post .ds-single-content .seo-hero > .wp-block-group__inner-container,
.ds-single-post .ds-single-content .ds-article-hero > .wp-block-group__inner-container {
  max-width: 760px !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.ds-single-post .ds-article-shell .seo-hero h1,
.ds-single-post .ds-article-shell .ds-article-hero h1,
.ds-single-post .ds-article-shell > .wp-block-group:first-child h1,
.ds-single-post .ds-single-content .seo-hero h1,
.ds-single-post .ds-single-content .ds-article-hero h1,
.ds-single-post .ds-single-content > .wp-block-group:first-child h1 {
  font-size: clamp(34px, 4vw, 54px) !important;
  line-height: 1.08 !important;
  letter-spacing: -0.04em !important;
  margin: 0 0 22px !important;
}

.ds-single-post .ds-article-shell .seo-hero p,
.ds-single-post .ds-article-shell .ds-article-hero p,
.ds-single-post .ds-article-shell > .wp-block-group:first-child p,
.ds-single-post .ds-single-content .seo-hero p,
.ds-single-post .ds-single-content .ds-article-hero p,
.ds-single-post .ds-single-content > .wp-block-group:first-child p {
  max-width: 760px !important;
  font-size: 18px !important;
  line-height: 1.78 !important;
}

.ds-single-post .ds-article-shell .seo-hero .wp-block-buttons,
.ds-single-post .ds-article-shell .ds-article-hero .wp-block-buttons,
.ds-single-post .ds-article-shell > .wp-block-group:first-child .wp-block-buttons,
.ds-single-post .ds-single-content .seo-hero .wp-block-buttons,
.ds-single-post .ds-single-content .ds-article-hero .wp-block-buttons,
.ds-single-post .ds-single-content > .wp-block-group:first-child .wp-block-buttons {
  margin-top: 26px !important;
}

@media (max-width: 767px) {
  .ds-single-post .ds-article-shell .seo-hero h1,
  .ds-single-post .ds-article-shell .ds-article-hero h1,
  .ds-single-post .ds-article-shell > .wp-block-group:first-child h1,
  .ds-single-post .ds-single-content .seo-hero h1,
  .ds-single-post .ds-single-content .ds-article-hero h1,
  .ds-single-post .ds-single-content > .wp-block-group:first-child h1 {
    font-size: 32px !important;
  }
}