/* AI SEO Wizard - Premium frontend (tema cakismasini onlemek icin .ai-seo-article altinda kapsullu) */
.ai-seo-article {
	--ai-seo-primary: #2563eb;
	--ai-seo-primary-dark: #1d4ed8;
	--ai-seo-ink: #1e2a3a;
	--ai-seo-text: #2d3a4c;
	--ai-seo-muted: #5a6b80;
	--ai-seo-line: #e5ebf2;
	--ai-seo-soft: #f6f9fc;
	box-sizing: border-box;
	position: relative;
	color: var(--ai-seo-text);
}
.ai-seo-article *,
.ai-seo-article *::before,
.ai-seo-article *::after { box-sizing: border-box; }

/* ---- Ikonlar (SVG mask, font bagimliligi yok) ---- */
.ai-seo-ico {
	display: inline-block;
	width: 1em;
	height: 1em;
	vertical-align: -0.125em;
	background-color: currentColor;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-size: contain;
	mask-size: contain;
	flex-shrink: 0;
}
.ai-seo-ico-clock { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2a10 10 0 100 20 10 10 0 000-20zm0 18a8 8 0 110-16 8 8 0 010 16zm1-13h-2v6l5 3 1-1.7-4-2.3z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2a10 10 0 100 20 10 10 0 000-20zm0 18a8 8 0 110-16 8 8 0 010 16zm1-13h-2v6l5 3 1-1.7-4-2.3z'/%3E%3C/svg%3E"); }
.ai-seo-ico-doc { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8l-6-6zm-1 7V3.5L18.5 9H13zM8 13h8v2H8v-2zm0 4h8v2H8v-2z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8l-6-6zm-1 7V3.5L18.5 9H13zM8 13h8v2H8v-2zm0 4h8v2H8v-2z'/%3E%3C/svg%3E"); }
.ai-seo-ico-user { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 12a5 5 0 100-10 5 5 0 000 10zm0 2c-5 0-9 2.5-9 5.5V22h18v-2.5c0-3-4-5.5-9-5.5z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 12a5 5 0 100-10 5 5 0 000 10zm0 2c-5 0-9 2.5-9 5.5V22h18v-2.5c0-3-4-5.5-9-5.5z'/%3E%3C/svg%3E"); }
.ai-seo-ico-lang { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2a10 10 0 100 20 10 10 0 000-20zm6.9 6h-3a15 15 0 00-1.1-3.6A8 8 0 0118.9 8zM12 4c.8 1.1 1.4 2.5 1.8 4h-3.6c.4-1.5 1-2.9 1.8-4zM4.3 14a8 8 0 010-4h3.4a16 16 0 000 4H4.3zm.8 2h3a15 15 0 001.1 3.6A8 8 0 015.1 16zm3-8h-3a8 8 0 014.1-3.6A15 15 0 008.1 8zM12 20c-.8-1.1-1.4-2.5-1.8-4h3.6c-.4 1.5-1 2.9-1.8 4zm2.3-6H9.7a14 14 0 010-4h4.6a14 14 0 010 4zm.6 5.6a15 15 0 001.1-3.6h3a8 8 0 01-4.1 3.6zm1.5-5.6a16 16 0 000-4h3.4a8 8 0 010 4h-3.4z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2a10 10 0 100 20 10 10 0 000-20zm6.9 6h-3a15 15 0 00-1.1-3.6A8 8 0 0118.9 8zM12 4c.8 1.1 1.4 2.5 1.8 4h-3.6c.4-1.5 1-2.9 1.8-4zM4.3 14a8 8 0 010-4h3.4a16 16 0 000 4H4.3zm.8 2h3a15 15 0 001.1 3.6A8 8 0 015.1 16zm3-8h-3a8 8 0 014.1-3.6A15 15 0 008.1 8zM12 20c-.8-1.1-1.4-2.5-1.8-4h3.6c-.4 1.5-1 2.9-1.8 4zm2.3-6H9.7a14 14 0 010-4h4.6a14 14 0 010 4zm.6 5.6a15 15 0 001.1-3.6h3a8 8 0 01-4.1 3.6zm1.5-5.6a16 16 0 000-4h3.4a8 8 0 010 4h-3.4z'/%3E%3C/svg%3E"); }
.ai-seo-ico-magic { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M7.5 5.6L9 4l1.5 1.6L12 4l-.6 2L13 7.5 11 8l.4 2L9.5 9 8 10.4 8.4 8 6.5 7.5 8 6l-.5-.4zM3 21l9-9 2 2-9 9-2-2zm14.5-8.5L19 11l1.5 1.5L22 11l-.6 2L23 14.5 21 15l.4 2-1.9-1.4L18 17l.4-2L16.5 14l2-.5-.5-1z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M7.5 5.6L9 4l1.5 1.6L12 4l-.6 2L13 7.5 11 8l.4 2L9.5 9 8 10.4 8.4 8 6.5 7.5 8 6l-.5-.4zM3 21l9-9 2 2-9 9-2-2zm14.5-8.5L19 11l1.5 1.5L22 11l-.6 2L23 14.5 21 15l.4 2-1.9-1.4L18 17l.4-2L16.5 14l2-.5-.5-1z'/%3E%3C/svg%3E"); }
.ai-seo-ico-sound { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 9v6h4l5 5V4L7 9H3zm13.5 3a4.5 4.5 0 00-2.5-4v8a4.5 4.5 0 002.5-4zM14 3.2v2.1a7 7 0 010 13.4v2.1a9 9 0 000-17.6z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 9v6h4l5 5V4L7 9H3zm13.5 3a4.5 4.5 0 00-2.5-4v8a4.5 4.5 0 002.5-4zM14 3.2v2.1a7 7 0 010 13.4v2.1a9 9 0 000-17.6z'/%3E%3C/svg%3E"); }
.ai-seo-ico-pause { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M6 5h4v14H6V5zm8 0h4v14h-4V5z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M6 5h4v14H6V5zm8 0h4v14h-4V5z'/%3E%3C/svg%3E"); }
.ai-seo-ico-play { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M8 5v14l11-7z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M8 5v14l11-7z'/%3E%3C/svg%3E"); }
.ai-seo-ico-stop { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M6 6h12v12H6z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M6 6h12v12H6z'/%3E%3C/svg%3E"); }
.ai-seo-ico-link, .ai-seo-ico-copy { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3.9 12a3.1 3.1 0 013.1-3.1h4V7H7a5 5 0 100 10h4v-1.9H7A3.1 3.1 0 013.9 12zM8 13h8v-2H8v2zm9-6h-4v1.9h4a3.1 3.1 0 010 6.2h-4V17h4a5 5 0 000-10z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3.9 12a3.1 3.1 0 013.1-3.1h4V7H7a5 5 0 100 10h4v-1.9H7A3.1 3.1 0 013.9 12zM8 13h8v-2H8v2zm9-6h-4v1.9h4a3.1 3.1 0 010 6.2h-4V17h4a5 5 0 000-10z'/%3E%3C/svg%3E"); }
.ai-seo-ico-quote { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M7 7H4v6h4v-1c0 2-1 3-3 3v2c3 0 5-2 5-5V7H7zm10 0h-3v6h4v-1c0 2-1 3-3 3v2c3 0 5-2 5-5V7h-3z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M7 7H4v6h4v-1c0 2-1 3-3 3v2c3 0 5-2 5-5V7H7zm10 0h-3v6h4v-1c0 2-1 3-3 3v2c3 0 5-2 5-5V7h-3z'/%3E%3C/svg%3E"); }
.ai-seo-ico-list { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 6h2v2H4V6zm4 0h12v2H8V6zM4 11h2v2H4v-2zm4 0h12v2H8v-2zm-4 5h2v2H4v-2zm4 0h12v2H8v-2z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 6h2v2H4V6zm4 0h12v2H8V6zM4 11h2v2H4v-2zm4 0h12v2H8v-2zm-4 5h2v2H4v-2zm4 0h12v2H8v-2z'/%3E%3C/svg%3E"); }
.ai-seo-ico-q { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2a10 10 0 100 20 10 10 0 000-20zm1 17h-2v-2h2v2zm2.1-7.7l-.9.9c-.7.7-1.2 1.3-1.2 2.8h-2v-.5c0-1.1.5-2.1 1.2-2.8l1.2-1.2a2 2 0 10-3.4-1.4H8a4 4 0 117.1 2.6z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2a10 10 0 100 20 10 10 0 000-20zm1 17h-2v-2h2v2zm2.1-7.7l-.9.9c-.7.7-1.2 1.3-1.2 2.8h-2v-.5c0-1.1.5-2.1 1.2-2.8l1.2-1.2a2 2 0 10-3.4-1.4H8a4 4 0 117.1 2.6z'/%3E%3C/svg%3E"); }
.ai-seo-ico-bag { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M18 6h-2a4 4 0 00-8 0H6a2 2 0 00-2 2v11a2 2 0 002 2h12a2 2 0 002-2V8a2 2 0 00-2-2zm-6-2a2 2 0 012 2h-4a2 2 0 012-2zm6 15H6V8h2v2h2V8h4v2h2V8h2v11z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M18 6h-2a4 4 0 00-8 0H6a2 2 0 00-2 2v11a2 2 0 002 2h12a2 2 0 002-2V8a2 2 0 00-2-2zm-6-2a2 2 0 012 2h-4a2 2 0 012-2zm6 15H6V8h2v2h2V8h4v2h2V8h2v11z'/%3E%3C/svg%3E"); }
.ai-seo-ico-fb { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M13 22v-8h2.7l.4-3H13V9.1c0-.9.3-1.5 1.6-1.5H16V5c-.3 0-1.2-.1-2.2-.1-2.2 0-3.8 1.4-3.8 3.9V11H7.5v3H10v8h3z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M13 22v-8h2.7l.4-3H13V9.1c0-.9.3-1.5 1.6-1.5H16V5c-.3 0-1.2-.1-2.2-.1-2.2 0-3.8 1.4-3.8 3.9V11H7.5v3H10v8h3z'/%3E%3C/svg%3E"); }
.ai-seo-ico-x { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M17.5 3h3l-6.6 7.5L21.5 21h-5.9l-4.3-5.6L6.2 21H3.2l7-8L2.5 3h6l3.9 5.1L17.5 3zm-1 16h1.7L7.6 4.8H5.8L16.5 19z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M17.5 3h3l-6.6 7.5L21.5 21h-5.9l-4.3-5.6L6.2 21H3.2l7-8L2.5 3h6l3.9 5.1L17.5 3zm-1 16h1.7L7.6 4.8H5.8L16.5 19z'/%3E%3C/svg%3E"); }
.ai-seo-ico-in { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M6.9 8H4v12h3V8zM5.4 3.5A1.7 1.7 0 105.4 7a1.7 1.7 0 000-3.4zM20 20h-3v-6c0-1.5-.5-2.4-1.8-2.4-1 0-1.6.7-1.8 1.3-.1.2-.1.6-.1.9V20H9.4V8H12v1.7c.5-.8 1.3-1.9 3.2-1.9 2.4 0 4 1.5 4 4.8V20z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M6.9 8H4v12h3V8zM5.4 3.5A1.7 1.7 0 105.4 7a1.7 1.7 0 000-3.4zM20 20h-3v-6c0-1.5-.5-2.4-1.8-2.4-1 0-1.6.7-1.8 1.3-.1.2-.1.6-.1.9V20H9.4V8H12v1.7c.5-.8 1.3-1.9 3.2-1.9 2.4 0 4 1.5 4 4.8V20z'/%3E%3C/svg%3E"); }
.ai-seo-ico-wa { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2a10 10 0 00-8.5 15.3L2 22l4.8-1.5A10 10 0 1012 2zm0 18a8 8 0 01-4.1-1.1l-.3-.2-2.8.9.9-2.8-.2-.3A8 8 0 1112 20zm4.4-5.6c-.2-.1-1.4-.7-1.6-.8-.2-.1-.4-.1-.5.1l-.7.9c-.1.2-.3.2-.5.1a6.5 6.5 0 01-3.2-2.8c-.2-.4.2-.4.6-1.2.1-.2 0-.3 0-.5l-.7-1.7c-.2-.4-.4-.4-.5-.4h-.5c-.2 0-.5.1-.7.3-.8.8-1 1.9-.6 3.1.7 2 2.1 3.5 4 4.4 1.3.6 2.4.7 3.2.4.5-.2 1.4-.6 1.6-1.2.2-.5.2-1 .1-1.1l-.4-.1z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2a10 10 0 00-8.5 15.3L2 22l4.8-1.5A10 10 0 1012 2zm0 18a8 8 0 01-4.1-1.1l-.3-.2-2.8.9.9-2.8-.2-.3A8 8 0 1112 20zm4.4-5.6c-.2-.1-1.4-.7-1.6-.8-.2-.1-.4-.1-.5.1l-.7.9c-.1.2-.3.2-.5.1a6.5 6.5 0 01-3.2-2.8c-.2-.4.2-.4.6-1.2.1-.2 0-.3 0-.5l-.7-1.7c-.2-.4-.4-.4-.5-.4h-.5c-.2 0-.5.1-.7.3-.8.8-1 1.9-.6 3.1.7 2 2.1 3.5 4 4.4 1.3.6 2.4.7 3.2.4.5-.2 1.4-.6 1.6-1.2.2-.5.2-1 .1-1.1l-.4-.1z'/%3E%3C/svg%3E"); }

/* ---- Reading progress ---- */
.ai-seo-article .ai-seo-reading-progress {
	position: fixed;
	top: 0;
	left: 0;
	height: 3px;
	width: 0;
	background: linear-gradient(90deg, var(--ai-seo-primary), #60a5fa);
	z-index: 99999;
	transition: width .1s linear;
	pointer-events: none;
}

/* ---- Hero ---- */
.ai-seo-article .ai-seo-hero {
	background: linear-gradient(135deg, #f6f9fc 0%, #eef3f9 100%);
	border: 1px solid var(--ai-seo-line);
	border-radius: 14px;
	padding: 28px 30px;
	margin-bottom: 24px;
}
.ai-seo-article .ai-seo-h1 {
	margin: 0 0 14px;
	font-size: 30px;
	line-height: 1.25;
	font-weight: 800;
	color: var(--ai-seo-ink);
}
.ai-seo-article .ai-seo-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	align-items: center;
	margin-bottom: 16px;
}
.ai-seo-article .ai-seo-badge {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	background: #fff;
	border: 1px solid #d7dee6;
	color: var(--ai-seo-muted);
	padding: 5px 12px;
	border-radius: 999px;
	font-size: 13px;
}
.ai-seo-article .ai-seo-badge .ai-seo-ico { color: var(--ai-seo-primary); }

/* Toolbar */
.ai-seo-article .ai-seo-toolbar {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}
.ai-seo-article .ai-seo-tool-btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	border: 1px solid #d7dee6;
	background: #fff;
	color: var(--ai-seo-muted);
	padding: 9px 15px;
	border-radius: 10px;
	cursor: pointer;
	font-size: 13.5px;
	font-weight: 600;
	line-height: 1;
	transition: all .18s ease;
}
.ai-seo-article .ai-seo-tool-btn:hover {
	border-color: var(--ai-seo-primary);
	color: var(--ai-seo-primary);
	box-shadow: 0 4px 12px rgba(37, 99, 235, .14);
	transform: translateY(-1px);
}
.ai-seo-article .ai-seo-tool-btn.is-active {
	background: var(--ai-seo-primary);
	border-color: var(--ai-seo-primary);
	color: #fff;
}
.ai-seo-article .ai-seo-tool-btn .ai-seo-ico { font-size: 16px; }

/* Summary box */
.ai-seo-article .ai-seo-summary {
	margin-top: 18px;
	background: #fff;
	border: 1px solid var(--ai-seo-line);
	border-left: 4px solid var(--ai-seo-primary);
	border-radius: 12px;
	padding: 18px 20px;
	box-shadow: 0 2px 10px rgba(37, 99, 235, .05);
	animation: ai-seo-fade .25s ease;
}
@keyframes ai-seo-fade { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: none; } }
.ai-seo-article .ai-seo-summary h3 {
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 0 0 8px;
	font-size: 16px;
	font-weight: 700;
	color: var(--ai-seo-ink);
}
.ai-seo-article .ai-seo-summary h3 .ai-seo-ico { color: var(--ai-seo-primary); }
.ai-seo-article .ai-seo-summary-body { margin: 0; font-size: 14.5px; line-height: 1.65; color: #34445a; }

/* ---- Layout ---- */
.ai-seo-article .ai-seo-layout { display: block; }
.ai-seo-article .ai-seo-layout.has-sidebar {
	display: grid;
	grid-template-columns: 260px 1fr;
	gap: 28px;
	align-items: start;
}
@media (max-width: 991px) {
	.ai-seo-article .ai-seo-layout.has-sidebar { grid-template-columns: 1fr; }
}

/* TOC */
.ai-seo-article .ai-seo-toc {
	position: sticky;
	top: 90px;
	background: #fff;
	border: 1px solid var(--ai-seo-line);
	border-radius: 12px;
	padding: 18px;
	max-height: calc(100vh - 120px);
	overflow: auto;
}
@media (max-width: 991px) {
	.ai-seo-article .ai-seo-toc { position: static; max-height: none; margin-bottom: 20px; }
}
.ai-seo-article .ai-seo-toc h4 {
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 0 0 12px;
	font-size: 13px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .5px;
	color: var(--ai-seo-ink);
}
.ai-seo-article .ai-seo-toc h4 .ai-seo-ico { color: var(--ai-seo-primary); }
.ai-seo-article .ai-seo-toc ul { list-style: none; margin: 0; padding: 0; }
.ai-seo-article .ai-seo-toc li { margin: 0 0 2px; }
.ai-seo-article .ai-seo-toc li.level-3 { padding-left: 14px; }
.ai-seo-article .ai-seo-toc a {
	display: block;
	padding: 6px 10px;
	border-radius: 6px;
	border-left: 2px solid transparent;
	color: var(--ai-seo-muted);
	font-size: 13px;
	line-height: 1.45;
	text-decoration: none;
	transition: all .15s;
}
.ai-seo-article .ai-seo-toc a:hover { background: var(--ai-seo-soft); color: var(--ai-seo-primary); }
.ai-seo-article .ai-seo-toc a.is-active {
	background: #eef5fc;
	color: var(--ai-seo-primary);
	font-weight: 600;
	border-left-color: var(--ai-seo-primary);
}

/* Content */
.ai-seo-article .ai-seo-content { font-size: 16px; line-height: 1.8; color: var(--ai-seo-text); }
.ai-seo-article .ai-seo-content h2 { font-size: 24px; font-weight: 700; margin: 28px 0 14px; color: var(--ai-seo-ink); scroll-margin-top: 100px; }
.ai-seo-article .ai-seo-content h3 { font-size: 19px; font-weight: 600; margin: 22px 0 10px; color: var(--ai-seo-ink); scroll-margin-top: 100px; }
.ai-seo-article .ai-seo-content p { margin: 0 0 14px; }
.ai-seo-article .ai-seo-content ul,
.ai-seo-article .ai-seo-content ol { padding-left: 22px; margin: 0 0 14px; }
.ai-seo-article .ai-seo-content li { margin-bottom: 6px; }
.ai-seo-article .ai-seo-content a { color: var(--ai-seo-primary); text-underline-offset: 3px; }
.ai-seo-article .ai-seo-content img { max-width: 100%; height: auto; border-radius: 8px; }
.ai-seo-article .ai-seo-content table { width: 100%; border-collapse: collapse; margin: 16px 0; font-size: 14.5px; }
.ai-seo-article .ai-seo-content th,
.ai-seo-article .ai-seo-content td { border: 1px solid var(--ai-seo-line); padding: 10px 12px; text-align: left; }
.ai-seo-article .ai-seo-content th { background: var(--ai-seo-soft); font-weight: 600; color: var(--ai-seo-ink); }
.ai-seo-article .ai-seo-content blockquote { border-left: 4px solid var(--ai-seo-primary); padding: 12px 18px; background: var(--ai-seo-soft); border-radius: 6px; margin: 16px 0; color: #34445a; }

/* Satir ici gorsel */
.ai-seo-article .ai-seo-inline-image { margin: 0 0 20px; }
.ai-seo-article .ai-seo-inline-image img { width: 100%; height: auto; border-radius: 10px; display: block; }
.ai-seo-article .ai-seo-inline-image figcaption { font-size: 13px; color: var(--ai-seo-muted); text-align: center; margin-top: 6px; }

/* Ic baglanti blogu */
.ai-seo-article .ai-seo-internal-links { margin-top: 30px; padding: 18px 20px; background: var(--ai-seo-soft); border: 1px solid var(--ai-seo-line); border-radius: 12px; }
.ai-seo-article .ai-seo-internal-links h2 { margin: 0 0 10px; font-size: 18px; font-weight: 700; color: var(--ai-seo-ink); }
.ai-seo-article .ai-seo-internal-links ul { margin: 0; padding-left: 18px; }
.ai-seo-article .ai-seo-internal-links li { margin-bottom: 6px; }
.ai-seo-article .ai-seo-internal-links a { color: var(--ai-seo-primary); }

/* FAQ */
.ai-seo-article .ai-seo-faq { margin-top: 34px; }
.ai-seo-article .ai-seo-faq h2 { display: flex; align-items: center; gap: 10px; font-size: 22px; font-weight: 700; margin-bottom: 14px; color: var(--ai-seo-ink); }
.ai-seo-article .ai-seo-faq h2 .ai-seo-ico { color: var(--ai-seo-primary); }
.ai-seo-article .ai-seo-faq-item { background: #fff; border: 1px solid var(--ai-seo-line); border-radius: 10px; margin-bottom: 10px; overflow: hidden; }
.ai-seo-article .ai-seo-faq-item summary { display: flex; align-items: center; gap: 10px; padding: 16px 20px; cursor: pointer; font-weight: 600; color: var(--ai-seo-ink); list-style: none; }
.ai-seo-article .ai-seo-faq-item summary::-webkit-details-marker { display: none; }
.ai-seo-article .ai-seo-faq-item summary::before { content: "+"; width: 24px; height: 24px; border-radius: 50%; background: #eef5fc; color: var(--ai-seo-primary); display: inline-flex; align-items: center; justify-content: center; font-weight: 700; flex-shrink: 0; }
.ai-seo-article .ai-seo-faq-item[open] summary::before { content: "\2212"; background: var(--ai-seo-primary); color: #fff; }
.ai-seo-article .ai-seo-faq-answer { padding: 0 20px 18px 54px; color: #34445a; font-size: 14.5px; line-height: 1.7; }

/* Products */
.ai-seo-article .ai-seo-products { margin-top: 36px; }
.ai-seo-article .ai-seo-products h2 { display: flex; align-items: center; gap: 10px; font-size: 22px; font-weight: 700; margin-bottom: 16px; color: var(--ai-seo-ink); }
.ai-seo-article .ai-seo-products h2 .ai-seo-ico { color: var(--ai-seo-primary); }
.ai-seo-article .ai-seo-products-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 18px; }
.ai-seo-article .ai-seo-product-card { background: #fff; border: 1px solid var(--ai-seo-line); border-radius: 12px; overflow: hidden; display: flex; flex-direction: column; transition: all .2s; }
.ai-seo-article .ai-seo-product-card:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(30, 42, 58, .1); border-color: #c9d4e0; }
.ai-seo-article .ai-seo-product-image { display: block; aspect-ratio: 1; background: var(--ai-seo-soft); overflow: hidden; }
.ai-seo-article .ai-seo-product-image img { width: 100%; height: 100%; object-fit: cover; display: block; }
.ai-seo-article .ai-seo-product-body { padding: 14px; display: flex; flex-direction: column; gap: 8px; flex: 1; }
.ai-seo-article .ai-seo-product-name { margin: 0; font-size: 14px; font-weight: 600; line-height: 1.35; }
.ai-seo-article .ai-seo-product-name a { color: var(--ai-seo-ink); text-decoration: none; }
.ai-seo-article .ai-seo-product-name a:hover { color: var(--ai-seo-primary); }
.ai-seo-article .ai-seo-product-price { margin-top: auto; font-weight: 700; color: var(--ai-seo-primary); font-size: 15px; }

/* Share */
.ai-seo-article .ai-seo-share { display: flex; gap: 8px; margin-top: 24px; flex-wrap: wrap; }
.ai-seo-article .ai-seo-share a,
.ai-seo-article .ai-seo-share button {
	width: 40px; height: 40px; border-radius: 50%;
	display: inline-flex; align-items: center; justify-content: center;
	border: 1px solid #d7dee6; background: #fff; color: var(--ai-seo-muted);
	cursor: pointer; text-decoration: none; transition: all .2s;
}
.ai-seo-article .ai-seo-share a:hover,
.ai-seo-article .ai-seo-share button:hover { color: var(--ai-seo-primary); border-color: var(--ai-seo-primary); transform: translateY(-2px); }
.ai-seo-article .ai-seo-share .ai-seo-ico { font-size: 18px; }