/* Viewer */
.article .iframe.sample {
	overflow: hidden;
	border-radius: 8px;
}
.article .iframe.sample iframe {
	height: calc(100% + 1px);
	border: 0 !important;
	border-radius: 0;
}
.article .iframe.sample::after {
	content: "";
	position: absolute;
	inset: 0;
	box-sizing: border-box;
	border: 1px solid #19478A;
	border-radius: 8px;
	pointer-events: none;
}

/* Video */
.article .center:has(> video) {
	position: relative;
	width: 960px;
	max-width: 100%;
	margin: 0 auto;
	overflow: hidden;
	border-radius: 8px;
	line-height: 0;
}
.article .center:has(> video)::after {
	content: "";
	position: absolute;
	inset: 0;
	box-sizing: border-box;
	border: 1px solid #19478A;
	border-radius: 8px;
	pointer-events: none;
}
.article video {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 960 / 539;
	object-fit: cover;
	object-position: center bottom;
	border: 0;
	border-radius: 0;
}
/* Mobile */
@media (max-width: 1020px) {
	.article video {
		width: 100%;
	}
}