@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400&family=JetBrains+Mono:wght@400;500;700&family=Michroma&display=swap");

.entry-content {
	font-family: "IBM Plex Sans", system-ui, sans-serif;
	color: #111;
	line-height: 1.625;
	max-width: none;
}
.entry-content .df-article {
	font-family: "IBM Plex Sans", system-ui, sans-serif;
	max-width: none !important;
	width: 100%;
}

/* Match pages/*.html wrap: width: min(1100px, 100%); padding: 0 4% */
body.single:has(.df-article) main,
body.page:has(.df-article) main {
	--wp--style--global--content-size: 1100px;
	--wp--style--global--wide-size: 1100px;
}
body.single:has(.df-article) .entry-content.wp-block-post-content,
body.single:has(.df-article) .entry-content.is-layout-constrained,
body.page:has(.df-article) .entry-content.wp-block-post-content,
body.page:has(.df-article) .entry-content.is-layout-constrained {
	width: min(1100px, 100%) !important;
	max-width: min(1100px, 100%) !important;
	margin-left: auto !important;
	margin-right: auto !important;
	padding-left: 4% !important;
	padding-right: 4% !important;
	box-sizing: border-box;
}
body.single:has(.df-article) .entry-content.is-layout-constrained > *,
body.single:has(.df-article) .entry-content .is-layout-constrained > *,
body.page:has(.df-article) .entry-content.is-layout-constrained > *,
body.page:has(.df-article) .entry-content .is-layout-constrained > * {
	max-width: none !important;
	width: 100%;
}
body.single:has(.df-article) main > .wp-block-group.is-layout-constrained,
body.page:has(.df-article) main > .wp-block-group.is-layout-constrained {
	width: min(1100px, 100%) !important;
	max-width: min(1100px, 100%) !important;
	margin-left: auto !important;
	margin-right: auto !important;
	padding-left: 4% !important;
	padding-right: 4% !important;
	box-sizing: border-box;
}
body.single:has(.df-article) main > .wp-block-group.is-layout-constrained > *,
body.page:has(.df-article) main > .wp-block-group.is-layout-constrained > * {
	max-width: none !important;
}
.entry-title,
h1.entry-title {
	font-family: ui-monospace, Menlo, Consolas, monospace;
	text-transform: uppercase;
	letter-spacing: -0.04em;
	border-left: 8px solid #ea580c;
	padding-left: 1.25rem;
}
.entry-content a,
.entry-content a[href] {
	color: #ea580c !important;
	text-decoration: underline;
	text-underline-offset: 0.18em;
}
.entry-content p { margin: 0 0 1.5rem; }
.entry-content p.mb-4 { margin-bottom: 1rem !important; }
.entry-content p.mb-6 { margin-bottom: 1.5rem !important; }
.entry-content p.mb-8 { margin-bottom: 2rem !important; }
.entry-content p.mb-10 { margin-bottom: 2.5rem !important; }
.entry-content p.text-sm { margin-bottom: 0 !important; }
.entry-content h2 {
	font-family: "JetBrains Mono", ui-monospace, monospace;
	font-size: 1.875rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	border-left: 4px solid #ea580c;
	padding-left: 1rem;
	margin: 0 0 2rem;
	line-height: 1.2;
	color: #111;
}
.entry-content h3 {
	font-size: 1.5rem;
	font-weight: 700;
	color: #ea580c;
	margin: 1.5rem 0;
	line-height: 1.25;
	font-family: "IBM Plex Sans", system-ui, sans-serif;
}
.entry-content .rounded-xl h3,
.entry-content .rounded-2xl h3,
.entry-content .bg-accent\/5 h3,
.entry-content .bg-blue-500\/5 h3 {
	color: #111 !important;
	margin: 0 !important;
	font-size: 1.25rem !important;
}
.entry-content h4 {
	font-size: 1.15rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	margin: 1.25rem 0 1rem;
}
.entry-content section { margin-bottom: 4rem; padding-top: 0; }
.entry-content .df-article section + section,
.entry-content section + section {
	border-top: none;
	padding-top: 0;
}
.entry-content .sr-only,
.entry-content .df-intro-heading {
	position: static !important;
	width: auto !important;
	height: auto !important;
	clip: auto !important;
	overflow: visible !important;
	margin: 0 0 2rem !important;
	padding-left: 1rem;
	border-left: 4px solid #ea580c;
	font-size: 1.875rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}
.entry-content .mb-1 { margin-bottom: 0.25rem !important; }
.entry-content .mb-2 { margin-bottom: 0.5rem !important; }
.entry-content .mb-4 { margin-bottom: 1rem; }
.entry-content .mb-6 { margin-bottom: 1.5rem; }
.entry-content .mb-8 { margin-bottom: 2rem; }
.entry-content .mb-12 { margin-bottom: 3rem; }
.entry-content .mb-16 { margin-bottom: 4rem; }
.entry-content .mb-20 { margin-bottom: 5rem; }
.entry-content .mt-8 { margin-top: 2rem; }
.entry-content .mt-12 { margin-top: 3rem; }
.entry-content .mt-16 { margin-top: 4rem; }
.entry-content .mt-20 { margin-top: 5rem; }
.entry-content .mt-24 { margin-top: 6rem; }
.entry-content .pt-12 { padding-top: 3rem; }
.entry-content .pt-16 { padding-top: 4rem; }
.entry-content .p-8 { padding: 2rem; }
.entry-content .pl-4 { padding-left: 1rem; }
.entry-content .text-xl { font-size: 1.25rem; }
.entry-content .text-lg { font-size: 1.125rem; }
.entry-content .text-3xl { font-size: 1.875rem; }
.entry-content .text-2xl { font-size: 1.5rem; }
.entry-content .text-sm { font-size: 0.875rem; }
.entry-content .leading-relaxed { line-height: 1.625; }
.entry-content .font-light { font-weight: 300; }
.entry-content .font-bold { font-weight: 700; }
.entry-content .font-mono { font-family: ui-monospace, Menlo, Consolas, monospace; }
.entry-content .uppercase { text-transform: uppercase; }
.entry-content .tracking-widest { letter-spacing: 0.1em; }
.entry-content .border-l-4 { border-left: 4px solid #ea580c; }
.entry-content .text-accent { color: #ea580c; }
.entry-content .text-foreground { color: #111; }
.entry-content .text-foreground\/80,
.entry-content [class*="text-foreground"] { color: rgba(17,17,17,.82); }
.entry-content table { width: 100%; border-collapse: collapse; font-size: 0.9rem; margin: 0 0 2rem; }
.entry-content th,
.entry-content td { border: 1px solid rgba(0,0,0,.12); padding: .5rem .75rem; text-align: left; }
.entry-content ul,
.entry-content ol { margin: 0 0 2rem; padding-left: 1.25rem; }
.entry-content li { margin-bottom: .5rem; }
.entry-content header { margin-bottom: 0; }

/* Restored snapshot layout (TOC, code, cards, conclusion) */
.entry-content .wp-block-group.mb-12,
.entry-content .wp-block-group.mb-16 { margin-bottom: 4rem; }
.entry-content .wp-block-group.mb-12 { margin-bottom: 3rem; }
.entry-content .df-creatives .wp-block-group.mb-20 { margin-bottom: 5rem !important; }
.entry-content .df-creatives > .wp-block-group.mb-20:last-child { margin-bottom: 0 !important; }
.entry-content .df-article.is-layout-flow,
.entry-content .df-article .is-layout-flow {
	gap: 0 !important;
}
.entry-content .df-article .wp-block-html {
	margin: 0 !important;
}
.entry-content .df-article .wp-block-group.mb-16 > *:last-child,
.entry-content .df-article .wp-block-group.mb-12 > *:last-child {
	margin-bottom: 0 !important;
}
.entry-content .df-article .wp-block-group.mb-16 > .df-toc:last-child,
.entry-content .df-article .wp-block-group.mb-12 > .df-toc:last-child,
.entry-content .df-article .wp-block-group.mb-20 > .df-toc:last-child {
	margin-top: 2rem !important;
	margin-bottom: 0 !important;
}
.entry-content .df-article .wp-block-group > .wp-block-heading:first-child,
.entry-content .df-article .wp-block-group > h2:first-child {
	margin-top: 0 !important;
}

.entry-content .df-toc,
.entry-content .wp-block-group.df-toc {
	margin: 2rem 0 0 !important;
	padding: 2rem !important;
	border: 1px solid rgba(17, 17, 17, 0.14) !important;
	background: rgba(17, 17, 17, 0.04) !important;
	border-radius: 0 !important;
	max-width: none !important;
}
.entry-content .df-toc > .wp-block-group__inner-container,
.entry-content .wp-block-group.df-toc {
	display: block;
}
.entry-content .df-toc h3,
.entry-content .df-toc .wp-block-heading {
	margin: 0 0 1rem !important;
	font-family: "IBM Plex Sans", system-ui, sans-serif !important;
	font-size: 0.875rem !important;
	font-weight: 700 !important;
	letter-spacing: 0.16em !important;
	text-transform: uppercase !important;
	color: #111 !important;
	border: 0 !important;
	padding: 0 !important;
	line-height: 1.4 !important;
}
.entry-content .df-toc ul,
.entry-content .df-toc .df-toc-nav,
.entry-content .df-toc .wp-block-list {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1rem !important;
	font-size: 0.875rem;
	font-weight: 500;
	list-style: none !important;
	padding: 0 !important;
	margin: 0 !important;
}
@media (max-width: 640px) {
	.entry-content .df-toc ul,
	.entry-content .df-toc .df-toc-nav { grid-template-columns: 1fr; }
}
.entry-content .df-toc li {
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}
.entry-content .df-toc li::before,
.entry-content .df-toc li::marker {
	content: none !important;
	display: none !important;
}
.entry-content .df-toc a {
	display: flex !important;
	align-items: flex-start;
	gap: 0.5rem;
	text-decoration: none !important;
	color: rgba(17, 17, 17, 0.7) !important;
	font-family: "IBM Plex Sans", system-ui, sans-serif;
	font-weight: 500;
	line-height: 1.25;
	transition: color 0.15s ease;
}
.entry-content .df-toc a::before {
	content: "";
	width: 6px;
	height: 6px;
	margin-top: 0.35em;
	border-radius: 999px;
	background: #ea580c;
	flex-shrink: 0;
}
.entry-content .df-toc a:hover { color: #ea580c !important; }

.entry-content .wp-block-code.df-code,
.entry-content pre.df-code,
.entry-content .wp-block-code.df-code code {
	font-family: "JetBrains Mono", ui-monospace, monospace !important;
	font-size: 0.875rem !important;
	padding: 1.5rem !important;
	margin: 0 0 2rem !important;
	border: 1px solid rgba(17, 17, 17, 0.14) !important;
	border-radius: 0 !important;
	background: #111 !important;
	color: #4ade80 !important;
	white-space: pre-wrap;
	overflow-x: auto;
	box-shadow: none !important;
}
.entry-content .wp-block-code.df-code.is-blue,
.entry-content .wp-block-code.df-code.is-blue code,
.entry-content pre.df-code.is-blue { color: #60a5fa !important; }
.entry-content .wp-block-code.df-code.is-accent,
.entry-content .wp-block-code.df-code.is-accent code,
.entry-content pre.df-code.is-accent { color: #ea580c !important; }

.entry-content .df-callout,
.entry-content .wp-block-group.df-callout {
	padding: 2rem 1.5rem !important;
	margin: 0 0 2rem !important;
	border: 1px solid rgba(17, 17, 17, 0.14) !important;
	background: rgba(17, 17, 17, 0.04) !important;
	border-radius: 0 !important;
	max-width: 100% !important;
	min-width: 0;
	overflow-x: auto;
	box-sizing: border-box;
}
.entry-content .df-article,
.entry-content .wp-block-group {
	min-width: 0;
	max-width: 100%;
}
.entry-content pre,
.entry-content .wp-block-code,
.entry-content .wp-block-code code,
.entry-content .df-callout pre {
	max-width: 100% !important;
	min-width: 0;
	box-sizing: border-box;
	white-space: pre-wrap !important;
	overflow-wrap: anywhere;
	word-break: break-word;
	overflow-x: auto;
}
.entry-content .df-callout h4,
.entry-content .df-callout .wp-block-heading {
	text-transform: none !important;
	letter-spacing: 0 !important;
	font-size: 1.125rem !important;
	font-family: "IBM Plex Sans", system-ui, sans-serif !important;
	border: 0 !important;
	padding: 0 !important;
	margin: 0 0 1rem !important;
	color: #111 !important;
}
.entry-content .df-callout .wp-block-code,
.entry-content .df-callout .wp-block-code.df-code,
.entry-content .df-callout .wp-block-code code {
	background: transparent !important;
	border: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
	color: #ea580c !important;
	width: 100%;
	display: block;
}

.entry-content .wp-block-columns.df-grid {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 2rem !important;
	margin: 0 0 2.5rem !important;
	align-items: stretch;
}
.entry-content .wp-block-columns.df-grid .wp-block-column {
	flex-basis: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	width: auto !important;
}
.entry-content .wp-block-columns.df-grid .df-callout { height: 100%; margin-bottom: 0 !important; }
@media (max-width: 768px) {
	.entry-content .wp-block-columns.df-grid { grid-template-columns: 1fr; }
}

.entry-content .df-conclusion,
.entry-content .wp-block-group.df-conclusion {
	max-width: 56rem !important;
	margin: 6rem auto 0 !important;
	padding: 3rem 2rem !important;
	border-top: 1px solid rgba(17, 17, 17, 0.14) !important;
	border-bottom: 1px solid rgba(17, 17, 17, 0.14) !important;
	border-left: 0 !important;
	border-right: 0 !important;
	background: transparent !important;
	text-align: center;
}
.entry-content .df-conclusion p:first-child {
	font-size: 1.5rem !important;
	font-weight: 300 !important;
	font-style: italic !important;
	line-height: 1.6 !important;
	margin-bottom: 2rem !important;
	color: #111 !important;
}
.entry-content .df-conclusion p:last-child {
	font-size: 0.75rem !important;
	font-weight: 700 !important;
	letter-spacing: 0.16em !important;
	text-transform: uppercase !important;
	color: rgba(17, 17, 17, 0.45) !important;
	margin: 0 !important;
	font-style: normal !important;
}
.entry-content .df-faq {
	margin: 0 0 2rem !important;
}
.entry-content .df-faq h4,
.entry-content .df-faq .wp-block-heading {
	font-size: 1.125rem !important;
	font-weight: 700 !important;
	text-transform: none !important;
	letter-spacing: 0 !important;
	border: 0 !important;
	padding: 0 !important;
	margin: 0 0 0.5rem !important;
	color: #111 !important;
	font-family: "IBM Plex Sans", system-ui, sans-serif !important;
}
.entry-content .df-faq p { margin-bottom: 0 !important; color: rgba(17, 17, 17, 0.82); }
.entry-content ul.space-y-6 { list-style: disc; padding-left: 1.25rem; }
.entry-content ul.space-y-6 li { margin-bottom: 1.5rem; }

.entry-content .wp-block-group.df-toc.is-layout-constrained > *,
.entry-content .wp-block-group.df-callout.is-layout-constrained > *,
.entry-content .wp-block-group.df-conclusion.is-layout-constrained > *,
.entry-content .wp-block-group.df-faq.is-layout-constrained > *,
.entry-content .wp-block-group.df-toc > *,
.entry-content .wp-block-group.df-callout > * {
	max-width: none !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.editor-styles-wrapper .df-toc,
.editor-styles-wrapper .wp-block-group.df-toc {
	margin: 2rem 0 0;
	padding: 2rem;
	border: 1px solid rgba(17, 17, 17, 0.14);
	background: rgba(17, 17, 17, 0.04);
}
.editor-styles-wrapper .df-toc ul {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1rem;
	list-style: none;
	padding: 0;
}

/* Designed snapshot panels (GenAI comparison and similar) */
.entry-content .df-article.is-layout-flow,
.entry-content .df-article .is-layout-flow,
.entry-content .df-article.wp-block-group {
	gap: 0 !important;
}
.entry-content .df-article > .wp-block-group.mb-16 {
	margin-bottom: 4rem !important;
}
.entry-content .df-article > .wp-block-group.mb-16:not(.mt-16):not(.mt-20):not(.mt-24) {
	margin-top: 0;
}
.entry-content .df-article > .wp-block-group.mb-12 {
	margin-bottom: 3rem !important;
}
.entry-content .df-article > .wp-block-group.mb-20 {
	margin-bottom: 5rem !important;
}
.entry-content .df-article > .wp-block-group.mt-16 { margin-top: 4rem !important; }
.entry-content .df-article > .wp-block-group.mt-20 { margin-top: 5rem !important; }
.entry-content .df-article > .wp-block-group.mt-24 { margin-top: 6rem !important; }
.entry-content .df-article > .wp-block-group.pt-16 { padding-top: 4rem !important; }
.entry-content .df-article > .wp-block-group.pt-12 { padding-top: 3rem !important; }
body.single-post:not(.postid-217) .entry-content .df-article h3 {
	margin: 2rem 0 0.75rem;
}
body.single-post:not(.postid-217) .entry-content .df-article .wp-block-group > h2:first-child,
body.single-post:not(.postid-217) .entry-content .df-article .wp-block-group > .wp-block-heading:first-child {
	margin-top: 0 !important;
}
body.single-post:not(.postid-217) .entry-content .df-article #introduction > p:last-of-type {
	margin-bottom: 2rem !important;
}
.entry-content .space-y-3 > * + * { margin-top: 0.75rem; }
.entry-content .space-y-8 > * + * { margin-top: 2rem; }
.entry-content .space-y-4 > *,
.entry-content .space-y-6 > *,
.entry-content .space-y-8 > *,
.entry-content .space-y-10 > *,
.entry-content .space-y-12 > *,
.entry-content .space-y-16 > * {
	margin-top: 0;
}
.entry-content .space-y-4 p,
.entry-content .space-y-6 p,
.entry-content .space-y-8 p,
.entry-content .space-y-10 p,
.entry-content .space-y-12 p {
	margin-bottom: 0;
}
.entry-content .flex { display: flex; }
.entry-content .items-center { align-items: center; }
.entry-content .items-start { align-items: flex-start; }
.entry-content .shrink-0 { flex-shrink: 0; }
.entry-content .block { display: block; }
.entry-content .space-y-2 > * + * { margin-top: 0.5rem; }
.entry-content .w-2 { width: 0.5rem; }
.entry-content .h-2 { height: 0.5rem; }
.entry-content .w-2.h-2 { width: 0.5rem; height: 0.5rem; min-width: 0.5rem; }
.entry-content .mt-2 { margin-top: 0.5rem; }
.entry-content .mb-10 { margin-bottom: 2.5rem; }
.entry-content .leading-tight { line-height: 1.25; }
.entry-content .text-foreground\/60 { color: rgba(17, 17, 17, 0.6) !important; }
.entry-content .border-2 { border-width: 2px; border-style: solid; }
.entry-content .border-2.border-accent,
.entry-content .p-8.border-2.border-accent.bg-accent\/5 {
	border: 2px solid #ea580c !important;
	background: rgba(234, 88, 12, 0.05) !important;
}
.entry-content h4.font-michroma,
.entry-content h4.text-\[10px\] {
	font-family: Michroma, "JetBrains Mono", ui-monospace, sans-serif !important;
	font-size: 0.75rem !important;
	letter-spacing: 0.16em !important;
	text-transform: uppercase !important;
	color: #ea580c !important;
	margin: 0 0 1.5rem !important;
	text-align: center;
	border: 0 !important;
	padding: 0 !important;
}
.entry-content .grid.text-center .space-y-2 {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.35rem;
	text-align: center;
}
.entry-content .grid.text-center .space-y-2 > * + * { margin-top: 0; }
.entry-content .grid.text-center .space-y-2 p {
	margin: 0 !important;
	max-width: 22rem;
}
.entry-content .p-4.flex {
	display: flex;
	align-items: flex-start;
	gap: 0.75rem;
	padding: 1rem !important;
	margin: 0;
}
.entry-content .p-4.flex .font-bold.block {
	display: block;
	margin: 0 0 0.25rem !important;
}
.entry-content .p-4.flex .text-xs {
	display: block;
	margin: 0 !important;
	color: rgba(17, 17, 17, 0.6) !important;
}
.entry-content .w-2.h-2.rounded-full.bg-accent {
	background: #ea580c !important;
	border-radius: 9999px;
	flex-shrink: 0;
}
.entry-content .gap-2 { gap: 0.5rem; }
.entry-content .gap-3 { gap: 0.75rem; }
.entry-content .gap-4 { gap: 1rem; }
.entry-content .gap-6 { gap: 1.5rem; }
.entry-content .p-4 { padding: 1rem; }
.entry-content .p-6 { padding: 1.5rem !important; }
.entry-content .p-8 { padding: 2rem !important; }
.entry-content .space-y-4 > * + * { margin-top: 1rem; }
.entry-content ul.space-y-4 {
	list-style: none;
	padding: 0;
	margin: 0;
}
.entry-content li.flex {
	display: flex;
	align-items: flex-start;
	gap: 1rem;
	list-style: none;
	margin: 0;
}
.entry-content svg.lucide {
	display: inline-block;
	flex-shrink: 0;
	vertical-align: middle;
}
.entry-content h2.flex,
.entry-content h3.flex {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	line-height: 1.3;
	border-left: 0;
	padding-left: 0;
	text-transform: none;
	letter-spacing: 0;
	font-family: "IBM Plex Sans", system-ui, sans-serif;
	color: #111;
}
.entry-content h2.mb-8 { margin-bottom: 2rem !important; }
.entry-content h3.mb-4 { margin: 0 0 1rem !important; }
.entry-content h3.mb-6 { margin: 0 0 1.5rem !important; }
.entry-content h3.text-xl {
	font-size: 1.25rem !important;
	color: #111 !important;
	text-transform: none !important;
	letter-spacing: 0 !important;
	border: 0 !important;
	padding: 0 !important;
}
.entry-content .text-blue-500 { color: #3b82f6 !important; }
.entry-content .bg-\[\#1c1c1c\] {
	background: #1c1c1c !important;
	color: #fff;
	border-radius: 1rem;
	padding: 2rem !important;
	margin: 0 0 2rem;
	border: 1px solid rgba(255, 255, 255, 0.1);
	box-shadow: 0 20px 40px rgba(0, 0, 0, 0.12);
}
.entry-content .bg-\[\#1c1c1c\] h3,
.entry-content .bg-\[\#1c1c1c\] .wp-block-heading {
	color: #fff !important;
	border: 0 !important;
	padding: 0 !important;
	margin: 0 0 1.5rem !important;
	text-transform: none !important;
	letter-spacing: 0 !important;
	font-size: 1.25rem !important;
}
.entry-content .bg-\[\#1c1c1c\] p,
.entry-content .text-gray-400 { color: #9ca3af !important; }
.entry-content .bg-white\/5 {
	background: rgba(255, 255, 255, 0.05) !important;
	border: 1px solid rgba(255, 255, 255, 0.08) !important;
	border-radius: 0.5rem;
	padding: 1rem !important;
}
.entry-content .bg-white\/5 h4 {
	color: #ea580c !important;
	font-size: 0.75rem !important;
	text-transform: uppercase !important;
	letter-spacing: 0.08em;
	border: 0 !important;
	padding: 0 !important;
	margin: 0 0 0.25rem !important;
}
.entry-content .bg-white\/5 p {
	color: #fff !important;
	font-size: 0.875rem !important;
	margin: 0 !important;
	font-weight: 500;
}
.entry-content .grid { display: grid; }
.entry-content .grid.gap-4 { gap: 1rem; }
.entry-content .grid.gap-6 { gap: 1.5rem; }
.entry-content .grid.gap-8 { gap: 2rem; }
.entry-content .grid.gap-10 { gap: 2.5rem; }
.entry-content .grid.gap-12 { gap: 3rem; }
.entry-content .grid.md\:grid-cols-2,
.entry-content .md\:grid-cols-2 { grid-template-columns: 1fr; }
.entry-content .grid.md\:grid-cols-3,
.entry-content .md\:grid-cols-3 { grid-template-columns: 1fr; }
.entry-content .grid.md\:grid-cols-4,
.entry-content .md\:grid-cols-4 { grid-template-columns: 1fr; }
.entry-content .grid.sm\:grid-cols-2,
.entry-content .sm\:grid-cols-2 { grid-template-columns: 1fr; }
@media (min-width: 640px) {
	.entry-content .grid.sm\:grid-cols-2,
	.entry-content .sm\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 768px) {
	.entry-content .grid.md\:grid-cols-2,
	.entry-content .md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.entry-content .grid.md\:grid-cols-3,
	.entry-content .md\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.entry-content .grid.md\:grid-cols-4,
	.entry-content .md\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
	.entry-content .md\:col-span-2 { grid-column: span 2 / span 2; }
	.entry-content .md\:col-span-3 { grid-column: span 3 / span 3; }
}
.entry-content .xl\:grid-cols-12 { grid-template-columns: 1fr; }
@media (min-width: 1280px) {
	.entry-content .grid.xl\:grid-cols-12,
	.entry-content .xl\:grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); }
	.entry-content .xl\:col-span-8 { grid-column: span 8 / span 8; }
	.entry-content .xl\:col-span-4 { grid-column: span 4 / span 4; }
}
.entry-content .border-l-2 { border-top: 0; border-right: 0; border-bottom: 0; border-left-width: 2px; border-left-style: solid; }
.entry-content .border-l-2.border-accent { border-left-color: #ea580c; }
.entry-content .border-l-2.border-border,
.entry-content .border-l-2.border-border\/50,
.entry-content .border-l-2.border-border\/20 { border-left-color: rgba(17, 17, 17, 0.16); }
.entry-content .pl-8 { padding-left: 2rem; }
.entry-content .py-4 { padding-top: 1rem; padding-bottom: 1rem; }
.entry-content .pb-4 { padding-bottom: 1rem; }
.entry-content .md\:col-span-2.border-l-2.bg-accent\/5,
.entry-content .border-l-2.bg-accent\/5.md\:col-span-2 {
	border: 0 !important;
	border-left: 2px solid #ea580c !important;
	border-radius: 0;
	padding: 1rem 0 1rem 2rem !important;
	background: rgba(234, 88, 12, 0.05) !important;
	grid-column: 1 / -1;
}
.entry-content .rounded-xl {
	border-radius: 0.75rem;
}
.entry-content .grid.md\:grid-cols-2 > .rounded-xl {
	height: 100%;
	box-sizing: border-box;
}
.entry-content .bg-accent\/5 {
	background: rgba(234, 88, 12, 0.05) !important;
	border: 1px solid rgba(234, 88, 12, 0.2) !important;
}
.entry-content .rounded-xl h3,
.entry-content .rounded-xl .flex h3 {
	color: #111 !important;
	margin: 0 !important;
	font-size: 1.25rem !important;
}
.entry-content .rounded-xl p.text-sm { margin: 0 !important; }
.entry-content .rounded-2xl.bg-blue-500\/5 {
	background: rgba(59, 130, 246, 0.06) !important;
	border: 1px solid rgba(59, 130, 246, 0.12) !important;
	border-radius: 1rem;
	padding: 2rem !important;
	margin: 0 0 2rem;
}
.entry-content .rounded-xl.bg-blue-500\/5 {
	background: rgba(59, 130, 246, 0.06) !important;
	border: 1px solid rgba(59, 130, 246, 0.2) !important;
	padding: 1.5rem !important;
	margin: 0;
	border-radius: 0.75rem;
}
.entry-content .rounded-2xl.bg-blue-500\/5 h3 {
	color: #111 !important;
	border: 0 !important;
	padding: 0 !important;
	margin: 0 0 1rem !important;
	text-transform: none !important;
	letter-spacing: 0 !important;
	font-size: 1.25rem !important;
}
.entry-content .rounded-2xl.bg-blue-500\/5 ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.entry-content .rounded-2xl.bg-blue-500\/5 li {
	display: flex;
	gap: 1rem;
	margin: 0;
	align-items: flex-start;
}
.entry-content .overflow-x-auto { overflow-x: auto; max-width: 100%; }
.entry-content table {
	width: 100%;
	border-collapse: collapse;
	font-size: 0.875rem;
	margin: 0;
}
.entry-content th,
.entry-content td {
	border: 1px solid rgba(17, 17, 17, 0.12);
	padding: 1rem;
	text-align: left;
	vertical-align: top;
}
.entry-content thead tr { background: rgba(17, 17, 17, 0.06); }
.entry-content tbody tr:nth-child(even),
.entry-content tbody tr.bg-muted\/20 { background: rgba(17, 17, 17, 0.035); }
.entry-content th.text-accent { color: #ea580c !important; }
.entry-content th.text-blue-500 { color: #3b82f6 !important; }
.entry-content td.font-semibold { font-weight: 700; }

/* Orange CTA banner (Master the Spectrum of AI) */
.entry-content .rounded-3xl.bg-accent,
.entry-content .p-12.bg-accent.text-white {
	background: #ea580c !important;
	color: #fff !important;
	border-radius: 1.5rem;
	padding: 3rem !important;
	text-align: center;
	box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
	margin: 0;
	border: 0;
}
.entry-content .rounded-3xl.bg-accent h3,
.entry-content .p-12.bg-accent h3 {
	color: #fff !important;
	font-size: 1.875rem !important;
	font-weight: 700 !important;
	margin: 0 0 1rem !important;
	border: 0 !important;
	padding: 0 !important;
	text-transform: none !important;
	letter-spacing: 0 !important;
	font-family: "IBM Plex Sans", system-ui, sans-serif !important;
}
.entry-content .text-white\/80 { color: rgba(255, 255, 255, 0.8) !important; }
.entry-content .max-w-xl { max-width: 36rem; }
.entry-content .mx-auto { margin-left: auto; margin-right: auto; }
.entry-content .justify-center { justify-content: center; }
.entry-content .flex.justify-center { display: flex; justify-content: center; gap: 1rem; flex-wrap: wrap; }
.entry-content .rounded-full { border-radius: 9999px; }
.entry-content .px-8 { padding-left: 2rem; padding-right: 2rem; }
.entry-content .py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; }
.entry-content .p-12 { padding: 3rem; }
.entry-content button.bg-white.text-accent,
.entry-content .rounded-3xl button.bg-white {
	background: #fff !important;
	color: #ea580c !important;
	border: 0;
	cursor: pointer;
	font-weight: 700;
	font-size: 1rem;
	font-family: inherit;
}
.entry-content button.bg-transparent.border-2,
.entry-content .rounded-3xl button.bg-transparent {
	background: transparent !important;
	color: #fff !important;
	border: 2px solid #fff;
	cursor: pointer;
	font-weight: 700;
	font-size: 1rem;
	font-family: inherit;
}

/* FAQ accordion */
.entry-content .space-y-4:has(details) {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}
.entry-content .space-y-4:has(details) > * + * {
	margin-top: 0;
}
.entry-content details.rounded-xl,
.entry-content details.bg-muted\/30 {
	background: rgba(17, 17, 17, 0.045) !important;
	border: 1px solid transparent !important;
	border-radius: 0.75rem !important;
	padding: 1.5rem !important;
	margin: 0 !important;
	cursor: pointer;
}
.entry-content details.rounded-xl:hover {
	border-color: rgba(234, 88, 12, 0.3) !important;
}
.entry-content details summary {
	font-weight: 700;
	font-size: 1.125rem;
	line-height: 1.4;
	list-style: none;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 1rem;
	cursor: pointer;
	color: #111 !important;
}
.entry-content details summary::-webkit-details-marker,
.entry-content details summary::marker {
	display: none;
	content: "";
}
.entry-content details summary .text-accent {
	color: #ea580c !important;
	flex-shrink: 0;
	transition: transform 0.2s ease;
}
.entry-content details[open] .group-open\:rotate-180 {
	transform: rotate(180deg);
}
.entry-content details p.mt-4,
.entry-content details .mt-4 {
	margin: 1rem 0 0 !important;
	color: rgba(17, 17, 17, 0.7) !important;
}

/* Shared snapshot utilities used across articles (do not restyle GenAI-only panels) */
.entry-content :not(pre) > code {
	font-family: "JetBrains Mono", ui-monospace, monospace;
	font-size: 0.85em;
	background: rgba(17, 17, 17, 0.07);
	padding: 0.12em 0.4em;
	border-radius: 0.25rem;
}
.entry-content .bg-muted\/30,
.entry-content .bg-muted\/20,
.entry-content .bg-muted\/50,
.entry-content [class*="bg-muted"] {
	background: rgba(17, 17, 17, 0.045);
}
.entry-content .border.border-border,
.entry-content .border.border-border\/60 {
	border: 1px solid rgba(17, 17, 17, 0.12);
}
.entry-content .border-t.border-border,
.entry-content .wp-block-group.border-t.border-border,
.entry-content .wp-block-group.border-t {
	border: none !important;
	border-top: 1px solid rgba(17, 17, 17, 0.12) !important;
}
.entry-content .border-b.border-border {
	border: none;
	border-bottom: 1px solid rgba(17, 17, 17, 0.12);
}
.entry-content .space-y-12 > * + * { margin-top: 3rem; }
.entry-content .w-10 { width: 2.5rem; }
.entry-content .h-10 { height: 2.5rem; }
.entry-content .w-10.h-10 {
	width: 2.5rem;
	height: 2.5rem;
	display: flex;
	align-items: center;
	justify-content: center;
}
.entry-content .ml-4 { margin-left: 1rem; }
.entry-content .ml-8 { margin-left: 2rem; }
.entry-content .py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; }
.entry-content .df-article .wp-block-group.mb-16.border-t.pt-16 {
	margin-top: 0;
	padding-top: 4rem !important;
	margin-bottom: 4rem !important;
}
.entry-content .df-article .wp-block-group.mt-16 {
	margin-top: 4rem !important;
}
.entry-content .rounded-lg { border-radius: 0.5rem; }
.entry-content .rounded-3xl { border-radius: 1.5rem; }
.entry-content .shadow-xl { box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1); }
.entry-content .shadow-2xl { box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); }
.entry-content .space-y-6 > * + * { margin-top: 1.5rem; }
.entry-content .divide-y > * + * {
	border-top: 1px solid rgba(17, 17, 17, 0.12);
	padding-top: 1rem;
}
.entry-content .text-xs { font-size: 0.75rem; }
.entry-content .italic { font-style: italic; }
.entry-content .text-center { text-align: center; }
.entry-content .w-6 { width: 1.5rem; }
.entry-content .h-6 { height: 1.5rem; }
.entry-content .w-8 { width: 2rem; }
.entry-content .h-8 { height: 2rem; }
.entry-content .min-w-0 { min-width: 0; }
.entry-content .flex-shrink-0,
.entry-content .shrink-0 { flex-shrink: 0; }
.entry-content .inline-flex { display: inline-flex; }
.entry-content .justify-between { justify-content: space-between; }
.entry-content .w-8.h-8.rounded-full,
.entry-content .w-8.h-8.bg-accent {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: #ea580c;
	color: #fff !important;
	border-radius: 9999px;
	font-size: 0.75rem;
	font-weight: 700;
}
.entry-content .grid.lg\:grid-cols-3 { grid-template-columns: 1fr; }
.entry-content .grid.lg\:grid-cols-2 { grid-template-columns: 1fr; }
@media (min-width: 1024px) {
	.entry-content .grid.lg\:grid-cols-3,
	.entry-content .lg\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.entry-content .grid.lg\:grid-cols-2,
	.entry-content .lg\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
.entry-content .overflow-x-auto table { margin-bottom: 0; }
.entry-content .df-article .p-8.border,
.entry-content .df-article .p-8[class*="bg-muted"] {
	padding: 2rem !important;
	margin: 0 0 1.5rem;
}

/* Top AI tools for creatives — layout/type from the HTML snapshot, scoped */
.entry-content .df-creatives {
	font-family: "IBM Plex Sans", system-ui, sans-serif;
}
.entry-content .df-creatives .font-michroma {
	font-family: Michroma, "JetBrains Mono", ui-monospace, sans-serif !important;
	letter-spacing: 0.18em;
}
.entry-content .df-creatives h2.flex,
.entry-content .df-creatives h2.text-white,
.entry-content .df-creatives h2.text-3xl,
.entry-content .df-creatives h2.text-4xl {
	font-family: "IBM Plex Sans", system-ui, sans-serif !important;
	text-transform: none !important;
	letter-spacing: 0 !important;
	border-left: 0 !important;
	padding-left: 0 !important;
	color: #111 !important;
	font-size: 1.875rem !important;
	font-weight: 700 !important;
	margin: 0 0 2.5rem !important;
	display: flex;
	align-items: center;
	gap: 1rem;
	line-height: 1.25;
}
.entry-content .df-creatives h2.text-4xl.font-michroma,
.entry-content .df-creatives .rounded-\[3rem\] h2 {
	font-family: Michroma, "JetBrains Mono", sans-serif !important;
	text-transform: uppercase !important;
	letter-spacing: -0.04em !important;
	font-size: 2.25rem !important;
	justify-content: center;
	margin-bottom: 2rem !important;
}
.entry-content .df-creatives h4,
.entry-content .df-creatives h5 {
	text-transform: none !important;
	letter-spacing: 0 !important;
	border: 0 !important;
	padding: 0 !important;
	color: #111 !important;
	font-family: "IBM Plex Sans", system-ui, sans-serif !important;
	margin: 0 0 1rem !important;
	font-size: 1.25rem !important;
}
.entry-content .df-creatives h4.text-2xl { font-size: 1.5rem !important; }
.entry-content .df-creatives h4.italic { font-style: italic; }
.entry-content .df-creatives h4.font-michroma,
.entry-content .df-creatives h4.text-xs.uppercase {
	font-family: Michroma, "JetBrains Mono", sans-serif !important;
	font-size: 0.75rem !important;
	text-transform: uppercase !important;
	letter-spacing: 0.16em !important;
	color: #ea580c !important;
}
.entry-content .df-creatives .mb-20 { margin-bottom: 5rem !important; }
.entry-content .df-creatives .mb-10 { margin-bottom: 2.5rem !important; }
.entry-content .df-creatives .mb-12 { margin-bottom: 3rem !important; }
.entry-content .df-creatives .p-10 { padding: 2.5rem !important; }
.entry-content .df-creatives .p-16 { padding: 4rem !important; }
.entry-content .df-creatives .p-6 { padding: 1.5rem !important; }
.entry-content .df-creatives .pt-16 { padding-top: 4rem !important; }
.entry-content .df-creatives .border-t { border-top: 1px solid rgba(17, 17, 17, 0.08); }
.entry-content .df-creatives .border-white\/5,
.entry-content .df-creatives .border-white\/10 {
	border-color: rgba(17, 17, 17, 0.1) !important;
}
/* HTML was designed on a dark page. On this light site, pale grays/whites vanish. */
.entry-content .df-creatives .text-white { color: #111 !important; }
.entry-content .df-creatives .text-white\/20 { color: rgba(17, 17, 17, 0.5) !important; }
.entry-content .df-creatives .text-gray-300 { color: #1f2937 !important; }
.entry-content .df-creatives .text-gray-400 { color: #374151 !important; }
.entry-content .df-creatives .text-gray-500 { color: #4b5563 !important; }
.entry-content .df-creatives .text-accent\/60 { color: #c2410c !important; }
.entry-content .df-creatives > .wp-block-group > p.text-lg,
.entry-content .df-creatives p.text-lg {
	color: #374151 !important;
	font-size: 1.125rem;
}
.entry-content .df-creatives p.text-lg.mb-8 { margin-bottom: 2rem !important; }
.entry-content .df-creatives p.text-lg.mb-10 { margin-bottom: 2.5rem !important; }
.entry-content .df-creatives .text-\[10px\] { font-size: 0.75rem !important; line-height: 1.45; }
.entry-content .df-creatives .text-\[11px\] { font-size: 0.8125rem !important; line-height: 1.5; }
.entry-content .df-creatives .text-xs { font-size: 0.8125rem !important; }
.entry-content .df-creatives .space-y-10 > * + * { margin-top: 2.5rem; }
.entry-content .df-creatives .space-y-6 > * + * { margin-top: 1.5rem; }
.entry-content .df-creatives .flex-wrap { flex-wrap: wrap; }
.entry-content .df-creatives .w-16 { width: 4rem; height: 4rem; }
.entry-content .df-creatives .h-16 { height: 4rem; }
.entry-content .df-creatives .w-16.h-16,
.entry-content .df-creatives .w-16.rounded-2xl {
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(234, 88, 12, 0.1);
	flex-shrink: 0;
}
.entry-content .df-creatives .w-12.h-12 {
	width: 3rem;
	height: 3rem;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 9999px;
	border: 1px solid rgba(234, 88, 12, 0.3);
	color: #ea580c;
	font-family: "JetBrains Mono", ui-monospace, monospace;
	flex-shrink: 0;
}
.entry-content .df-creatives .bg-white\/5 {
	background: rgba(17, 17, 17, 0.04) !important;
	border: 1px solid rgba(17, 17, 17, 0.1) !important;
	color: inherit;
}
.entry-content .df-creatives .bg-\[\#1c1c1c\],
.entry-content .df-creatives .from-\[\#1c1c1c\] {
	background: #1c1c1c !important;
	color: #e5e5e5;
	border: 1px solid rgba(255, 255, 255, 0.1) !important;
}
.entry-content .df-creatives .bg-gradient-to-br.from-\[\#1c1c1c\] {
	background: linear-gradient(to bottom right, #1c1c1c, #000) !important;
	padding: 2.5rem !important;
	border-radius: 1.5rem;
	margin-bottom: 3rem;
	border: 1px solid rgba(255, 255, 255, 0.06) !important;
}
.entry-content .df-creatives .bg-gradient-to-br.from-\[\#1c1c1c\] p,
.entry-content .df-creatives .bg-gradient-to-br.from-\[\#1c1c1c\] .text-white {
	color: #fff !important;
	margin-bottom: 1.5rem !important;
}
.entry-content .df-creatives .bg-\[\#1c1c1c\] h4,
.entry-content .df-creatives .bg-\[\#1c1c1c\] h5,
.entry-content .df-creatives .bg-\[\#1c1c1c\] .text-white,
.entry-content .df-creatives .from-\[\#1c1c1c\] h4,
.entry-content .df-creatives .from-\[\#1c1c1c\] .text-white {
	color: #fff !important;
}
.entry-content .df-creatives .bg-\[\#1c1c1c\] p.text-sm,
.entry-content .df-creatives .bg-\[\#1c1c1c\] .text-gray-500 {
	color: #9ca3af !important;
}
.entry-content .df-creatives .bg-black\/40 {
	background: rgba(0, 0, 0, 0.4) !important;
	border: 1px solid rgba(255, 255, 255, 0.06) !important;
	border-radius: 0.75rem;
	padding: 1rem !important;
}
.entry-content .df-creatives .bg-accent\/10 {
	background: rgba(234, 88, 12, 0.1) !important;
}
.entry-content .df-creatives .bg-gradient-to-r.from-accent\/10 {
	background: linear-gradient(to right, rgba(234, 88, 12, 0.1), transparent) !important;
	border: 1px solid rgba(234, 88, 12, 0.2) !important;
	border-radius: 1.5rem;
	padding: 2rem !important;
}
.entry-content .df-creatives .bg-red-500\/5 {
	background: rgba(239, 68, 68, 0.06) !important;
	border: 1px solid rgba(239, 68, 68, 0.12) !important;
	border-radius: 1.5rem;
	padding: 2.5rem !important;
}
.entry-content .df-creatives .text-red-400 { color: #f87171 !important; }
.entry-content .df-creatives .border-red-500\/30 { border-left: 2px solid rgba(239, 68, 68, 0.35) !important; }
.entry-content .df-creatives .rounded-\[3rem\],
.entry-content .df-creatives .bg-gradient-to-b.from-\[\#1c1c1c\] {
	background: linear-gradient(to bottom, #1c1c1c, #0a0a0a) !important;
	border-radius: 3rem !important;
	padding: 4rem 2.5rem !important;
	text-align: center;
	border: 1px solid rgba(255, 255, 255, 0.1) !important;
	color: #d1d5db;
}
.entry-content .df-creatives .rounded-\[3rem\] h2,
.entry-content .df-creatives .bg-gradient-to-b.from-\[\#1c1c1c\] h2 {
	color: #fff !important;
}
.entry-content .df-creatives .rounded-\[3rem\] p,
.entry-content .df-creatives .bg-gradient-to-b.from-\[\#1c1c1c\] p {
	color: #d1d5db !important;
	margin-left: auto;
	margin-right: auto;
}
.entry-content .df-creatives .px-2 { padding-left: 0.5rem; padding-right: 0.5rem; }
.entry-content .df-creatives .py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; }
.entry-content .df-creatives .inline-flex { display: inline-flex; align-items: center; }
.entry-content .df-creatives ul.text-xs {
	list-style: none;
	padding: 0;
	margin: 0;
}
.entry-content .df-creatives .max-w-3xl { max-width: 48rem; }
.entry-content .df-creatives .relative { position: relative; }
.entry-content .df-creatives .z-10 { position: relative; z-index: 1; }
.entry-content .df-creatives .items-start { align-items: flex-start; }
.entry-content .df-creatives .gap-8 { gap: 2rem; }
.entry-content .df-creatives .gap-6 { gap: 1.5rem; }
.entry-content .df-creatives .gap-10 { gap: 2.5rem; }
.entry-content .df-creatives .grid.gap-10 { gap: 2.5rem; }

/* Light type only inside the original dark tiles */
.entry-content .df-creatives .bg-\[\#1c1c1c\] .text-white,
.entry-content .df-creatives .from-\[\#1c1c1c\] .text-white,
.entry-content .df-creatives .bg-black\/40 .text-white,
.entry-content .df-creatives .rounded-\[3rem\] .text-white,
.entry-content .df-creatives .bg-gradient-to-b.from-\[\#1c1c1c\] .text-white,
.entry-content .df-creatives .bg-\[\#1c1c1c\] h4,
.entry-content .df-creatives .bg-\[\#1c1c1c\] h5,
.entry-content .df-creatives .from-\[\#1c1c1c\] h4,
.entry-content .df-creatives .bg-black\/40 h5 {
	color: #fff !important;
}
.entry-content .df-creatives .bg-\[\#1c1c1c\] .text-gray-300,
.entry-content .df-creatives .bg-\[\#1c1c1c\] .text-gray-400,
.entry-content .df-creatives .bg-\[\#1c1c1c\] .text-gray-500,
.entry-content .df-creatives .bg-\[\#1c1c1c\] p,
.entry-content .df-creatives .from-\[\#1c1c1c\] p,
.entry-content .df-creatives .bg-black\/40 p,
.entry-content .df-creatives .bg-black\/40 .text-gray-400,
.entry-content .df-creatives .bg-black\/40 .text-gray-500,
.entry-content .df-creatives .bg-black\/40 .text-\[11px\],
.entry-content .df-creatives .bg-black\/40 .text-\[10px\],
.entry-content .df-creatives .rounded-\[3rem\] p,
.entry-content .df-creatives .bg-gradient-to-b.from-\[\#1c1c1c\] p,
.entry-content .df-creatives .bg-\[\#1c1c1c\] p.text-lg {
	color: #d1d5db !important;
}
.entry-content .df-creatives .bg-\[\#1c1c1c\] .text-white\/20,
.entry-content .df-creatives .rounded-\[3rem\] .text-white\/20 {
	color: rgba(255, 255, 255, 0.45) !important;
}
.entry-content .df-creatives .bg-\[\#1c1c1c\] .text-accent\/60,
.entry-content .df-creatives .bg-\[\#1c1c1c\] li {
	color: #fb923c !important;
}
.entry-content .df-creatives .bg-red-500\/5 p,
.entry-content .df-creatives .bg-red-500\/5 .text-gray-300,
.entry-content .df-creatives .bg-red-500\/5 .text-gray-400 {
	color: #1f2937 !important;
}
.entry-content .df-creatives .bg-red-500\/5 .bg-black\/40 p,
.entry-content .df-creatives .bg-red-500\/5 .bg-black\/40 .text-gray-500 {
	color: #e5e7eb !important;
}
.entry-content .df-creatives .bg-red-500\/5 .bg-black\/40 {
	background: #1c1c1c !important;
}
.entry-content .df-creatives .bg-accent\/5 h4,
.entry-content .df-creatives .bg-gradient-to-r.from-accent\/10 h4,
.entry-content .df-creatives .bg-white\/5 h4,
.entry-content .df-creatives .bg-white\/5 h5,
.entry-content .df-creatives .bg-white\/5 .text-white,
.entry-content .df-creatives .bg-white\/5 span {
	color: #111 !important;
}
.entry-content .df-creatives .bg-white\/5 p,
.entry-content .df-creatives .bg-accent\/5 p,
.entry-content .df-creatives .bg-gradient-to-r.from-accent\/10 p {
	color: #374151 !important;
}
.entry-content .df-creatives .bg-white\/5 .text-accent,
.entry-content .df-creatives .bg-\[\#1c1c1c\] .text-accent {
	color: #ea580c !important;
}
.entry-content .overflow-x-auto table { margin-bottom: 0; }
.entry-content .df-article .p-8.border,
.entry-content .df-article .p-8[class*="bg-muted"] {
	padding: 2rem !important;
	margin: 0 0 1.5rem;
}

.entry-content .border-y,
.entry-content .border-y.border-border {
	border-left: 0 !important;
	border-right: 0 !important;
	border-top: 1px solid rgba(17, 17, 17, 0.12) !important;
	border-bottom: 1px solid rgba(17, 17, 17, 0.12) !important;
}
.entry-content .space-y-16 > * + * { margin-top: 4rem; }
.entry-content .flex-col { flex-direction: column; }
.entry-content .justify-center { justify-content: center; }
.entry-content .mb-3 { margin-bottom: 0.75rem !important; }
.entry-content .pl-6 { padding-left: 1.5rem; }
.entry-content .py-8 { padding-top: 2rem; padding-bottom: 2rem; }
.entry-content .w-fit { width: fit-content; }
.entry-content .pb-1 { padding-bottom: 0.25rem; }
.entry-content .border-b.border-accent { border-bottom: 1px solid #ea580c; }
.entry-content .border-r-4 { border-right: 4px solid #ea580c; }
.entry-content .border-l.border-border {
	border: 0;
	border-left: 1px solid rgba(17, 17, 17, 0.12);
}

.entry-content .df-seo-guide .bg-accent\/5.p-6,
.entry-content .df-seo-guide .grid.md\:grid-cols-3 > .bg-accent\/5 {
	padding: 1.5rem !important;
	margin: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
}
.entry-content .df-seo-guide .bg-accent\/5 p { margin: 0 !important; }
.entry-content .df-seo-guide .bg-accent\/5 p.mb-2 { margin-bottom: 0.5rem !important; }
.entry-content .df-seo-guide .space-y-6 p { margin: 0 !important; }
.entry-content .df-seo-guide .space-y-6 > * + * { margin-top: 1.5rem !important; }
.entry-content .df-seo-guide .space-y-12 > * + * { margin-top: 3rem !important; }
.entry-content .df-seo-guide .space-y-16 > * + * { margin-top: 4rem !important; }
.entry-content .df-seo-guide .space-y-16 { margin-bottom: 4rem !important; }
.entry-content .df-seo-guide .grid.gap-12 { gap: 3rem; }
.entry-content .df-seo-guide .grid h3 {
	margin: 0 0 1rem !important;
	color: #111 !important;
	font-size: 1.25rem !important;
	text-transform: none !important;
	letter-spacing: 0 !important;
	border: 0 !important;
	padding: 0 !important;
}
.entry-content .df-seo-guide .grid p.text-sm,
.entry-content .df-seo-guide .grid.md\:grid-cols-2 p,
.entry-content .df-seo-guide .grid.md\:grid-cols-3 p { margin-bottom: 0 !important; }
.entry-content .df-seo-guide .overflow-x-auto.mb-16 { margin-bottom: 4rem !important; }
.entry-content .df-seo-guide .overflow-x-auto.mb-12 { margin-bottom: 3rem !important; }
.entry-content .df-seo-guide th,
.entry-content .df-seo-guide td { padding: 1rem; }
.entry-content .df-seo-guide ol.space-y-4 {
	margin: 0;
	padding-left: 1.25rem;
}
.entry-content .df-seo-guide ol.space-y-4 li { margin-bottom: 0; }
.entry-content .df-seo-guide ol.space-y-4 > * + * { margin-top: 1rem; }
.entry-content .df-seo-guide .mt-12 { margin-top: 3rem !important; }
.entry-content .df-seo-guide p.mb-8 { margin-bottom: 2rem !important; }
.entry-content .df-seo-guide p.mb-10 { margin-bottom: 2.5rem !important; }
.entry-content .df-seo-guide h3.border-b {
	font-size: 0.875rem !important;
	color: #111 !important;
	margin: 0 0 1.5rem !important;
	text-transform: uppercase !important;
	letter-spacing: 0.1em !important;
	border-left: 0 !important;
	padding-left: 0 !important;
	width: fit-content;
	border-bottom: 1px solid #ea580c !important;
	padding-bottom: 0.25rem !important;
}
.entry-content .df-seo-guide ul.space-y-4 { margin: 0; padding: 0; list-style: none; }
.entry-content .df-seo-guide ul.space-y-4 li.flex { margin: 0; }
.entry-content .df-seo-guide ul.space-y-4 > * + * { margin-top: 1rem; }

.entry-content .space-y-10 > * + * { margin-top: 2.5rem; }
.entry-content .mt-16 { margin-top: 4rem; }
.entry-content .mt-24 { margin-top: 6rem; }
.entry-content .pt-8 { padding-top: 2rem; }
.entry-content .py-12 { padding-top: 3rem; padding-bottom: 3rem; }

.entry-content .df-uncensored > .wp-block-group.mb-16 + .wp-block-group.mb-16 {
	margin-top: 0 !important;
}
.entry-content .df-uncensored > .wp-block-group.mt-16 {
	margin-top: 4rem !important;
}
.entry-content .df-uncensored > .wp-block-group.mt-24 {
	margin-top: 6rem !important;
	margin-bottom: 0 !important;
}
.entry-content .df-uncensored .df-conclusion {
	margin: 0 auto !important;
}
.entry-content .df-uncensored .wp-block-separator {
	margin: 0 0 4rem !important;
	border: 0;
	border-top: 1px solid rgba(17, 17, 17, 0.12);
	background: none;
	height: 0;
}
.entry-content .df-uncensored .space-y-12 p,
.entry-content .df-uncensored .space-y-10 p,
.entry-content .df-uncensored .space-y-6 p,
.entry-content .df-uncensored .space-y-4 p,
.entry-content .df-uncensored .bg-muted\/30 p {
	margin: 0 !important;
}
.entry-content .df-uncensored .space-y-12 h3 {
	margin: 0 0 1rem !important;
	color: #ea580c !important;
	font-size: 1.25rem !important;
	text-transform: none !important;
	letter-spacing: 0 !important;
	border: 0 !important;
	padding: 0 !important;
}
.entry-content .df-uncensored .space-y-10 h3 {
	margin: 0 0 0.75rem !important;
	color: #111 !important;
	font-size: 1.5rem !important;
	text-transform: none !important;
	letter-spacing: 0 !important;
	border: 0 !important;
	padding: 0 !important;
}
.entry-content .df-uncensored .space-y-4 h3,
.entry-content .df-uncensored .space-y-4 h4 {
	margin: 0 !important;
	color: #111 !important;
	border: 0 !important;
	padding: 0 !important;
	text-transform: none !important;
	letter-spacing: 0 !important;
}
.entry-content .df-uncensored .bg-muted\/30 h3 {
	margin: 0 0 1rem !important;
	color: #111 !important;
	border: 0 !important;
	padding: 0 !important;
	text-transform: none !important;
	letter-spacing: 0 !important;
}
.entry-content .df-uncensored .space-y-4 > * + * { margin-top: 1rem !important; }
.entry-content .df-uncensored .space-y-6 > * + * { margin-top: 1.5rem !important; }
.entry-content .df-uncensored .space-y-12 > * + * { margin-top: 3rem !important; }
.entry-content .df-uncensored .grid.gap-8 { gap: 2rem; }
.entry-content .df-uncensored .grid.gap-10 { gap: 2.5rem; }
.entry-content .df-uncensored .grid.gap-12 { gap: 3rem; }
.entry-content .df-uncensored .df-toc { margin: 2rem 0 0 !important; }
.entry-content .df-uncensored p.mb-6 { margin-bottom: 1.5rem !important; }
.entry-content .df-uncensored p.mb-8 { margin-bottom: 2rem !important; }
.entry-content .df-uncensored table { margin-bottom: 2rem; }
.entry-content .df-uncensored td.py-4,
.entry-content .df-uncensored th.pb-4 { padding-top: 1rem; padding-bottom: 1rem; }

.entry-content .df-creatives #introduction {
	margin-bottom: 0 !important;
}
.entry-content .df-creatives #introduction .rounded-3xl.mb-12 {
	margin-bottom: 3rem !important;
}
.entry-content .df-creatives #introduction > p {
	margin: 0 0 2rem !important;
}
.entry-content .df-creatives #introduction .df-toc {
	margin: 2rem 0 0 !important;
}
.entry-content .df-creatives > .wp-block-group.mb-20.pt-16 {
	margin-top: 0 !important;
	margin-bottom: 5rem !important;
	padding-top: 4rem !important;
}
.entry-content .df-creatives > .wp-block-group.pt-16:last-child {
	margin-bottom: 0 !important;
}
.entry-content .df-creatives h2.mb-10 { margin-bottom: 2.5rem !important; }
.entry-content .df-creatives .grid.mb-12 { margin-bottom: 3rem !important; }
.entry-content .df-creatives .rounded-2xl p.mb-6 { margin-bottom: 1.5rem !important; }
.entry-content .df-creatives .space-y-6 p { margin: 0 !important; }
.entry-content .df-creatives .space-y-6 > * + * { margin-top: 1.5rem !important; }
.entry-content .df-creatives .mt-12 { margin-top: 3rem !important; }