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

.site-header {
	position: sticky;
	top: 0;
	z-index: 30;
	border-bottom: 1px solid var(--newnav-border);
	background: var(--newnav-surface);
	background: color-mix(in srgb, var(--newnav-surface) 94%, transparent);
	box-shadow: 0 8px 24px rgb(30 46 78 / 0.04);
	backdrop-filter: blur(16px);
	-webkit-backdrop-filter: blur(16px);
}

.admin-bar .site-header {
	top: 32px;
}

.site-header__inner {
	display: flex;
	align-items: center;
	gap: clamp(16px, 2.5vw, 32px);
	min-height: 72px;
}

.site-header__panel {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: clamp(16px, 2vw, 28px);
	min-width: 0;
	flex: 1;
	order: 2;
}

.site-header__controls {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-left: auto;
	order: 3;
}

.site-search-panel {
	border-top: 1px solid var(--newnav-border);
	background: var(--newnav-surface);
}

.site-search-panel__inner {
	display: flex;
	align-items: flex-end;
	gap: 20px;
	padding-block: 20px 24px;
}

.site-main {
	min-height: 60dvh;
	padding-block: 48px 72px;
}

.site-footer {
	border-top: 1px solid var(--newnav-border);
	background: var(--newnav-surface);
}

.site-footer__inner {
	display: grid;
	grid-template-columns: minmax(200px, 1fr) minmax(200px, auto) minmax(240px, 1fr);
	align-items: start;
	gap: 32px;
	padding-block: 40px;
}

.site-footer__navigation {
	display: grid;
	gap: 14px;
}

.site-footer__meta {
	text-align: right;
}

.content-stack {
	display: grid;
	gap: 24px;
	min-width: 0;
}

.content-shell {
	min-width: 0;
	padding: clamp(24px, 4vw, 48px);
	border: 1px solid var(--newnav-border);
	border-radius: var(--newnav-radius);
	background: var(--newnav-surface);
	box-shadow: var(--newnav-shadow);
	overflow-wrap: anywhere;
}

.entry-content {
	max-width: 72ch;
}

.entry-content > *:first-child {
	margin-top: 0;
}

.entry-content > *:last-child {
	margin-bottom: 0;
}