/* Custom Newsletter Kit — Ad / CTA slots */

.blogkit-ad {
	margin: 2em 0;
	padding: 0;
	clear: both;
}

/* "Advertisement" label above image/code ads (transparency + compliance). */
.blogkit-ad__label {
	display: block;
	margin: 0 0 6px;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: #9aa0a6;
	text-align: center;
}

/* Text CTA — a tidy, attention-getting bar (great for newsletter signups). */
.blogkit-ad--text .blogkit-ad__text {
	margin: 0;
	padding: 1em 1.25em;
	background: #f4f8ff;
	border: 1px solid #d6e4ff;
	border-left: 4px solid #2b6cb0;
	border-radius: 6px;
	font-size: 1.05em;
	font-weight: 600;
	text-align: center;
}

.blogkit-ad--text .blogkit-ad__text a {
	text-decoration: none;
}

.blogkit-ad--text .blogkit-ad__text a:hover {
	text-decoration: underline;
}

/* Image banner — responsive and centered. */
.blogkit-ad--image .blogkit-ad__image {
	text-align: center;
}

.blogkit-ad--image .blogkit-ad__image img {
	max-width: 100%;
	height: auto;
	border-radius: 6px;
	margin-left: auto;
	margin-right: auto;
}

/* Ad code / script — center it and keep iframes/images responsive. */
.blogkit-ad__code {
	text-align: center;
	overflow: hidden;
}

.blogkit-ad__code img,
.blogkit-ad__code iframe {
	max-width: 100%;
}

/* Reserve height to avoid layout shift (CLS) while ad code loads. */
.blogkit-ad--code .blogkit-ad__code { min-height: 90px; }
.blogkit-ad-zone--header .blogkit-ad--code .blogkit-ad__code { min-height: 90px; }
.blogkit-ad-zone--sidebar .blogkit-ad--code .blogkit-ad__code { min-height: 250px; }

/* Zone wrappers */
.blogkit-ad-zone--header {
	margin: 0 auto;
	padding: 12px 0;
	text-align: center;
}

.blogkit-ad-zone--sidebar .blogkit-ad {
	margin: 0 0 24px;
}

/* Editors-only placeholders (visitors never see these). */
.blogkit-ad-placeholder {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 6px;
	min-height: 90px;
	margin: 2em 0;
	padding: 18px;
	text-align: center;
	border: 2px dashed #c8ccd1;
	border-radius: 6px;
	background: #f7f8f9;
}
.blogkit-ad-placeholder__tag {
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: #9aa0a6;
}
.blogkit-ad-placeholder__zone {
	font-size: 14px;
	font-weight: 600;
	color: #3c434a;
}
.blogkit-ad-placeholder__link {
	font-size: 13px;
	font-weight: 600;
	color: #2CA4A8;
	text-decoration: none;
}
.blogkit-ad-placeholder__link:hover { text-decoration: underline; }
.blogkit-ad-placeholder__note {
	font-size: 11px;
	color: #9aa0a6;
	max-width: 30em;
}
.blogkit-ad-zone--in_article .blogkit-ad-placeholder,
.blogkit-ad-zone--article_footer .blogkit-ad-placeholder,
.blogkit-ad-zone--sidebar .blogkit-ad-placeholder { min-height: 160px; }

/* Square (MPU 300×250) zones — under the homepage news / interviews lists. */
.blogkit-ad-zone--home_news,
.blogkit-ad-zone--home_interviews { margin-top: 20px; }
.blogkit-ad-zone--home_news .blogkit-ad,
.blogkit-ad-zone--home_news .blogkit-ad-placeholder,
.blogkit-ad-zone--home_interviews .blogkit-ad,
.blogkit-ad-zone--home_interviews .blogkit-ad-placeholder { max-width: 300px; margin-left: auto; margin-right: auto; }
.blogkit-ad-zone--home_news .blogkit-ad-placeholder,
.blogkit-ad-zone--home_interviews .blogkit-ad-placeholder { min-height: 250px; }