/* ============================================================
   MN: Global skyscraper ads
   Fixed vertical ad slots hugging the left/right edges of the centered
   content container (like kompas.com). Shown on every page, but only on
   wide desktop screens so they never overlap the content.
   ============================================================ */

.mn-skyscraper {
	display: none;
}

@media (min-width: 1500px) {
	.mn-skyscraper {
		display: block;
		position: fixed;
		top: 50%;
		z-index: 50;
		width: 160px;
		transform: translateY(-50%);
	}

	.mn-skyscraper--left {
		/* Right edge of the ad sits one small gap left of the container. */
		left: calc(50% - (var(--mn-container-width) / 2) - 160px - var(--mn-space-3));
	}

	.mn-skyscraper--right {
		/* Left edge of the ad sits one small gap right of the container. */
		right: calc(50% - (var(--mn-container-width) / 2) - 160px - var(--mn-space-3));
	}

	/* Keep stacked widgets compact inside the narrow slot. */
	.mn-skyscraper .widget {
		margin-bottom: var(--mn-space-4);
	}

	.mn-skyscraper .widget:last-child {
		margin-bottom: 0;
	}
}