/* Video */
.article video {
	height: 100%;
	border: 1px solid #979797;
	border-radius: 15px;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.12);
}
/* Table of content */
.article .columns.toc {
	padding-left: 15px;
	padding-right: 15px;
}
/* Highlight Dedicated*/
.article .highlight.dedicated {
	margin: 50px -50px;
	padding: 50px;
	border-radius: 16px;
	background: #D5E7FF;
}
/* All changes */
.highlight.all-changes {
	padding-top: 30px;
	padding-bottom: 30px;
}
.highlight.all-changes > .article {
	padding-top: 0;
	padding-bottom: 0;
}
.highlight.all-changes .article > a.arrow {
	margin-left: 8px;
	white-space: nowrap;
}
.highlight.all-changes .article > a.arrow::after {
	content: '';
	top: auto;
	width: 16px;
	height: 16px;
	margin-left: 6px;
	vertical-align: -3px;
	background: url('/images/blocks/home/last-release/arrow.svg') center / contain no-repeat;
	transition: transform .2s ease;
}
.highlight.all-changes .article > a.arrow:hover::after {
	transform: translateX(4px);
}
/* Mobile */
@media (max-width: 1020px) {
	.article video {
		width: 100%;
	}
}
@media (max-width: 860px) {
	.article .highlight.dedicated {
		margin: 50px -20px;
		padding: 50px 20px;
		border-radius: 0;
	}
}
@media (max-width: 480px) {
	.article .columns.toc div:first-child {
		margin-bottom: 0;
	}
	.article .columns.toc {
		padding-left: 0;
		padding-right: 0;
		margin-left: -25px;
	}
}
@media (max-width: 200px) {
	.highlight.all-changes .article > a.arrow {
		margin-left: 0;
	}
}