.container {
	width: min(100% - 40px, var(--container));
	margin-inline: auto;
}

.container--narrow {
	width: min(100% - 40px, var(--container-narrow));
	margin-inline: auto;
}

.site-main {
	min-height: 60vh;
}

.default-section {
	padding: var(--space-3xl) 0;
}

.site-header {
	position: sticky;
	top: 0;
	z-index: 50;
	backdrop-filter: blur(10px);
	background: rgba(22, 22, 22, 0.8);
	border-bottom: 1px solid var(--color-line);
}

.site-header__inner {
	display: grid;
	grid-template-columns: auto 1fr auto;
	align-items: center;
	gap: var(--space-lg);
	min-height: 88px;
}

.site-footer {
	border-top: 1px solid var(--color-line);
	padding-bottom: var(--space-lg);
}

.site-footer__bottom {
	padding-top: var(--space-xl);
	display: flex;
	justify-content: space-between;
	gap: var(--space-lg);
	flex-wrap: wrap;
}