/* ==========================================================
   AI AND TECH INFO
   SINGLE POST V2
   PART 1
   LAYOUT • HEADER • META • FEATURED IMAGE
==========================================================*/

/*==========================================================
ROOT LAYOUT
==========================================================*/

.aiti-single-page{
	position:relative;
	width:100%;
	max-width:860px;
	margin:0 auto;
	padding:36px 20px 70px;
}

.aiti-single-article{
	position:relative;
	width:100%;
}

.aiti-single-content-wrap{
	width:100%;
}

/*==========================================================
HEADER
==========================================================*/

.aiti-single-header{
	margin:0 0 32px;
}

.aiti-single-header>*:last-child{
	margin-bottom:0;
}

/*==========================================================
CATEGORY
==========================================================*/

.aiti-single-category{
	display:flex;
	align-items:center;
	flex-wrap:wrap;
	gap:10px;
	margin:0 0 18px;
	padding:0;
	list-style:none;
}

.aiti-single-category a{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-height:38px;
	padding:0 18px;
	background:#eff6ff;
	border:1px solid #bfdbfe;
	border-radius:999px;
	color:#2563eb;
	font-size:13px;
	font-weight:700;
	letter-spacing:.02em;
	line-height:1;
	text-decoration:none;
	transition:.28s ease;
}

.aiti-single-category a:hover{
	background:#2563eb;
	border-color:#2563eb;
	color:#fff;
	transform:translateY(-2px);
	box-shadow:0 10px 24px rgba(37,99,235,.18);
}

/*==========================================================
TITLE
==========================================================*/

.aiti-single-title{
	margin:0;
	padding:0;
	font-size:46px;
	font-weight:800;
	line-height:1.18;
	letter-spacing:-.04em;
	color:#111827;
	word-break:break-word;
	text-wrap:balance;
}

/*==========================================================
META
==========================================================*/

.aiti-single-meta{
	display:flex;
	align-items:center;
	flex-wrap:wrap;
	column-gap:22px;
	row-gap:12px;
	margin-top:26px;
	padding-top:22px;
	border-top:1px solid #e8edf4;
}

.aiti-single-meta-item{
	display:inline-flex;
	align-items:center;
	gap:8px;
	font-size:14px;
	font-weight:500;
	line-height:1;
	color:#64748b;
	white-space:nowrap;
}

.aiti-single-meta-item svg{
	width:17px;
	height:17px;
	flex-shrink:0;
	stroke:currentColor;
}

/*==========================================================
FACT CHECKED
==========================================================*/

.aiti-single-fact-checked{
	display:inline-flex;
	align-items:center;
	gap:8px;
	height:36px;
	padding:0 16px;
	margin-left:auto;
	background:#ecfdf3;
	border:1px solid #b7efcb;
	border-radius:999px;
	color:#15803d;
	font-size:13px;
	font-weight:700;
	line-height:1;
	white-space:nowrap;
}

.aiti-single-fact-checked svg{
	width:16px;
	height:16px;
	stroke:currentColor;
}

/*==========================================================
FEATURED IMAGE
==========================================================*/

.aiti-single-featured-image{
	margin:36px 0 42px;
	line-height:0;
}

.aiti-single-featured-image img,
.aiti-single-article>.wp-post-image{
	display:block;
	width:100%;
	height:auto;
	border-radius:22px;
	object-fit:cover;
	box-shadow:
		0 18px 42px rgba(15,23,42,.08),
		0 4px 12px rgba(15,23,42,.05);
}

/*==========================================================
FIGURE
==========================================================*/

.aiti-single-featured-image figure,
.aiti-single-content figure{
	margin:40px 0;
}

.aiti-single-featured-image figcaption,
.aiti-single-content figcaption{
	margin-top:14px;
	font-size:14px;
	font-weight:400;
	line-height:1.7;
	text-align:center;
	color:#64748b;
}

/*==========================================================
FOCUS
==========================================================*/

.aiti-single-header a:focus-visible{
	outline:none;
	box-shadow:
		0 0 0 4px rgba(37,99,235,.16),
		0 10px 24px rgba(37,99,235,.18);
}

/*==========================================================
TABLET
==========================================================*/

@media (max-width:991px){

	.aiti-single-page{
		padding:32px 20px 60px;
	}

	.aiti-single-title{
		font-size:38px;
	}

}

/*==========================================================
MOBILE
==========================================================*/

@media (max-width:768px){

	.aiti-single-page{
		padding:28px 18px 56px;
	}

	.aiti-single-header{
		margin-bottom:28px;
	}

	.aiti-single-category{
		margin-bottom:16px;
	}

	.aiti-single-category a{
		min-height:36px;
		padding:0 16px;
		font-size:12px;
	}

	.aiti-single-title{
		font-size:30px;
		line-height:1.24;
		letter-spacing:-.03em;
	}

	.aiti-single-meta{
		column-gap:16px;
		row-gap:12px;
		margin-top:20px;
		padding-top:18px;
	}

	.aiti-single-meta-item{
		font-size:13px;
	}

	.aiti-single-fact-checked{
		margin-left:0;
	}

	.aiti-single-featured-image{
		margin:28px 0 34px;
	}

}

/*==========================================================
SMALL MOBILE
==========================================================*/

@media (max-width:480px){

	.aiti-single-page{
		padding:24px 16px 50px;
	}

	.aiti-single-title{
		font-size:25px;
		line-height:1.28;
	}

	.aiti-single-meta{
		flex-wrap:nowrap;
		justify-content:flex-start;
		column-gap:14px;
		overflow-x:auto;
		padding-bottom:4px;
		scrollbar-width:none;
	}

	.aiti-single-meta::-webkit-scrollbar{
		display:none;
	}

	.aiti-single-meta-item{
		flex:0 0 auto;
	}

	.aiti-single-fact-checked{
		flex:0 0 auto;
	}

	.aiti-single-featured-image img,
	.aiti-single-article>.wp-post-image{
		border-radius:18px;
	}

}

/* ==========================================================
   AI AND TECH INFO
   SINGLE POST V2
   PART 2
   AUTHOR SECTION
==========================================================*/

/*==========================================================
AUTHOR WRAPPER
==========================================================*/

.aiti-single-author{
	margin:44px 0 52px;
	padding:28px 0;
	border-top:1px solid #e7edf5;
	border-bottom:1px solid #e7edf5;
}

/*==========================================================
AUTHOR CARD
==========================================================*/

.aiti-single-author-card{
	display:flex;
	align-items:center;
	gap:22px;
	width:100%;
}

/*==========================================================
AUTHOR IMAGE
==========================================================*/

.aiti-single-author-avatar{
	flex:0 0 84px;
	line-height:0;
}

.aiti-single-author-avatar img{
	display:block;
	width:84px;
	height:84px;
	object-fit:cover;
	border-radius:50%;
	border:3px solid #ffffff;
	box-shadow:
		0 10px 28px rgba(15,23,42,.10),
		0 2px 6px rgba(15,23,42,.06);
}

/*==========================================================
AUTHOR CONTENT
==========================================================*/

.aiti-single-author-content{
	flex:1;
	min-width:0;
}

.aiti-single-author-name{
	margin:0;
	font-size:26px;
	font-weight:800;
	line-height:1.2;
	color:#111827;
}

.aiti-single-author-role{
	display:flex;
	align-items:center;
	flex-wrap:wrap;
	gap:8px;
	margin-top:8px;
	font-size:15px;
	font-weight:500;
	line-height:1.6;
	color:#64748b;
}

.aiti-single-author-role svg{
	width:18px;
	height:18px;
	stroke:currentColor;
	flex-shrink:0;
}

/*==========================================================
BIO
==========================================================*/

.aiti-single-author-bio{
	margin-top:14px;
	font-size:15px;
	font-weight:400;
	line-height:1.75;
	color:#475569;
}

/*==========================================================
SOCIAL
==========================================================*/

.aiti-single-author-social{
	display:flex;
	align-items:center;
	flex-wrap:wrap;
	gap:12px;
	margin-top:18px;
}

.aiti-single-author-social a{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:8px;
	height:42px;
	padding:0 16px;
	background:#ffffff;
	border:1px solid #dbe5ef;
	border-radius:999px;
	color:#334155;
	font-size:14px;
	font-weight:600;
	line-height:1;
	text-decoration:none;
	transition:
		background .25s ease,
		color .25s ease,
		border-color .25s ease,
		transform .25s ease,
		box-shadow .25s ease;
}

.aiti-single-author-social a svg{
	width:17px;
	height:17px;
	fill:currentColor;
	stroke:currentColor;
}

.aiti-single-author-social a:hover{
	background:#2563eb;
	border-color:#2563eb;
	color:#ffffff;
	transform:translateY(-2px);
	box-shadow:0 12px 24px rgba(37,99,235,.18);
}

.aiti-single-author-social a:focus-visible{
	outline:none;
	background:#2563eb;
	border-color:#2563eb;
	color:#ffffff;
	box-shadow:
		0 0 0 4px rgba(37,99,235,.15),
		0 10px 24px rgba(37,99,235,.18);
}

/*==========================================================
DIVIDER
==========================================================*/

.aiti-single-author::after{
	content:"";
	display:block;
	clear:both;
}

/*==========================================================
TABLET
==========================================================*/

@media (max-width:768px){

	.aiti-single-author{
		margin:38px 0 46px;
		padding:24px 0;
	}

	.aiti-single-author-card{
		align-items:flex-start;
		gap:18px;
	}

	.aiti-single-author-avatar{
		flex:0 0 72px;
	}

	.aiti-single-author-avatar img{
		width:72px;
		height:72px;
	}

	.aiti-single-author-name{
		font-size:22px;
	}

	.aiti-single-author-role{
		font-size:14px;
	}

	.aiti-single-author-bio{
		font-size:14px;
		margin-top:12px;
	}

	.aiti-single-author-social{
		margin-top:16px;
		gap:10px;
	}

}

/*==========================================================
SMALL MOBILE
==========================================================*/

@media (max-width:480px){

	.aiti-single-author{
		margin:34px 0 42px;
		padding:22px 0;
	}

	.aiti-single-author-card{
		align-items:flex-start;
		gap:16px;
	}

	.aiti-single-author-avatar{
		flex:0 0 64px;
	}

	.aiti-single-author-avatar img{
		width:64px;
		height:64px;
	}

	.aiti-single-author-name{
		font-size:20px;
	}

	.aiti-single-author-role{
		margin-top:6px;
		font-size:13px;
	}

	.aiti-single-author-bio{
		margin-top:10px;
		font-size:14px;
		line-height:1.7;
	}

	.aiti-single-author-social{
		margin-top:14px;
	}

	.aiti-single-author-social a{
		height:38px;
		padding:0 14px;
		font-size:13px;
	}

}

/* ==========================================================
   AI AND TECH INFO
   SINGLE POST V2
   PART 3
   ARTICLE CONTENT
==========================================================*/

/*==========================================================
CONTENT WRAPPER
==========================================================*/

.aiti-single-content{
	width:100%;
	margin:0;
	padding:0;
	font-size:19px;
	font-weight:400;
	line-height:1.9;
	color:#334155;
	word-break:break-word;
	overflow-wrap:break-word;
	-webkit-font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}

.aiti-single-content>*:first-child{
	margin-top:0;
}

.aiti-single-content>*:last-child{
	margin-bottom:0;
}

/*==========================================================
PARAGRAPHS
==========================================================*/

.aiti-single-content p{
	margin:0 0 28px;
	font-size:inherit;
	font-weight:400;
	line-height:inherit;
	color:inherit;
}

.aiti-single-content p:empty{
	display:none;
}

/*==========================================================
HEADINGS
==========================================================*/

.aiti-single-content h2,
.aiti-single-content h3,
.aiti-single-content h4,
.aiti-single-content h5,
.aiti-single-content h6{
	margin:52px 0 18px;
	padding:0;
	font-weight:800;
	line-height:1.25;
	letter-spacing:-.03em;
	color:#111827;
	text-wrap:balance;
}

.aiti-single-content h2{
	font-size:36px;
}

.aiti-single-content h3{
	font-size:30px;
}

.aiti-single-content h4{
	font-size:25px;
}

.aiti-single-content h5{
	font-size:21px;
}

.aiti-single-content h6{
	font-size:18px;
}

/*==========================================================
TEXT
==========================================================*/

.aiti-single-content strong,
.aiti-single-content b{
	font-weight:700;
	color:#111827;
}

.aiti-single-content em{
	font-style:italic;
}

.aiti-single-content mark{
	padding:2px 6px;
	background:#fef3c7;
	border-radius:4px;
	color:#92400e;
}

/*==========================================================
LINKS
==========================================================*/

.aiti-single-content a{
	color:#2563eb;
	font-weight:600;
	text-decoration:none;
	border-bottom:1px dashed currentColor;
	transition:
		color .25s ease,
		border-color .25s ease;
}

.aiti-single-content a:hover{
	color:#1d4ed8;
	border-color:#1d4ed8;
}

.aiti-single-content a:focus-visible{
	outline:none;
	color:#1d4ed8;
}

/*==========================================================
LISTS
==========================================================*/

.aiti-single-content ul,
.aiti-single-content ol{
	margin:0 0 30px 28px;
	padding:0;
}

.aiti-single-content li{
	margin-bottom:14px;
	padding-left:4px;
	line-height:1.9;
}

.aiti-single-content li:last-child{
	margin-bottom:0;
}

.aiti-single-content li::marker{
	color:#2563eb;
	font-weight:700;
}

/*==========================================================
IMAGES
==========================================================*/

.aiti-single-content img{
	display:block;
	width:100%;
	max-width:100%;
	height:auto;
	margin:40px auto;
	border-radius:20px;
	object-fit:cover;
	box-shadow:
		0 16px 36px rgba(15,23,42,.08),
		0 5px 14px rgba(15,23,42,.05);
}

/*==========================================================
FIGURE
==========================================================*/

.aiti-single-content figure{
	margin:42px 0;
}

.aiti-single-content figure img{
	margin:0;
}

.aiti-single-content figcaption{
	margin-top:14px;
	font-size:14px;
	font-weight:400;
	line-height:1.7;
	text-align:center;
	color:#64748b;
}

/*==========================================================
BLOCKQUOTE
==========================================================*/

.aiti-single-content blockquote{
	position:relative;
	margin:42px 0;
	padding:26px 30px;
	background:#f8fafc;
	border-left:5px solid #2563eb;
	border-radius:18px;
	font-size:20px;
	font-weight:600;
	line-height:1.8;
	color:#111827;
}

.aiti-single-content blockquote p{
	margin-bottom:18px;
}

.aiti-single-content blockquote p:last-child{
	margin-bottom:0;
}

/*==========================================================
HORIZONTAL RULE
==========================================================*/

.aiti-single-content hr{
	margin:48px 0;
	border:0;
	border-top:1px solid #e5e7eb;
}

/*==========================================================
TABLES
==========================================================*/

.aiti-single-content table{
	width:100%;
	margin:40px 0;
	border-collapse:collapse;
	border-radius:18px;
	overflow:hidden;
	font-size:15px;
}

.aiti-single-content th{
	padding:16px 18px;
	background:#2563eb;
	color:#ffffff;
	font-size:15px;
	font-weight:700;
	text-align:left;
}

.aiti-single-content td{
	padding:16px 18px;
	background:#ffffff;
	border:1px solid #e5e7eb;
	line-height:1.7;
}

.aiti-single-content tr:nth-child(even) td{
	background:#f8fafc;
}

/*==========================================================
CODE
==========================================================*/

.aiti-single-content code{
	padding:3px 8px;
	background:#eef2ff;
	border-radius:6px;
	color:#1e40af;
	font-size:.92em;
	font-family:Consolas,Monaco,monospace;
}

.aiti-single-content pre{
	margin:40px 0;
	padding:24px;
	background:#0f172a;
	border-radius:18px;
	color:#f8fafc;
	font-size:15px;
	line-height:1.8;
	overflow:auto;
}

.aiti-single-content pre code{
	padding:0;
	background:none;
	color:inherit;
}

/*==========================================================
MEDIA
==========================================================*/

.aiti-single-content iframe,
.aiti-single-content video{
	display:block;
	width:100%;
	max-width:100%;
	margin:42px 0;
	border:0;
	border-radius:20px;
	overflow:hidden;
}

/*==========================================================
WORDPRESS BLOCKS
==========================================================*/

.aiti-single-content .wp-block-image,
.aiti-single-content .wp-block-gallery,
.aiti-single-content .wp-block-table,
.aiti-single-content .wp-block-embed{
	margin:42px 0;
}

.aiti-single-content .alignleft{
	float:left;
	max-width:45%;
	margin:10px 28px 20px 0;
}

.aiti-single-content .alignright{
	float:right;
	max-width:45%;
	margin:10px 0 20px 28px;
}

.aiti-single-content .aligncenter{
	display:block;
	margin:40px auto;
}

/*==========================================================
RESPONSIVE
==========================================================*/

@media (max-width:991px){

	.aiti-single-content{
		font-size:18px;
	}

	.aiti-single-content h2{
		font-size:32px;
	}

	.aiti-single-content h3{
		font-size:27px;
	}

}

@media (max-width:768px){

	.aiti-single-content{
		font-size:17px;
		line-height:1.85;
	}

	.aiti-single-content p{
		margin-bottom:24px;
	}

	.aiti-single-content h2{
		margin-top:42px;
		font-size:28px;
	}

	.aiti-single-content h3{
		margin-top:36px;
		font-size:24px;
	}

	.aiti-single-content h4{
		font-size:21px;
	}

	.aiti-single-content blockquote{
		padding:22px;
		font-size:18px;
	}

	.aiti-single-content img{
		margin:32px auto;
		border-radius:18px;
	}

	.aiti-single-content .alignleft,
	.aiti-single-content .alignright{
		float:none;
		max-width:100%;
		margin:32px auto;
	}

}

@media (max-width:480px){

	.aiti-single-content{
		font-size:16px;
		line-height:1.85;
	}

	.aiti-single-content h2{
		font-size:24px;
	}

	.aiti-single-content h3{
		font-size:21px;
	}

	.aiti-single-content h4{
		font-size:19px;
	}

	.aiti-single-content table{
		display:block;
		overflow-x:auto;
		white-space:nowrap;
	}

	.aiti-single-content blockquote{
		padding:18px;
		font-size:17px;
	}

	.aiti-single-content pre{
		padding:18px;
	}

}

/* ==========================================================
   AI AND TECH INFO
   SINGLE POST V2
   PART 4
   INLINE RECOMMENDED • SHARE SECTION
==========================================================*/

/*==========================================================
INLINE RECOMMENDED
==========================================================*/

.aiti-single-inline-related{
	position:relative;
	margin:52px 0;
	padding:26px;
	background:#0f172a;
	border:1px solid rgba(255,255,255,.08);
	border-radius:24px;
	overflow:hidden;
	box-shadow:
		0 18px 40px rgba(15,23,42,.18),
		0 6px 14px rgba(15,23,42,.08);
}

.aiti-single-inline-related::before{
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:4px;
	background:linear-gradient(
		90deg,
		#2563eb,
		#60a5fa
	);
}

/*==========================================================
LABEL
==========================================================*/

.aiti-single-inline-label{
	display:inline-flex;
	align-items:center;
	gap:8px;
	margin:0 0 18px;
	padding:7px 14px;
	background:rgba(37,99,235,.16);
	border-radius:999px;
	color:#60a5fa;
	font-size:12px;
	font-weight:700;
	letter-spacing:.08em;
	text-transform:uppercase;
	line-height:1;
}

.aiti-single-inline-label svg{
	width:16px;
	height:16px;
	stroke:currentColor;
}

/*==========================================================
CARD
==========================================================*/

.aiti-single-inline-card{
	display:flex;
	align-items:center;
	gap:18px;
	text-decoration:none;
}

/*==========================================================
IMAGE
==========================================================*/

.aiti-single-inline-thumb{
	flex:0 0 140px;
	width:140px;
}

.aiti-single-inline-thumb img{
	display:block;
	width:100%;
	height:95px;
	margin:0;
	object-fit:cover;
	border-radius:14px;
	box-shadow:none;
	transition:
		transform .35s ease,
		opacity .35s ease;
}

/*==========================================================
CONTENT
==========================================================*/

.aiti-single-inline-content{
	flex:1;
	min-width:0;
}

.aiti-single-inline-title{
	margin:0 0 10px;
	font-size:21px;
	font-weight:700;
	line-height:1.45;
	color:#ffffff;
	transition:color .25s ease;
}

.aiti-single-inline-link{
	display:inline-flex;
	align-items:center;
	gap:8px;
	font-size:14px;
	font-weight:600;
	color:#60a5fa;
	line-height:1;
}

.aiti-single-inline-link svg{
	width:16px;
	height:16px;
	stroke:currentColor;
	transition:transform .25s ease;
}

/*==========================================================
HOVER
==========================================================*/

.aiti-single-inline-card:hover .aiti-single-inline-thumb img{
	transform:scale(1.06);
}

.aiti-single-inline-card:hover .aiti-single-inline-title{
	color:#60a5fa;
}

.aiti-single-inline-card:hover .aiti-single-inline-link svg{
	transform:translateX(4px);
}

/*==========================================================
SHARE SECTION
==========================================================*/

.aiti-single-share{
	margin-top:70px;
	padding-top:34px;
	border-top:1px solid #e8edf4;
}

.aiti-single-share-title{
	display:flex;
	align-items:center;
	gap:12px;
	margin:0 0 26px;
	font-size:30px;
	font-weight:800;
	line-height:1.2;
	color:#111827;
}

.aiti-single-share-title svg{
	width:24px;
	height:24px;
	stroke:#2563eb;
	flex-shrink:0;
}

/*==========================================================
GRID
==========================================================*/

.aiti-single-share-grid{
	display:grid;
	grid-template-columns:repeat(auto-fit,minmax(145px,1fr));
	gap:14px;
}

/*==========================================================
BUTTONS
==========================================================*/

.aiti-single-share-grid a{
	display:flex;
	align-items:center;
	justify-content:center;
	gap:10px;
	min-height:52px;
	padding:0 18px;
	background:#ffffff;
	border:1px solid #e2e8f0;
	border-radius:16px;
	color:#334155;
	font-size:15px;
	font-weight:600;
	line-height:1;
	text-decoration:none;
	box-shadow:0 4px 10px rgba(15,23,42,.04);
	transition:
		background .25s ease,
		color .25s ease,
		border-color .25s ease,
		transform .25s ease,
		box-shadow .25s ease;
}

.aiti-single-share-grid a svg{
	width:20px;
	height:20px;
	fill:currentColor;
	stroke:currentColor;
	flex-shrink:0;
}

.aiti-single-share-grid a:hover{
	background:#2563eb;
	border-color:#2563eb;
	color:#ffffff;
	transform:translateY(-3px);
	box-shadow:0 16px 34px rgba(37,99,235,.18);
}

.aiti-single-share-grid a:focus-visible{
	outline:none;
	background:#2563eb;
	border-color:#2563eb;
	color:#ffffff;
	box-shadow:
		0 0 0 4px rgba(37,99,235,.16),
		0 16px 34px rgba(37,99,235,.18);
}

/*==========================================================
TABLET
==========================================================*/

@media (max-width:768px){

	.aiti-single-inline-related{
		padding:22px;
		margin:44px 0;
	}

	.aiti-single-inline-card{
		gap:16px;
	}

	.aiti-single-inline-thumb{
		flex:0 0 120px;
		width:120px;
	}

	.aiti-single-inline-thumb img{
		height:82px;
	}

	.aiti-single-inline-title{
		font-size:19px;
	}

	.aiti-single-share{
		margin-top:56px;
	}

	.aiti-single-share-title{
		font-size:26px;
	}

	.aiti-single-share-grid{
		grid-template-columns:repeat(2,1fr);
	}

}

/*==========================================================
MOBILE
==========================================================*/

@media (max-width:480px){

	.aiti-single-inline-related{
		padding:20px;
		border-radius:20px;
	}

	.aiti-single-inline-card{
		flex-direction:column;
		align-items:flex-start;
	}

	.aiti-single-inline-thumb{
		width:100%;
		flex:none;
	}

	.aiti-single-inline-thumb img{
		width:100%;
		height:auto;
		aspect-ratio:16/9;
	}

	.aiti-single-inline-title{
		font-size:18px;
	}

	.aiti-single-share-title{
		font-size:23px;
	}

	.aiti-single-share-grid{
		grid-template-columns:1fr;
	}

}

/* ==========================================================
   AI AND TECH INFO
   SINGLE POST V2
   PART 5
   RELATED ARTICLES • TRENDING POSTS
==========================================================*/

/*==========================================================
COMMON SECTION
==========================================================*/

.aiti-single-related,
.aiti-single-trending{
	margin-top:72px;
}

.aiti-single-section-heading{
	display:flex;
	align-items:center;
	gap:16px;
	margin:0 0 30px;
}

.aiti-single-heading-icon{
	display:flex;
	align-items:center;
	justify-content:center;
	width:54px;
	height:54px;
	background:#eff6ff;
	border-radius:16px;
	color:#2563eb;
	flex-shrink:0;
}

.aiti-single-heading-icon svg{
	width:24px;
	height:24px;
	stroke:currentColor;
}

.aiti-single-heading-content{
	flex:1;
	min-width:0;
}

.aiti-single-heading-content h2{
	margin:0;
	font-size:30px;
	font-weight:800;
	line-height:1.2;
	letter-spacing:-.03em;
	color:#111827;
}

.aiti-single-heading-content p{
	margin:6px 0 0;
	font-size:15px;
	line-height:1.7;
	color:#64748b;
}

/*==========================================================
RELATED GRID
==========================================================*/

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

/*==========================================================
RELATED CARD
==========================================================*/

.aiti-single-related-card{
	display:flex;
	flex-direction:column;
	height:100%;
	background:#ffffff;
	border:1px solid #e5e7eb;
	border-radius:22px;
	overflow:hidden;
	box-shadow:0 8px 24px rgba(15,23,42,.05);
	transition:
		transform .3s ease,
		box-shadow .3s ease,
		border-color .3s ease;
}

.aiti-single-related-card:hover{
	transform:translateY(-6px);
	border-color:#dbe5f1;
	box-shadow:0 20px 40px rgba(15,23,42,.08);
}

/*==========================================================
RELATED IMAGE
==========================================================*/

.aiti-single-related-thumb{
	display:block;
	width:100%;
	aspect-ratio:16/9;
	overflow:hidden;
	background:#f1f5f9;
}

.aiti-single-related-thumb img{
	display:block;
	width:100%;
	height:100%;
	margin:0;
	object-fit:cover;
	border-radius:0;
	transition:transform .4s ease;
}

.aiti-single-related-card:hover .aiti-single-related-thumb img{
	transform:scale(1.06);
}

/*==========================================================
RELATED CONTENT
==========================================================*/

.aiti-single-related-content{
	display:flex;
	flex-direction:column;
	flex:1;
	padding:20px;
}

.aiti-single-related-title{
	margin:0 0 14px;
	font-size:20px;
	font-weight:700;
	line-height:1.45;
}

.aiti-single-related-title a{
	color:#111827;
	text-decoration:none;
	transition:color .25s ease;
}

.aiti-single-related-title a:hover{
	color:#2563eb;
}

/*==========================================================
RELATED META
==========================================================*/

.aiti-single-related-meta{
	display:flex;
	align-items:center;
	flex-wrap:wrap;
	gap:16px;
	margin-top:auto;
	padding-top:16px;
	border-top:1px solid #edf2f7;
}

.aiti-single-related-meta .aiti-single-meta-item{
	display:inline-flex;
	align-items:center;
	gap:7px;
	font-size:13px;
	font-weight:500;
	color:#64748b;
	line-height:1;
}

.aiti-single-related-meta svg{
	width:15px;
	height:15px;
	stroke:currentColor;
}

/*==========================================================
TRENDING LIST
==========================================================*/

.aiti-single-trending-list{
	display:flex;
	flex-direction:column;
	gap:18px;
}

/*==========================================================
TRENDING ITEM
==========================================================*/

.aiti-single-trending-item{
	display:flex;
	align-items:center;
	gap:18px;
	padding:16px;
	background:#ffffff;
	border:1px solid #e5e7eb;
	border-radius:20px;
	text-decoration:none;
	box-shadow:0 6px 20px rgba(15,23,42,.05);
	transition:
		transform .3s ease,
		box-shadow .3s ease,
		border-color .3s ease;
}

.aiti-single-trending-item:hover{
	transform:translateX(5px);
	border-color:#dbe5f1;
	box-shadow:0 18px 36px rgba(15,23,42,.08);
}

/*==========================================================
TRENDING IMAGE
==========================================================*/

.aiti-single-trending-thumb{
	flex:0 0 130px;
	width:130px;
	aspect-ratio:16/9;
	border-radius:14px;
	overflow:hidden;
	background:#f1f5f9;
}

.aiti-single-trending-thumb img{
	display:block;
	width:100%;
	height:100%;
	margin:0;
	object-fit:cover;
	border-radius:0;
	transition:transform .4s ease;
}

.aiti-single-trending-item:hover
.aiti-single-trending-thumb img{
	transform:scale(1.06);
}

/*==========================================================
TRENDING CONTENT
==========================================================*/

.aiti-single-trending-content{
	flex:1;
	min-width:0;
}

.aiti-single-trending-title{
	margin:0 0 10px;
	font-size:19px;
	font-weight:700;
	line-height:1.45;
	color:#111827;
	transition:color .25s ease;
}

.aiti-single-trending-item:hover
.aiti-single-trending-title{
	color:#2563eb;
}

/*==========================================================
TRENDING META
==========================================================*/

.aiti-single-trending-meta{
	display:flex;
	align-items:center;
	gap:14px;
	flex-wrap:wrap;
}

.aiti-single-trending-meta
.aiti-single-meta-item{
	display:inline-flex;
	align-items:center;
	gap:7px;
	font-size:13px;
	font-weight:500;
	color:#64748b;
	line-height:1;
}

.aiti-single-trending-meta svg{
	width:15px;
	height:15px;
	stroke:currentColor;
}

/*==========================================================
TABLET
==========================================================*/

@media (max-width:991px){

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

	.aiti-single-heading-content h2{
		font-size:27px;
	}

}

/*==========================================================
MOBILE
==========================================================*/

@media (max-width:768px){

	.aiti-single-related,
	.aiti-single-trending{
		margin-top:58px;
	}

	.aiti-single-section-heading{
		margin-bottom:24px;
	}

	.aiti-single-related-content{
		padding:18px;
	}

	.aiti-single-related-title{
		font-size:18px;
	}

	.aiti-single-trending-item{
		gap:16px;
		padding:14px;
	}

	.aiti-single-trending-thumb{
		flex:0 0 110px;
		width:110px;
	}

	.aiti-single-trending-title{
		font-size:17px;
	}

}

/*==========================================================
SMALL MOBILE
==========================================================*/

@media (max-width:480px){

	.aiti-single-heading-icon{
		width:46px;
		height:46px;
		border-radius:14px;
	}

	.aiti-single-heading-icon svg{
		width:20px;
		height:20px;
	}

	.aiti-single-heading-content h2{
		font-size:23px;
	}

	.aiti-single-heading-content p{
		font-size:14px;
	}

	.aiti-single-related-card{
		border-radius:18px;
	}

	.aiti-single-trending-item{
		flex-direction:column;
		align-items:flex-start;
	}

	.aiti-single-trending-thumb{
		width:100%;
		flex:none;
	}

	.aiti-single-trending-thumb img{
		width:100%;
		height:auto;
		aspect-ratio:16/9;
	}

}

/* ==========================================================
   AI AND TECH INFO
   SINGLE POST V2
   PART 6
   READING PROGRESS • RESPONSIVE • POLISH
==========================================================*/

/*==========================================================
READING PROGRESS
==========================================================*/

.aiti-single-reading-progress{
	position:fixed;
	top:0;
	left:0;
	width:0;
	height:4px;
	background:linear-gradient(
		90deg,
		#2563eb,
		#3b82f6
	);
	box-shadow:0 2px 12px rgba(37,99,235,.30);
	z-index:9999;
	transition:width .08s linear;
}

/*==========================================================
GLOBAL IMAGE RESET
==========================================================*/

.aiti-single-article img{
	display:block;
	max-width:100%;
	height:auto;
	vertical-align:middle;
}

.aiti-single-content img{
	image-rendering:auto;
}

/*==========================================================
SVG
==========================================================*/

.aiti-single-article svg{
	flex-shrink:0;
}

.aiti-single-meta svg,
.aiti-single-author svg,
.aiti-single-share svg,
.aiti-single-related svg,
.aiti-single-trending svg{
	flex-shrink:0;
}

/*==========================================================
SELECTION
==========================================================*/

.aiti-single-content *::selection{
	background:#dbeafe;
	color:#111827;
}

/*==========================================================
FOCUS
==========================================================*/

.aiti-single-article a:focus-visible{
	outline:none;
	border-radius:8px;
	box-shadow:
		0 0 0 4px rgba(37,99,235,.15);
}

/*==========================================================
HOVER PERFORMANCE
==========================================================*/

.aiti-single-related-card,
.aiti-single-trending-item,
.aiti-single-inline-card,
.aiti-single-share-grid a,
.aiti-single-author-social a{
	will-change:transform;
	transform:translateZ(0);
}

/*==========================================================
SMOOTH MEDIA
==========================================================*/

.aiti-single-related-thumb img,
.aiti-single-trending-thumb img,
.aiti-single-inline-thumb img,
.aiti-single-content img{
	backface-visibility:hidden;
}

/*==========================================================
WORDPRESS EMBEDS
==========================================================*/

.aiti-single-content iframe,
.aiti-single-content video,
.aiti-single-content embed,
.aiti-single-content object{
	display:block;
	width:100%;
	max-width:100%;
	border:0;
}

/*==========================================================
WORDPRESS CAPTION
==========================================================*/

.wp-caption{
	max-width:100%;
	margin:40px auto;
}

.wp-caption img{
	margin:0;
}

.wp-caption-text{
	margin-top:12px;
	font-size:14px;
	line-height:1.7;
	text-align:center;
	color:#64748b;
}

/*==========================================================
WORDPRESS GALLERY
==========================================================*/

.gallery{
	display:grid;
	gap:14px;
	margin:40px 0;
}

.gallery img{
	margin:0;
	border-radius:16px;
}

/*==========================================================
CLEAR FLOATS
==========================================================*/

.aiti-single-content::after{
	content:"";
	display:block;
	clear:both;
}

/*==========================================================
TABLET
==========================================================*/

@media (max-width:991px){

	.aiti-single-page{
		max-width:760px;
		padding:40px 22px 70px;
	}

	.aiti-single-title{
		font-size:38px;
	}

}

/*==========================================================
MOBILE
==========================================================*/

@media (max-width:768px){

	.aiti-single-page{
		padding:34px 18px 60px;
	}

	.aiti-single-title{
		font-size:30px;
		line-height:1.25;
	}

	.aiti-single-meta{
		flex-wrap:wrap;
		gap:10px 18px;
	}

	.aiti-single-meta-item{
		font-size:13px;
	}

	.aiti-single-content{
		font-size:17px;
		line-height:1.85;
	}

	.aiti-single-content h2{
		font-size:28px;
	}

	.aiti-single-content h3{
		font-size:24px;
	}

	.aiti-single-content table{
		display:block;
		overflow-x:auto;
		white-space:nowrap;
	}

}

/*==========================================================
SMALL MOBILE
==========================================================*/

@media (max-width:480px){

	.aiti-single-page{
		padding:28px 16px 50px;
	}

	.aiti-single-title{
		font-size:26px;
		line-height:1.3;
	}

	.aiti-single-category{
		gap:8px;
	}

	.aiti-single-category a{
		font-size:12px;
		padding:7px 13px;
	}

	.aiti-single-meta{
		gap:8px;
	}

	.aiti-single-meta-item{
		font-size:12px;
	}

	.aiti-single-content{
		font-size:16px;
		line-height:1.8;
	}

	.aiti-single-content h2{
		font-size:24px;
	}

	.aiti-single-content h3{
		font-size:21px;
	}

	.aiti-single-content h4{
		font-size:18px;
	}

	.aiti-single-content blockquote{
		font-size:17px;
		padding:18px;
	}

}

/*==========================================================
LARGE DESKTOP
==========================================================*/

@media (min-width:1200px){

	.aiti-single-page{
		max-width:900px;
	}

}

/*==========================================================
REDUCED MOTION
==========================================================*/

@media (prefers-reduced-motion:reduce){

	.aiti-single-article *,
	.aiti-single-article *::before,
	.aiti-single-article *::after{
		animation:none !important;
		transition:none !important;
		scroll-behavior:auto !important;
	}

}