/**
 * ABIS blog index and single-post design.
 * Palette and spacing follow the code-based ABIS shop/header system.
 */

:root{
	--abis-blog-blue:#0869ed;
	--abis-blog-blue-dark:#0755c8;
	--abis-blog-navy:#102f56;
	--abis-blog-text:#213a59;
	--abis-blog-muted:#6d7f95;
	--abis-blog-border:#dfe8f3;
	--abis-blog-soft:#f4f8fd;
	--abis-blog-bg:#f8fbff;
	--abis-blog-yellow:#ffb400;
	--abis-blog-radius:18px;
	--abis-blog-shadow:0 12px 38px rgba(19,57,101,.075);
	--abis-blog-hover-shadow:0 18px 46px rgba(18,66,123,.12);
}

body.abis-blog-index-page,
body.abis-blog-single-page{
	background:var(--abis-blog-bg);
	color:var(--abis-blog-text);
	font-family:var(--abis-font-family,"IranYekan",Tahoma,Arial,sans-serif);
}

body.abis-blog-index-page *,
body.abis-blog-single-page *{
	box-sizing:border-box;
}

body.abis-blog-index-page a,
body.abis-blog-single-page a{
	text-decoration:none;
}

.abis-blog-container{
	width:min(1440px,calc(100% - 40px));
	margin-inline:auto;
}

.abis-blog-index,
.abis-single-blog{
	width:100%;
	min-height:60vh;
	overflow-x:clip;
}

/* --------------------------------------------------------------------------
 * Shared icons, metadata, controls
 * ----------------------------------------------------------------------- */
.abis-blog-index .abis-icon,
.abis-single-blog .abis-icon{
	display:inline-grid;
	width:1em;
	height:1em;
	place-items:center;
	color:currentColor;
	line-height:1;
}

.abis-blog-index .abis-svg,
.abis-single-blog .abis-svg{
	display:block;
	width:100%;
	height:100%;
}

.abis-blog-meta{
	display:flex;
	align-items:center;
	flex-wrap:wrap;
	gap:7px;
	color:var(--abis-blog-muted);
	font-size:12px;
	font-weight:500;
	line-height:1.8;
}

.abis-blog-category-pill{
	display:inline-flex;
	min-height:29px;
	align-items:center;
	justify-content:center;
	padding:5px 12px;
	border:1px solid #cfe0f7;
	border-radius:999px;
	background:#f1f7ff;
	color:#075fd7!important;
	font-size:11px;
	font-weight:700;
	line-height:1.45;
	white-space:nowrap;
	transition:border-color .2s ease,background-color .2s ease,transform .2s ease;
}

.abis-blog-category-pill:hover,
.abis-blog-category-pill:focus-visible{
	border-color:#b9d5f7;
	background:#e8f3ff;
	transform:translateY(-1px);
}

.abis-section-heading{
	display:flex;
	align-items:flex-end;
	justify-content:space-between;
	gap:24px;
	margin-bottom:22px;
}

.abis-section-heading > div{
	min-width:0;
}

.abis-section-heading__line{
	display:block;
	width:48px;
	height:3px;
	margin-bottom:10px;
	border-radius:999px;
	background:var(--abis-blog-blue);
}

.abis-section-heading h2{
	margin:0;
	color:var(--abis-blog-navy);
	font-size:clamp(22px,2vw,29px);
	font-weight:850;
	line-height:1.5;
	letter-spacing:-.025em;
}

.abis-section-heading__count,
.abis-section-heading > a{
	flex:0 0 auto;
	color:var(--abis-blog-muted);
	font-size:12px;
	font-weight:600;
}

.abis-section-heading > a{
	color:var(--abis-blog-blue);
	transition:color .18s ease;
}

.abis-section-heading > a:hover{
	color:var(--abis-blog-blue-dark);
}

/* --------------------------------------------------------------------------
 * Blog landing hero
 * ----------------------------------------------------------------------- */
.abis-blog-hero{
	position:relative;
	isolation:isolate;
	padding:54px 0 48px;
	border-bottom:1px solid #dce8f5;
	background:
		radial-gradient(circle at 11% 22%,rgba(8,105,237,.1),transparent 27%),
		radial-gradient(circle at 88% 78%,rgba(255,180,0,.09),transparent 24%),
		linear-gradient(135deg,#f9fcff 0%,#eef6ff 58%,#f8fbff 100%);
	overflow:hidden;
}

.abis-blog-hero::before,
.abis-blog-hero::after{
	position:absolute;
	z-index:-1;
	border:1px solid rgba(8,105,237,.09);
	border-radius:50%;
	content:"";
	pointer-events:none;
}

.abis-blog-hero::before{
	width:310px;
	height:310px;
	right:-155px;
	top:-190px;
	box-shadow:0 0 0 32px rgba(8,105,237,.025),0 0 0 68px rgba(8,105,237,.018);
}

.abis-blog-hero::after{
	width:210px;
	height:210px;
	left:-125px;
	bottom:-150px;
	box-shadow:0 0 0 28px rgba(255,180,0,.025);
}

.abis-blog-hero__inner{
	display:grid;
	grid-template-columns:minmax(0,1fr) minmax(360px,540px);
	align-items:center;
	gap:clamp(34px,6vw,92px);
}

.abis-blog-hero__content{
	max-width:730px;
}

.abis-blog-eyebrow{
	display:inline-flex;
	min-height:31px;
	align-items:center;
	padding:5px 13px;
	border:1px solid #cfe1f8;
	border-radius:999px;
	background:rgba(255,255,255,.76);
	color:var(--abis-blog-blue);
	font-size:11px;
	font-weight:750;
	box-shadow:0 5px 16px rgba(25,77,137,.05);
}

.abis-blog-hero h1{
	max-width:770px;
	margin:14px 0 10px;
	color:var(--abis-blog-navy);
	font-size:clamp(28px,3.1vw,34px);
	font-weight:850;
	line-height:1.55;
	letter-spacing:-.045em;
}

.abis-blog-hero__content > p{
	max-width:690px;
	margin:0;
	color:#61758e;
	font-size:14px;
	font-weight:450;
	line-height:2.05;
}

.abis-blog-search{
	position:relative;
	display:grid;
	grid-template-columns:36px minmax(0,1fr) auto;
	align-items:center;
	gap:7px;
	width:100%;
	min-height:58px;
	padding:6px 7px 6px 10px;
	border:1px solid #cfdeef;
	border-radius:15px;
	background:#fff;
	box-shadow:0 13px 35px rgba(21,65,116,.09);
	transition:border-color .2s ease,box-shadow .2s ease;
}

.abis-blog-search:focus-within{
	border-color:#a9cbf5;
	box-shadow:0 14px 38px rgba(8,105,237,.12),0 0 0 3px rgba(8,105,237,.055);
}

.abis-blog-search__icon{
	display:grid;
	width:36px;
	height:36px;
	place-items:center;
	color:#627a98;
}

.abis-blog-search__icon .abis-icon{
	width:20px;
	height:20px;
}

.abis-blog-search input{
	width:100%;
	min-width:0;
	height:44px;
	padding:0 2px;
	border:0;
	background:transparent;
	color:var(--abis-blog-navy);
	font-family:inherit;
	font-size:12px;
	font-weight:500;
	outline:0;
}

.abis-blog-search input::placeholder{
	color:#8b99aa;
	opacity:1;
}

.abis-blog-search button{
	min-width:92px;
	height:44px;
	padding:0 19px;
	border:0;
	border-radius:10px;
	background:var(--abis-blog-blue);
	color:#fff;
	font-family:inherit;
	font-size:12px;
	font-weight:750;
	box-shadow:0 7px 17px rgba(8,105,237,.21);
	cursor:pointer;
	transition:background-color .18s ease,box-shadow .18s ease,transform .18s ease;
}

.abis-blog-search button:hover,
.abis-blog-search button:focus-visible{
	background:var(--abis-blog-blue-dark);
	box-shadow:0 9px 21px rgba(8,105,237,.27);
	transform:translateY(-1px);
}

/* --------------------------------------------------------------------------
 * Categories and featured story
 * ----------------------------------------------------------------------- */
.abis-blog-categories{
	display:flex;
	align-items:center;
	gap:9px;
	margin:28px 0;
	padding-bottom:3px;
	overflow-x:auto;
	scrollbar-width:none;
}

.abis-blog-categories::-webkit-scrollbar{
	display:none;
}

.abis-blog-categories a{
	display:inline-flex;
	min-height:37px;
	flex:0 0 auto;
	align-items:center;
	justify-content:center;
	padding:7px 16px;
	border:1px solid var(--abis-blog-border);
	border-radius:999px;
	background:#fff;
	color:#5f728b;
	font-size:11px;
	font-weight:650;
	box-shadow:0 4px 14px rgba(22,64,111,.035);
	transition:color .18s ease,border-color .18s ease,background-color .18s ease,box-shadow .18s ease;
}

.abis-blog-categories a:hover,
.abis-blog-categories a:focus-visible{
	border-color:#bed7f5;
	background:#f3f8ff;
	color:var(--abis-blog-blue);
}

.abis-blog-categories a.is-active{
	border-color:var(--abis-blog-blue);
	background:var(--abis-blog-blue);
	color:#fff;
	box-shadow:0 7px 18px rgba(8,105,237,.2);
}

.abis-blog-featured{
	display:grid;
	grid-template-columns:minmax(0,1.32fr) minmax(350px,.88fr);
	min-height:420px;
	margin:4px 0 46px;
	border:1px solid var(--abis-blog-border);
	border-radius:22px;
	background:#fff;
	box-shadow:var(--abis-blog-shadow);
	overflow:hidden;
}

.abis-blog-featured__media{
	min-width:0;
	background:#edf5ff;
}

.abis-blog-featured__media .abis-blog-media{
	height:100%;
	min-height:420px;
	border-radius:0;
}

.abis-blog-featured__content{
	position:relative;
	display:flex;
	min-width:0;
	flex-direction:column;
	align-items:flex-start;
	justify-content:center;
	padding:clamp(30px,4vw,58px);
}

.abis-blog-featured__label{
	display:inline-flex;
	margin:13px 0 5px;
	color:#8a6a13;
	font-size:10px;
	font-weight:750;
}

.abis-blog-featured h2{
	margin:5px 0 12px;
	font-size:clamp(24px,2.3vw,32px);
	font-weight:850;
	line-height:1.65;
	letter-spacing:-.035em;
}

.abis-blog-featured h2 a{
	color:var(--abis-blog-navy);
	transition:color .18s ease;
}

.abis-blog-featured h2 a:hover{
	color:var(--abis-blog-blue);
}

.abis-blog-featured__content > p{
	display:-webkit-box;
	margin:0 0 16px;
	color:#64758b;
	font-size:13px;
	font-weight:450;
	line-height:2.05;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:3;
	overflow:hidden;
}

.abis-blog-primary-button{
	display:inline-flex;
	min-width:126px;
	height:43px;
	margin-top:22px;
	align-items:center;
	justify-content:center;
	padding:0 20px;
	border-radius:10px;
	background:var(--abis-blog-blue);
	color:#fff!important;
	font-size:12px;
	font-weight:750;
	box-shadow:0 7px 17px rgba(8,105,237,.2);
	transition:background-color .18s ease,box-shadow .18s ease,transform .18s ease;
}

.abis-blog-primary-button:hover,
.abis-blog-primary-button:focus-visible{
	background:var(--abis-blog-blue-dark);
	box-shadow:0 9px 21px rgba(8,105,237,.27);
	transform:translateY(-1px);
}

/* --------------------------------------------------------------------------
 * Article cards and grid
 * ----------------------------------------------------------------------- */
.abis-blog-list{
	padding-bottom:62px;
}

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

.abis-blog-card{
	position:relative;
	display:flex;
	min-width:0;
	min-height:470px;
	flex-direction:column;
	border:1px solid var(--abis-blog-border);
	border-radius:var(--abis-blog-radius);
	background:#fff;
	box-shadow:0 7px 25px rgba(22,62,107,.045);
	overflow:hidden;
	transition:transform .24s cubic-bezier(.22,.61,.36,1),border-color .2s ease,box-shadow .24s ease;
}

.abis-blog-card__media-wrap{
	position:relative;
	min-width:0;
}

.abis-blog-card__media-wrap > .abis-blog-category-pill{
	position:absolute;
	right:13px;
	bottom:13px;
	z-index:2;
	background:rgba(255,255,255,.93);
	backdrop-filter:blur(7px);
	-webkit-backdrop-filter:blur(7px);
}

.abis-blog-media{
	position:relative;
	display:block;
	width:100%;
	height:230px;
	background:#edf5ff;
	overflow:hidden;
}

.abis-blog-media__image{
	display:block;
	width:100%!important;
	height:100%!important;
	margin:0!important;
	object-fit:cover;
	object-position:center;
	transition:transform .45s cubic-bezier(.22,.61,.36,1);
}

.abis-blog-media__placeholder{
	display:flex;
	width:100%;
	height:100%;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	gap:13px;
	background:
		radial-gradient(circle at 20% 22%,rgba(255,255,255,.96),transparent 28%),
		linear-gradient(135deg,#eaf4ff,#dcecff 58%,#edf7ff);
	color:#53759f;
	font-size:13px;
	font-weight:700;
}

.abis-blog-media__placeholder .abis-icon{
	width:46px;
	height:46px;
	padding:10px;
	border:1px solid rgba(8,105,237,.12);
	border-radius:14px;
	background:rgba(255,255,255,.75);
	color:var(--abis-blog-blue);
	box-shadow:0 7px 20px rgba(22,72,130,.08);
}

.abis-blog-card__body{
	display:flex;
	min-height:240px;
	flex:1;
	flex-direction:column;
	align-items:flex-start;
	padding:20px 21px 19px;
}

.abis-blog-card__title{
	display:flex;
	min-height:63px;
	margin:8px 0 7px;
	align-items:flex-start;
	font-size:17px;
	font-weight:800;
	line-height:1.85;
	letter-spacing:-.025em;
}

.abis-blog-card__title a{
	display:-webkit-box;
	color:var(--abis-blog-navy);
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	overflow:hidden;
	transition:color .18s ease;
}

.abis-blog-card__excerpt{
	display:-webkit-box;
	min-height:55px;
	margin:0 0 18px;
	color:#6a7c92;
	font-size:11.5px;
	font-weight:450;
	line-height:1.95;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	overflow:hidden;
}

.abis-blog-read-more{
	display:inline-flex;
	min-height:34px;
	margin-top:auto;
	align-items:center;
	gap:8px;
	color:var(--abis-blog-blue)!important;
	font-size:11.5px;
	font-weight:750;
}

.abis-blog-read-more__arrow{
	font-family:Arial,sans-serif;
	font-size:17px;
	line-height:1;
	transition:transform .18s ease;
}

@media (hover:hover) and (pointer:fine){
	.abis-blog-card:hover,
	.abis-blog-card:focus-within{
		border-color:#c4daf5;
		box-shadow:var(--abis-blog-hover-shadow);
		transform:translateY(-3px);
	}

	.abis-blog-card:hover .abis-blog-media__image,
	.abis-blog-card:focus-within .abis-blog-media__image{
		transform:scale(1.035);
	}

	.abis-blog-card:hover .abis-blog-card__title a,
	.abis-blog-card:focus-within .abis-blog-card__title a{
		color:var(--abis-blog-blue);
	}

	.abis-blog-read-more:hover .abis-blog-read-more__arrow,
	.abis-blog-read-more:focus-visible .abis-blog-read-more__arrow{
		transform:translateX(-3px);
	}
}

/* --------------------------------------------------------------------------
 * Empty state and pagination
 * ----------------------------------------------------------------------- */
.abis-blog-empty{
	display:flex;
	min-height:310px;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	padding:40px;
	border:1px dashed #c8d9ec;
	border-radius:18px;
	background:#fff;
	color:#718299;
	text-align:center;
}

.abis-blog-empty > .abis-icon{
	width:48px;
	height:48px;
	margin-bottom:14px;
	color:#6f8db2;
}

.abis-blog-empty h2{
	margin:0 0 8px;
	color:var(--abis-blog-navy);
	font-size:21px;
	font-weight:800;
}

.abis-blog-empty p{
	margin:0 0 20px;
	font-size:12px;
	line-height:1.9;
}

.abis-blog-empty a{
	display:inline-flex;
	min-height:40px;
	align-items:center;
	padding:7px 18px;
	border-radius:9px;
	background:var(--abis-blog-blue);
	color:#fff;
	font-size:11px;
	font-weight:700;
}

.abis-blog-pagination{
	display:flex;
	align-items:center;
	justify-content:center;
	flex-wrap:wrap;
	gap:7px;
	margin-top:38px;
}

.abis-blog-pagination .page-numbers{
	display:grid;
	min-width:38px;
	height:38px;
	padding:0 11px;
	place-items:center;
	border:1px solid var(--abis-blog-border);
	border-radius:9px;
	background:#fff;
	color:#61758d;
	font-size:11px;
	font-weight:700;
	transition:border-color .18s ease,background-color .18s ease,color .18s ease;
}

.abis-blog-pagination .page-numbers:hover,
.abis-blog-pagination .page-numbers:focus-visible{
	border-color:#bdd8f8;
	background:#f1f7ff;
	color:var(--abis-blog-blue);
}

.abis-blog-pagination .page-numbers.current{
	border-color:var(--abis-blog-blue);
	background:var(--abis-blog-blue);
	color:#fff;
}

/* ========================================================================== 
 * Single article
 * ======================================================================= */
.abis-article-header{
	position:relative;
	padding:36px 0 42px;
	border-bottom:1px solid #dfe9f4;
	background:
		radial-gradient(circle at 12% 25%,rgba(8,105,237,.075),transparent 24%),
		linear-gradient(135deg,#fbfdff,#f1f7ff);
}

.abis-article-header__inner{
	max-width:1120px;
}

.abis-blog-breadcrumb{
	display:flex;
	align-items:center;
	flex-wrap:wrap;
	gap:8px;
	margin-bottom:24px;
	color:#8a99aa;
	font-size:10.5px;
	font-weight:550;
	line-height:1.8;
}

.abis-blog-breadcrumb a{
	color:#6e8198;
	transition:color .18s ease;
}

.abis-blog-breadcrumb a:hover{
	color:var(--abis-blog-blue);
}

.abis-article-header h1{
	max-width:970px;
	margin:13px 0 12px;
	color:var(--abis-blog-navy);
	font-size:clamp(28px,3.3vw,34px);
	font-weight:850;
	line-height:1.65;
	letter-spacing:-.045em;
}

.abis-article-header__lead{
	max-width:900px;
	margin:0 0 26px;
	color:#62758d;
	font-size:14px;
	font-weight:450;
	line-height:2.1;
}

.abis-article-meta{
	display:flex;
	align-items:center;
	flex-wrap:wrap;
	gap:22px;
	margin-top:26px;
}

.abis-article-meta__author{
	display:flex;
	align-items:center;
	gap:10px;
}

.abis-article-meta__avatar{
	display:block;
	width:44px!important;
	height:44px!important;
	border:2px solid #fff;
	border-radius:50%;
	object-fit:cover;
	box-shadow:0 4px 14px rgba(24,65,111,.12);
}

.abis-article-meta__author > span,
.abis-article-meta__item{
	display:flex;
	flex-direction:column;
	gap:2px;
}

.abis-article-meta small{
	color:#8997a8;
	font-size:9px;
	font-weight:500;
}

.abis-article-meta strong,
.abis-article-meta time{
	color:#304b6b;
	font-size:11px;
	font-weight:700;
}

.abis-blog-share{
	display:inline-flex;
	min-height:39px;
	margin-right:auto;
	align-items:center;
	gap:8px;
	padding:6px 14px;
	border:1px solid #cfdeef;
	border-radius:9px;
	background:#fff;
	color:#496583;
	font-family:inherit;
	font-size:10.5px;
	font-weight:700;
	box-shadow:0 5px 16px rgba(22,62,107,.045);
	cursor:pointer;
	transition:border-color .18s ease,color .18s ease,background-color .18s ease;
}

.abis-blog-share .abis-icon{
	width:17px;
	height:17px;
}

.abis-blog-share:hover,
.abis-blog-share:focus-visible{
	border-color:#bad5f5;
	background:#f3f8ff;
	color:var(--abis-blog-blue);
}

.abis-article-cover{
	max-width:1240px;
	margin-top:34px;
}

.abis-article-cover__image{
	display:block;
	width:100%!important;
	max-height:650px;
	margin:0!important;
	border:1px solid var(--abis-blog-border);
	border-radius:22px;
	background:#eef5fc;
	box-shadow:var(--abis-blog-shadow);
	object-fit:cover;
}

.abis-article-layout{
	display:grid;
	grid-template-columns:minmax(0,1fr) 290px;
	align-items:start;
	gap:48px;
	max-width:1240px;
	padding-top:40px;
	padding-bottom:42px;
}

.abis-article-main{
	min-width:0;
}

.abis-article-content{
	padding:34px clamp(26px,4vw,54px);
	border:1px solid var(--abis-blog-border);
	border-radius:20px;
	background:#fff;
	color:#334d6b;
	font-size:14px;
	font-weight:450;
	line-height:2.25;
	box-shadow:0 10px 32px rgba(21,61,108,.055);
}

.abis-article-content > :first-child{
	margin-top:0!important;
}

.abis-article-content > :last-child{
	margin-bottom:0!important;
}

.abis-article-content p{
	margin:0 0 20px;
}

.abis-article-content h2,
.abis-article-content h3,
.abis-article-content h4{
	color:var(--abis-blog-navy);
	font-weight:850;
	letter-spacing:-.025em;
	scroll-margin-top:28px;
}

.abis-article-content h2{
	position:relative;
	margin:42px 0 17px;
	padding-top:15px;
	font-size:25px;
	line-height:1.75;
}

.abis-article-content h2::before{
	position:absolute;
	top:0;
	right:0;
	width:45px;
	height:3px;
	border-radius:999px;
	background:var(--abis-blog-blue);
	content:"";
}

.abis-article-content h3{
	margin:31px 0 13px;
	font-size:20px;
	line-height:1.8;
}

.abis-article-content h4{
	margin:25px 0 11px;
	font-size:17px;
	line-height:1.8;
}

.abis-article-content a{
	color:var(--abis-blog-blue);
	font-weight:650;
	text-decoration:underline;
	text-decoration-thickness:1px;
	text-underline-offset:4px;
}

.abis-article-content strong{
	color:#173d6b;
	font-weight:800;
}

.abis-article-content ul,
.abis-article-content ol{
	margin:0 0 22px;
	padding-right:24px;
}

.abis-article-content li{
	margin-bottom:8px;
}

.abis-article-content li::marker{
	color:var(--abis-blog-blue);
	font-weight:800;
}

.abis-article-content blockquote{
	position:relative;
	margin:30px 0;
	padding:20px 23px 20px 25px;
	border:0;
	border-right:4px solid var(--abis-blog-blue);
	border-radius:12px;
	background:#f2f7ff;
	color:#385778;
	font-size:14px;
	font-weight:600;
	line-height:2.15;
}

.abis-article-content blockquote p:last-child{
	margin-bottom:0;
}

.abis-article-content img{
	max-width:100%;
	height:auto;
	border-radius:14px;
}

.abis-article-content figure{
	max-width:100%;
	margin:28px 0;
}

.abis-article-content figcaption,
.abis-article-content .wp-caption-text{
	margin-top:8px;
	color:#7c8da2;
	font-size:10px;
	line-height:1.8;
	text-align:center;
}

.abis-article-content .wp-block-image.alignwide,
.abis-article-content .alignwide{
	width:calc(100% + 34px);
	max-width:calc(100% + 34px);
	margin-right:-17px;
	margin-left:-17px;
}

.abis-article-content table{
	width:100%;
	margin:28px 0;
	border:1px solid var(--abis-blog-border);
	border-collapse:separate;
	border-spacing:0;
	border-radius:12px;
	background:#fff;
	overflow:hidden;
	font-size:12px;
}

.abis-article-content th,
.abis-article-content td{
	padding:12px 14px;
	border-bottom:1px solid var(--abis-blog-border);
	border-left:1px solid var(--abis-blog-border);
	text-align:right;
	vertical-align:middle;
}

.abis-article-content th:last-child,
.abis-article-content td:last-child{
	border-left:0;
}

.abis-article-content tr:last-child td{
	border-bottom:0;
}

.abis-article-content th{
	background:#f2f7fd;
	color:#23466d;
	font-weight:800;
}

.abis-article-content code,
.abis-article-content pre{
	direction:ltr;
	font-family:Consolas,Monaco,monospace;
	text-align:left;
}

.abis-article-content code{
	padding:2px 6px;
	border-radius:5px;
	background:#eef3f8;
	color:#274767;
	font-size:.88em;
}

.abis-article-content pre{
	max-width:100%;
	margin:26px 0;
	padding:20px;
	border-radius:12px;
	background:#10233f;
	color:#f1f7ff;
	overflow:auto;
	font-size:12px;
	line-height:1.8;
}

.abis-article-content pre code{
	padding:0;
	background:transparent;
	color:inherit;
}

.abis-article-content .wp-block-button__link{
	display:inline-flex;
	min-height:42px;
	align-items:center;
	padding:7px 18px;
	border-radius:9px;
	background:var(--abis-blog-blue);
	color:#fff;
	text-decoration:none;
}

.abis-article-content hr{
	margin:34px 0;
	border:0;
	border-top:1px solid var(--abis-blog-border);
}

.abis-article-pages{
	display:flex;
	align-items:center;
	gap:7px;
	margin-top:28px;
}

/* Sidebar and table of contents. */
.abis-article-sidebar{
	position:sticky;
	top:24px;
	display:flex;
	min-width:0;
	flex-direction:column;
	gap:18px;
}

.abis-article-sidebar__card{
	padding:20px;
	border:1px solid var(--abis-blog-border);
	border-radius:16px;
	background:#fff;
	box-shadow:0 7px 24px rgba(20,59,103,.045);
}

.abis-article-sidebar__card[hidden]{
	display:none!important;
}

.abis-article-sidebar__title{
	margin-bottom:13px;
}

.abis-article-sidebar__title .abis-section-heading__line{
	width:38px;
	margin-bottom:8px;
}

.abis-article-sidebar__title h2{
	margin:0;
	color:var(--abis-blog-navy);
	font-size:16px;
	font-weight:850;
	line-height:1.6;
}

.abis-blog-toc ol{
	margin:0;
	padding:0;
	list-style:none;
}

.abis-blog-toc li{
	position:relative;
	margin:0;
	padding:0;
}

.abis-blog-toc li.is-subheading{
	padding-right:13px;
}

.abis-blog-toc a{
	display:block;
	padding:8px 10px;
	border-right:2px solid transparent;
	border-radius:0 7px 7px 0;
	color:#697c92;
	font-size:10.5px;
	font-weight:550;
	line-height:1.75;
	transition:border-color .18s ease,color .18s ease,background-color .18s ease;
}

.abis-blog-toc a:hover,
.abis-blog-toc a.is-active{
	border-right-color:var(--abis-blog-blue);
	background:#f2f7ff;
	color:var(--abis-blog-blue);
}

.abis-blog-sidebar-cta{
	background:
		radial-gradient(circle at 16% 14%,rgba(255,255,255,.85),transparent 24%),
		linear-gradient(145deg,#eff7ff,#e5f1ff);
}

.abis-blog-sidebar-cta > span{
	color:var(--abis-blog-blue);
	font-size:9px;
	font-weight:750;
}

.abis-blog-sidebar-cta h2{
	margin:8px 0 9px;
	color:var(--abis-blog-navy);
	font-size:17px;
	font-weight:850;
	line-height:1.75;
}

.abis-blog-sidebar-cta p{
	margin:0 0 16px;
	color:#63768d;
	font-size:10.5px;
	line-height:1.9;
}

.abis-blog-sidebar-cta a{
	display:inline-flex;
	min-height:39px;
	align-items:center;
	justify-content:center;
	padding:7px 15px;
	border-radius:8px;
	background:var(--abis-blog-blue);
	color:#fff;
	font-size:10.5px;
	font-weight:750;
	box-shadow:0 6px 15px rgba(8,105,237,.18);
}

/* Tags, author and post navigation. */
.abis-article-tags{
	display:flex;
	align-items:center;
	flex-wrap:wrap;
	gap:8px;
	margin-top:20px;
	padding:16px 18px;
	border:1px solid var(--abis-blog-border);
	border-radius:13px;
	background:#fff;
	color:#667a92;
	font-size:10.5px;
}

.abis-article-tags strong{
	color:#304f70;
}

.abis-article-tags a{
	display:inline-flex;
	min-height:28px;
	align-items:center;
	padding:4px 10px;
	border-radius:999px;
	background:#f1f6fc;
	color:#55718e;
	font-size:10px;
	font-weight:650;
	transition:background-color .18s ease,color .18s ease;
}

.abis-article-tags a:hover{
	background:#e8f3ff;
	color:var(--abis-blog-blue);
}

.abis-author-box{
	display:flex;
	align-items:center;
	gap:18px;
	margin-top:20px;
	padding:21px 23px;
	border:1px solid var(--abis-blog-border);
	border-radius:15px;
	background:#fff;
	box-shadow:0 7px 22px rgba(21,61,107,.04);
}

.abis-author-box__avatar{
	display:block;
	width:76px!important;
	height:76px!important;
	flex:0 0 76px;
	border:3px solid #edf5ff;
	border-radius:50%;
	object-fit:cover;
}

.abis-author-box > div > span{
	color:#8392a4;
	font-size:9.5px;
	font-weight:600;
}

.abis-author-box h2{
	margin:3px 0 5px;
	color:var(--abis-blog-navy);
	font-size:18px;
	font-weight:850;
}

.abis-author-box p{
	margin:0;
	color:#67798f;
	font-size:10.5px;
	line-height:1.95;
}

.abis-post-navigation{
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:14px;
	margin-top:20px;
}

.abis-post-navigation__item{
	min-width:0;
	min-height:100px;
	padding:16px 18px;
	border:1px solid var(--abis-blog-border);
	border-radius:13px;
	background:#fff;
	transition:border-color .18s ease,box-shadow .18s ease;
}

.abis-post-navigation__item:hover{
	border-color:#c3daf6;
	box-shadow:0 7px 20px rgba(21,64,113,.06);
}

.abis-post-navigation__item > span{
	display:block;
	margin-bottom:6px;
	color:#8a99a9;
	font-size:9px;
	font-weight:600;
}

.abis-post-navigation__item a{
	display:-webkit-box;
	color:#2f4d6e;
	font-size:11px;
	font-weight:750;
	line-height:1.8;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	overflow:hidden;
	transition:color .18s ease;
}

.abis-post-navigation__item a:hover{
	color:var(--abis-blog-blue);
}

.abis-post-navigation__item--next{
	text-align:left;
}

/* Related posts and comments. */
.abis-related-posts{
	padding:6px 0 58px;
}

.abis-blog-grid--related .abis-blog-card{
	min-height:440px;
}

.abis-blog-grid--related .abis-blog-media{
	height:205px;
}

.abis-blog-comments{
	margin-bottom:60px;
	padding:26px clamp(20px,4vw,44px);
	border:1px solid var(--abis-blog-border);
	border-radius:18px;
	background:#fff;
	box-shadow:0 8px 25px rgba(20,61,108,.045);
}

.abis-blog-comments .comments-area,
.abis-blog-comments #comments{
	margin:0;
	padding:0;
	border:0;
	background:transparent;
}

.abis-blog-comments .comments-title,
.abis-blog-comments .comment-reply-title{
	margin:0 0 20px;
	color:var(--abis-blog-navy);
	font-size:21px;
	font-weight:850;
	line-height:1.7;
}

.abis-blog-comments .comment-list{
	margin:0 0 28px;
	padding:0;
	list-style:none;
}

.abis-blog-comments .comment-list .comment{
	margin-bottom:13px;
	padding:17px;
	border:1px solid var(--abis-blog-border);
	border-radius:12px;
	background:#fbfdff;
}

.abis-blog-comments .comment-author{
	display:flex;
	align-items:center;
	gap:8px;
	font-size:11px;
}

.abis-blog-comments .comment-author img{
	border-radius:50%;
}

.abis-blog-comments .comment-metadata{
	margin:5px 0 10px;
	font-size:9px;
}

.abis-blog-comments .comment-content{
	font-size:11px;
	line-height:1.95;
}

.abis-blog-comments .comment-form{
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:13px;
}

.abis-blog-comments .comment-form-comment,
.abis-blog-comments .comment-notes,
.abis-blog-comments .logged-in-as,
.abis-blog-comments .comment-form-cookies-consent,
.abis-blog-comments .form-submit{
	grid-column:1/-1;
}

.abis-blog-comments label{
	display:block;
	margin-bottom:6px;
	color:#506984;
	font-size:10px;
	font-weight:700;
}

.abis-blog-comments input[type="text"],
.abis-blog-comments input[type="email"],
.abis-blog-comments input[type="url"],
.abis-blog-comments textarea{
	width:100%;
	padding:10px 12px;
	border:1px solid #d2dfed;
	border-radius:9px;
	background:#fff;
	font-family:inherit;
	font-size:11px;
	outline:0;
	transition:border-color .18s ease,box-shadow .18s ease;
}

.abis-blog-comments textarea{
	min-height:145px;
	resize:vertical;
}

.abis-blog-comments input:focus,
.abis-blog-comments textarea:focus{
	border-color:#abcdf5;
	box-shadow:0 0 0 3px rgba(8,105,237,.055);
}

.abis-blog-comments .submit{
	min-height:42px;
	padding:7px 20px;
	border:0;
	border-radius:9px;
	background:var(--abis-blog-blue);
	color:#fff;
	font-family:inherit;
	font-size:11px;
	font-weight:750;
	cursor:pointer;
}

/* --------------------------------------------------------------------------
 * Responsive layout
 * ----------------------------------------------------------------------- */
@media(max-width:1180px){
	.abis-blog-grid{
		grid-template-columns:repeat(2,minmax(0,1fr));
	}

	.abis-blog-featured{
		grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr);
	}

	.abis-article-layout{
		grid-template-columns:minmax(0,1fr) 260px;
		gap:30px;
	}
}

@media(max-width:900px){
	.abis-blog-hero__inner{
		grid-template-columns:1fr;
		gap:26px;
	}

	.abis-blog-search{
		max-width:680px;
	}

	.abis-blog-featured{
		grid-template-columns:1fr;
	}

	.abis-blog-featured__media .abis-blog-media{
		min-height:360px;
		height:360px;
	}

	.abis-blog-featured__content{
		padding:30px;
	}

	.abis-article-layout{
		grid-template-columns:1fr;
	}

	.abis-article-sidebar{
		position:static;
		display:grid;
		grid-template-columns:1fr 1fr;
		grid-row:1;
	}

	.abis-article-main{
		grid-row:2;
	}
}

@media(max-width:767px){
	.abis-blog-container{
		width:min(100% - 18px,720px);
	}

	.abis-blog-hero{
		padding:34px 0 31px;
	}

	.abis-blog-hero h1{
		margin-top:11px;
		font-size:25px;
		line-height:1.65;
	}

	.abis-blog-hero__content > p{
		font-size:12px;
		line-height:1.95;
	}

	.abis-blog-search{
		grid-template-columns:29px minmax(0,1fr) auto;
		min-height:52px;
		padding:5px 6px 5px 8px;
		border-radius:12px;
	}

	.abis-blog-search__icon{
		width:29px;
		height:29px;
	}

	.abis-blog-search__icon .abis-icon{
		width:17px;
		height:17px;
	}

	.abis-blog-search input{
		height:40px;
		font-size:10.5px;
	}

	.abis-blog-search button{
		min-width:72px;
		height:40px;
		padding:0 12px;
		border-radius:8px;
		font-size:10.5px;
	}

	.abis-blog-categories{
		margin:18px 0;
	}

	.abis-blog-categories a{
		min-height:34px;
		padding:6px 13px;
		font-size:10px;
	}

	.abis-blog-featured{
		margin-bottom:32px;
		border-radius:16px;
	}

	.abis-blog-featured__media .abis-blog-media{
		min-height:230px;
		height:230px;
	}

	.abis-blog-featured__content{
		padding:22px 19px 24px;
	}

	.abis-blog-featured h2{
		font-size:21px;
		line-height:1.75;
	}

	.abis-blog-featured__content > p{
		font-size:11px;
		-webkit-line-clamp:3;
	}

	.abis-blog-primary-button{
		height:40px;
		margin-top:16px;
		font-size:10.5px;
	}

	.abis-section-heading{
		align-items:center;
		margin-bottom:16px;
	}

	.abis-section-heading h2{
		font-size:21px;
	}

	.abis-section-heading__line{
		margin-bottom:8px;
	}

	.abis-section-heading__count,
	.abis-section-heading > a{
		font-size:10px;
	}

	.abis-blog-grid{
		grid-template-columns:1fr;
		gap:14px;
	}

	.abis-blog-card{
		min-height:0;
		border-radius:14px;
	}

	.abis-blog-media{
		height:210px;
	}

	.abis-blog-card__body{
		min-height:215px;
		padding:17px;
	}

	.abis-blog-card__title{
		min-height:56px;
		font-size:15px;
	}

	.abis-blog-card__excerpt{
		min-height:48px;
		font-size:10.5px;
	}

	.abis-blog-list{
		padding-bottom:42px;
	}

	.abis-article-header{
		padding:25px 0 30px;
	}

	.abis-blog-breadcrumb{
		margin-bottom:18px;
		font-size:9px;
	}

	.abis-article-header h1{
		font-size:25px;
		line-height:1.75;
	}

	.abis-article-header__lead{
		font-size:12px;
	}

	.abis-article-meta{
		gap:15px;
	}

	.abis-blog-share{
		margin-right:0;
	}

	.abis-article-cover{
		margin-top:18px;
	}

	.abis-article-cover__image{
		max-height:350px;
		border-radius:15px;
	}

	.abis-article-layout{
		gap:18px;
		padding-top:18px;
	}

	.abis-article-sidebar{
		display:flex;
	}

	.abis-article-content{
		padding:23px 17px;
		border-radius:15px;
		font-size:12.5px;
		line-height:2.15;
	}

	.abis-article-content h2{
		margin-top:34px;
		font-size:21px;
	}

	.abis-article-content h3{
		font-size:18px;
	}

	.abis-article-content .wp-block-image.alignwide,
	.abis-article-content .alignwide{
		width:100%;
		max-width:100%;
		margin-right:0;
		margin-left:0;
	}

	.abis-article-content table{
		display:block;
		max-width:100%;
		overflow-x:auto;
		white-space:nowrap;
	}

	.abis-author-box{
		align-items:flex-start;
		padding:18px;
	}

	.abis-author-box__avatar{
		width:60px!important;
		height:60px!important;
		flex-basis:60px;
	}

	.abis-post-navigation{
		grid-template-columns:1fr;
	}

	.abis-post-navigation__item--next{
		text-align:right;
	}

	.abis-blog-comments .comment-form{
		grid-template-columns:1fr;
	}

	.abis-blog-comments .comment-form > *{
		grid-column:1;
	}
}

@media(max-width:420px){
	.abis-blog-search button{
		min-width:64px;
		padding-inline:9px;
	}

	.abis-blog-meta{
		font-size:10px;
	}

	.abis-article-meta__item:nth-of-type(3){
		display:none;
	}
}

@media(prefers-reduced-motion:reduce){
	.abis-blog-card,
	.abis-blog-media__image,
	.abis-blog-category-pill,
	.abis-blog-read-more__arrow,
	.abis-blog-primary-button,
	.abis-blog-search button{
		transition:none!important;
	}
}