.iv-service-page,
.iv-blog-page {
	background: linear-gradient(180deg, #ffffff 0%, #fbfcfd 100%);
	color: var(--iv-color-text);
	padding: 28px 20px 60px;
}

.iv-service-layout {
	display: grid;
	gap: 24px;
	grid-template-columns: var(--iv-left-sidebar-width) minmax(0, 1fr) var(--iv-right-sidebar-width);
	margin-inline: auto;
	max-width: var(--iv-container-width);
}

.iv-service-layout-archive {
	grid-template-columns: var(--iv-left-sidebar-width) minmax(0, 1fr);
}

.iv-service-main,
.iv-blog-main {
	min-width: 0;
}

.iv-service-sidebar,
.iv-blog-sidebar {
	align-self: start;
	position: sticky;
	top: 110px;
}

.iv-blog-layout {
	display: grid;
	gap: 28px;
	grid-template-columns: minmax(0, 1fr) 300px;
	margin-inline: auto;
	max-width: 1120px;
}

.iv-archive-hero,
.iv-post-hero {
	background: var(--iv-color-white);
	border: 1px solid var(--iv-color-border);
	border-radius: var(--iv-radius-md);
	margin-bottom: 22px;
	padding: 28px;
}

.iv-archive-hero h1,
.iv-post-hero h1 {
	font-size: clamp(34px, 5vw, 56px);
	line-height: 1.05;
	margin: 0 0 14px;
}

.iv-archive-hero p,
.iv-post-hero p {
	color: var(--iv-color-muted);
	margin: 0;
	max-width: 760px;
}