/* NaijaScore9 Blog sidebar newsletter visibility correction v2.3.48.172.
 * Scope: premium Blog landing/category/tag sidebar only.
 * The desktop sidebar remains independently scrollable, but the newsletter
 * becomes a complete sticky panel once reached so its email field and button
 * cannot be clipped after zooming, resizing, or restoring sidebar scroll.
 */
@media (min-width: 901px) {
	.n9-blog-page .n9-blog-sidebar {
		scroll-padding-top: 12px;
	}

	.n9-blog-page .n9-blog-sidebar > .n9-blog-newsletter {
		position: sticky !important;
		top: 0;
		z-index: 6;
		flex: 0 0 auto;
		align-self: stretch;
		width: 100%;
		max-width: 100%;
		min-height: 0;
		max-height: none;
		clip-path: none;
		transform: translateZ(0);
		isolation: isolate;
		box-shadow: 0 18px 45px rgba(5,90,50,.28), 0 0 0 1px rgba(255,255,255,.04);
	}

	.n9-blog-page .n9-blog-sidebar > .n9-blog-newsletter form,
	.n9-blog-page .n9-blog-sidebar > .n9-blog-newsletter input[type="email"],
	.n9-blog-page .n9-blog-sidebar > .n9-blog-newsletter button {
		visibility: visible !important;
		opacity: 1 !important;
		max-height: none !important;
	}
}

/* Tablet/mobile already use normal document scrolling; explicitly keep the
 * newsletter in flow so no sticky rule can leak through cached/combined CSS. */
@media (max-width: 900px) {
	.n9-blog-page .n9-blog-sidebar > .n9-blog-newsletter {
		position: relative !important;
		top: auto !important;
		z-index: auto;
		transform: none;
	}
}
