
.layout1__highlight {
	order: 2;
	margin-top: var(--spacing3);
}

.layout1__highlight .w__inner {
	grid-column: 2 / -2;
}

.layout1__main {
	padding-top: 0;
}

.layout1__main .child {
	margin-top: var(--spacing2);
}

.attachments {
	margin-top: 2em;
	margin-left: 0;
}

.attachments a {
	display: inline-flex;
	align-items: flex-start;
	gap: 0.5em;
	font-weight: var(--fontSemiBold);
}

	
	.attachments.ul li + li {
		margin-top: 0.3em;
	}

	.attachments a span {
		font-weight: 400;
		color: var(--color__gray);
	}


.eSOCAsnik__list {
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	gap: var(--spacing2);
}

.wSOCAsnik {
	display: flex;
	gap: 2em;
	align-items: center;
}

.wSOCAsnik > a {
	width: 30%;
	flex: 0 0 auto;
	box-shadow: 5px 5px 11px rgba(0, 0, 0, 0.3);
	transition: box-shadow .3s;
}

.wSOCAsnik > a:hover {
	box-shadow: 5px 5px 16px rgba(0, 0, 0, 0.4);
}

.wSOCAsnik h3 {
	font-size: var(--size2);
	line-height: 1.1;
}

.wSOCAsnik h3 a {
	line-height: 1.1;
	text-decoration: none;
	transition: color .3s;
}

.wSOCAsnik h3 a:hover {
	color: var(--color__turkiz);
}

@media (min-width: 48em) {
	.eSOCAsnik__list {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (min-width: 65em) {
	.eSOCAsnik__list {
		grid-template-columns: repeat(3, 1fr);
	}
	
	.wSOCAsnik > a {
		width: 40%;
	}
	
	.layout1 {
		align-items: start;
	}
	
	.layout1__main {
		grid-column-start: 6;
		padding-top: 0;
	}
	
	.layout1__highlight {
		grid-column: 1 / span 5;
		order: unset;
		position: sticky;
		top: 0;
		
		margin-top: 0;
	}
	
	.layout1__highlight .w__inner {
		grid-column: 2 / -1;
		padding-right: var(--spacing);
	}
}


@media (min-width: 90em) {
	/*
	.layout1 header {
		grid-column-start: 4;
	}
	*/
	
	.layout1__main {
		grid-column-start: 8;
	}
	
	.layout1__highlight {
		grid-column: 1 / span 6;
	}
	
	.layout1__highlight .w__inner {
		grid-column: 3 / -2;
		padding-right: 0;
	}
}