.site-footer {
	background: var(--header);
	color: var(--header-text);
	padding: 36px 0 28px;
}

.footer-bar {
	display: grid;
	grid-template-columns: minmax(180px, 280px) 1fr;
	gap: 24px 40px;
	align-items: start;
}

.footer-credit {
	margin: 0;
	font-family: var(--font-text);
	font-size: 0.95rem;
	font-weight: 400;
	line-height: 1.45;
	color: #b7bcc4;
}

.footer-nav .nav-list {
	flex-wrap: wrap;
}

.footer-nav .nav-list a,
.footer-nav .nav-more summary {
	padding-inline: 0 14px;
}

.footer-nav .nav-more ul {
	top: auto;
	bottom: calc(100% + 8px);
}