/* Magazine Embed – front-end presentation */

.me-magazine {
	--me-width: 100%;
	--me-height: 640px;
	--me-mask-color: #ffffff;
	width: var(--me-width);
	max-width: 100%;
	margin: 0 auto;
}

.me-magazine--responsive {
	width: 100%;
}

.me-magazine__frame-wrap {
	position: relative;
	width: 100%;
	height: var(--me-height);
	overflow: hidden;
	border: 0;
	border-radius: 4px;
	background: var(--me-mask-color);
}

.me-magazine__frame {
	display: block;
	width: 100%;
	height: 100%;
	border: 0;
	background: transparent;
}

.me-magazine--strip-branding .me-magazine__brand-mask {
	position: absolute;
	left: 0;
	bottom: 0;
	width: clamp(96px, 18vw, 148px);
	height: clamp(36px, 8vw, 56px);
	background: var(--me-mask-color);
	pointer-events: none;
	z-index: 2;
}

.me-magazine__error {
	margin: 1rem 0;
	padding: 0.75rem 1rem;
	border-left: 4px solid #d63638;
	background: #fcf0f1;
	color: #1d2327;
}

@media (max-width: 640px) {
	.me-magazine__frame-wrap {
		height: min(var(--me-height), 72vh);
	}
}