/* BIZ Calgary Content Design — singular Post/Page bundle (2.9.7). */

.biz-post-share{display:flex;align-items:center;justify-content:space-between;gap:1rem;max-width:var(--biz-cd-post-reading);margin:2rem auto 0;padding:1rem 1.1rem;border:1px solid var(--biz-cd-border);border-radius:var(--biz-cd-radius);background:var(--biz-cd-soft)}.biz-post-share>div{display:flex;flex-wrap:wrap;gap:.55rem}.biz-post-share a,.biz-post-share button{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:.45rem .8rem;border:1px solid var(--biz-cd-border);border-radius:8px;background:var(--biz-cd-surface);color:var(--biz-cd-accent);font:inherit;font-size:.85rem;font-weight:700;text-decoration:none;cursor:pointer}.biz-post-share a:hover,.biz-post-share button:hover{border-color:var(--biz-cd-accent)}
.biz-post-navigation{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1.25rem 0}.biz-post-navigation>a{display:grid;gap:.3rem;min-height:110px;padding:1rem 1.1rem;border:1px solid var(--biz-cd-border);border-radius:var(--biz-cd-radius);background:var(--biz-cd-soft);color:var(--biz-cd-heading);text-decoration:none}.biz-post-navigation>a:hover{border-color:var(--biz-cd-accent);transform:translateY(-2px)}.biz-post-navigation small{color:var(--biz-cd-accent);font-weight:700}.biz-post-navigation__next{text-align:right}
.biz-related-posts{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--biz-cd-border)}.biz-related-posts__header{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1rem}.biz-related-posts__header span{color:var(--biz-cd-accent);font-size:.75rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.biz-related-posts__header h2{margin:.2rem 0 0;color:var(--biz-cd-heading);font-size:1.5rem}.biz-related-posts__header>a{font-weight:700}.biz-related-posts__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.biz-related-card{overflow:hidden;border:1px solid var(--biz-cd-border);border-radius:var(--biz-cd-radius);background:var(--biz-cd-surface);box-shadow:0 4px 12px rgba(15,50,70,.04);cursor:pointer}.biz-related-card__image{display:block;aspect-ratio:16/9;overflow:hidden}.biz-related-card__image img{width:100%;height:100%;object-fit:cover;transition:transform 180ms ease}.biz-related-card:hover img{transform:scale(1.025)}.biz-related-card>div{padding:1rem}.biz-related-card time{color:#65757e;font-size:.78rem}.biz-related-card h3{margin:.35rem 0 0;font-size:1rem;line-height:1.4}.biz-related-card h3 a{color:var(--biz-cd-heading);text-decoration:none}

@media(max-width:900px){.biz-related-posts__grid{grid-template-columns:1fr 1fr}.biz-category-card{grid-template-columns:180px 1fr}.biz-category-card__image{min-height:170px}}
@media(max-width:700px){body.biz-content-design-enabled .biz-single-post-surface,body.biz-content-design-enabled .biz-single-page-surface,body.biz-content-design-archive .content-container.site-container{padding:1rem}.biz-post-share{align-items:flex-start;flex-direction:column}.biz-post-navigation{grid-template-columns:1fr}.biz-post-navigation__next{text-align:left}.biz-related-posts__grid{grid-template-columns:1fr}.biz-category-card{grid-template-columns:110px 1fr;gap:.85rem}.biz-category-card__content{padding:.9rem .9rem .9rem 0}.biz-category-card__image{min-height:120px}.biz-category-card__excerpt{display:none}.biz-category-card__more{font-size:.82rem}.biz-content-sidebar-sticky #secondary .sidebar-inner-wrap{position:static}}
@media(max-width:460px){.biz-category-card{grid-template-columns:1fr}.biz-category-card__thumbnail{aspect-ratio:16/9}.biz-category-card__image{min-height:0}.biz-category-card__content{padding:1rem}}
@media(prefers-reduced-motion:reduce){.biz-category-card,.biz-category-card__image,.biz-related-card,.biz-related-card__image img,.biz-post-navigation>a{transition:none!important}.biz-category-card:hover,.biz-post-navigation>a:hover{transform:none!important}}

/* Single Post header. */
body.single-post.biz-single-post-fullwidth.biz-content-design-post .entry-header.post-title {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	align-items: start;
	align-content: start;
	row-gap: .4rem;
	column-gap: .85rem;
	padding-top: .86rem;
	padding-bottom: .82rem;
}

body.single-post.biz-single-post-fullwidth.biz-content-design-post .entry-header.post-title .entry-title {
	grid-column: 1 / -1;
	grid-row: 1;
	width: calc(100% - .65rem);
	margin-inline-start: .65rem;
	margin-inline-end: 0;
	padding: 0 0 .6rem;
	border-bottom: 1px solid color-mix(in srgb, var(--biz-cd-border) 88%, transparent);
	font-size: clamp(1.9rem, 4vw, 2.8rem);
	line-height: 1.06;
	letter-spacing: -.03em;
	text-align: start;
}

body.single-post.biz-single-post-fullwidth.biz-content-design-post .entry-header.post-title .entry-meta {
	grid-column: 1 / -1;
	grid-row: 2;
	width: calc(100% - .65rem);
	margin: 0 0 0 .65rem;
	padding: .02rem 0 0;
	color: #4f5e67;
	font-size: .88rem;
	font-weight: 500;
	line-height: 1.45;
}

body.single-post.biz-single-post-fullwidth.biz-content-design-post .entry-header.post-title .biz-content-breadcrumbs {
	grid-column: 1 / -1;
	grid-row: 4;
	width: 100%;
	margin: .08rem 0 0;
	padding: .42rem 0 0;
	border-top: 1px solid color-mix(in srgb, var(--biz-cd-border) 70%, transparent);
	font-size: .73rem;
	line-height: 1.35;
}

body.single-post.biz-single-post-fullwidth.biz-content-design-post .entry-header.post-title .entry-taxonomies {
	grid-column: 1 / -1;
	grid-row: 5;
	justify-self: start;
	margin: .05rem 0 0;
}

body.single-post.biz-single-post-fullwidth.biz-content-design-post .entry-header.post-title .entry-meta > span,
body.single-post.biz-single-post-fullwidth.biz-content-design-post .entry-header.post-title .entry-meta .biz-reading-time {
	margin-inline-start: 0;
}

body.single-post.biz-single-post-fullwidth.biz-content-design-post .entry-header.post-title .entry-meta > span + span,
body.single-post.biz-single-post-fullwidth.biz-content-design-post .entry-header.post-title .entry-meta .biz-reading-time {
	margin-inline-start: .7rem;
}

/* Standard Page/Gutenberg header. */
body.page.biz-single-page-post-style.biz-content-design-page .entry-header.page-title {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	justify-content: flex-start;
	gap: .38rem;
	width: 100%;
	margin-bottom: clamp(1rem, 2vw, 1.35rem);
	padding: clamp(.86rem, 1.8vw, 1.05rem) clamp(1rem, 2.2vw, 1.3rem);
}

body.page.biz-single-page-post-style.biz-content-design-page .entry-header.page-title > * {
	width: 100%;
	max-width: none;
	min-width: 0;
	margin-inline: 0;
}

body.page.biz-single-page-post-style.biz-content-design-page .entry-header.page-title .entry-title {
	order: 1;
	margin: 0;
	padding: 0 0 .58rem;
	border-bottom: 1px solid color-mix(in srgb, var(--biz-cd-border) 88%, transparent);
	font-size: clamp(1.9rem, 4vw, 2.75rem);
	line-height: 1.07;
	letter-spacing: -.03em;
	text-align: start;
}

body.page.biz-single-page-post-style.biz-content-design-page .entry-header.page-title .biz-page-intro {
	order: 2;
	margin: 0;
	padding: .04rem 0 0;
	font-size: 1rem;
	line-height: 1.58;
}

body.page.biz-single-page-post-style.biz-content-design-page .entry-header.page-title .biz-page-updated {
	order: 3;
	margin: 0;
	padding: .02rem 0 0;
	font-size: .8rem;
	line-height: 1.4;
}

body.page.biz-single-page-post-style.biz-content-design-page .entry-header.page-title .biz-content-breadcrumbs {
	order: 4;
	margin: .08rem 0 0;
	padding: .42rem 0 0;
	border-top: 1px solid color-mix(in srgb, var(--biz-cd-border) 70%, transparent);
	font-size: .73rem;
	line-height: 1.35;
}

body.page.biz-single-page-post-style.biz-content-design-page .entry-header.page-title .biz-content-eyebrow {
	order: 0;
	align-self: flex-start;
	width: auto;
}


/* Unified Post extras content body. */
body.single-post.biz-single-post-fullwidth.biz-content-design-post .biz-single-post-surface {
	display: block;
}

body.single-post.biz-single-post-fullwidth.biz-content-design-post .biz-post-extras {
	width: 100%;
	max-width: none;
	margin: clamp(1.35rem, 3vw, 2rem) 0 0;
	padding: clamp(1.25rem, 2.5vw, 1.75rem) 0 0;
	border-top: 1px solid var(--biz-cd-border);
}

body.single-post.biz-single-post-fullwidth.biz-content-design-post .biz-post-extras > :first-child {
	margin-top: 0;
}

body.single-post.biz-single-post-fullwidth.biz-content-design-post .biz-post-navigation {
	width: 100%;
	margin: 1.15rem 0 0;
}

body.single-post.biz-single-post-fullwidth.biz-content-design-post .biz-related-posts {
	width: 100%;
	margin: 1.35rem 0 0;
	padding-top: 1.35rem;
}

body.single-post.biz-single-post-fullwidth.biz-content-design-post .biz-post-navigation > a,
body.single-post.biz-single-post-fullwidth.biz-content-design-post .biz-related-card {
	box-shadow: 0 4px 14px rgba(15, 50, 70, .04);
}

body.single-post.biz-single-post-fullwidth.biz-content-design-post .biz-related-card:focus-within {
	outline: 3px solid color-mix(in srgb, var(--biz-cd-accent) 28%, transparent);
	outline-offset: 3px;
}

@media (max-width: 700px) {
	body.single-post.biz-single-post-fullwidth.biz-content-design-post .biz-post-extras {
		margin-top: 1.25rem;
		padding-top: 1.1rem;
	}
}

/* Share actions below the Post header: sticky desktop rail and responsive horizontal bar. */
body.single-post.biz-single-post-fullwidth.biz-content-design-post .biz-single-reading-layout {
	display: grid;
	grid-template-columns: 58px minmax(0, 1fr);
	align-items: start;
	column-gap: 1rem;
	margin-top: .2rem;
}

body.single-post.biz-single-post-fullwidth.biz-content-design-post .biz-single-reading-main {
	min-width: 0;
}

body.single-post.biz-single-post-fullwidth.biz-content-design-post .biz-post-share--inline {
	position: sticky;
	top: 120px;
	display: grid;
	grid-template-columns: 1fr;
	justify-items: stretch;
	gap: .5rem;
	width: 58px;
	max-width: 58px !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	align-self: start;
	z-index: 2;
}

body.single-post.biz-single-post-fullwidth.biz-content-design-post .biz-post-share--inline .biz-post-share__label {
	position: absolute !important;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

body.single-post.biz-single-post-fullwidth.biz-content-design-post .biz-post-share--inline .biz-post-share__actions {
	display: grid;
	grid-template-columns: 1fr;
	gap: .55rem;
}

body.single-post.biz-single-post-fullwidth.biz-content-design-post .biz-post-share--inline .biz-post-share__action {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 48px;
	height: 48px;
	padding: 0 !important;
	border: 1px solid var(--biz-cd-border);
	border-radius: 12px;
	background: var(--biz-cd-soft);
	color: var(--biz-cd-accent);
	text-decoration: none;
	font: inherit;
	cursor: pointer;
	box-shadow: 0 3px 10px rgba(15, 50, 70, .04);
	transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}

body.single-post.biz-single-post-fullwidth.biz-content-design-post .biz-post-share--inline .biz-post-share__action:hover,
body.single-post.biz-single-post-fullwidth.biz-content-design-post .biz-post-share--inline .biz-post-share__action:focus-visible {
	border-color: var(--biz-cd-accent);
	transform: translateY(-1px);
	box-shadow: 0 5px 14px rgba(15, 50, 70, .08);
}

body.single-post.biz-single-post-fullwidth.biz-content-design-post .biz-post-share--inline .biz-post-share__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 1rem;
	font-weight: 800;
	line-height: 1;
}

body.single-post.biz-single-post-fullwidth.biz-content-design-post .biz-post-share--inline .biz-post-share__text {
	position: absolute !important;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

/* Bottom extras begin with navigation/related content; Share remains beside the reading area. */
body.single-post.biz-single-post-fullwidth.biz-content-design-post .biz-post-extras {
	margin-top: clamp(1.35rem, 3vw, 2rem);
}

@media (max-width: 900px) {
	body.single-post.biz-single-post-fullwidth.biz-content-design-post .biz-single-reading-layout {
		grid-template-columns: 1fr;
		row-gap: .9rem;
	}

	body.single-post.biz-single-post-fullwidth.biz-content-design-post .biz-post-share--inline {
		position: static;
		width: 100%;
		max-width: none !important;
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: .85rem;
		padding: .9rem 1rem !important;
		border: 1px solid var(--biz-cd-border) !important;
		border-radius: 12px;
		background: var(--biz-cd-soft) !important;
		box-shadow: 0 3px 12px rgba(15, 50, 70, .04) !important;
	}

	body.single-post.biz-single-post-fullwidth.biz-content-design-post .biz-post-share--inline .biz-post-share__label {
		position: static !important;
		width: auto;
		height: auto;
		margin: 0;
		overflow: visible;
		clip: auto;
		white-space: nowrap;
		font-size: .9rem;
		font-weight: 800;
		color: var(--biz-cd-heading);
	}

	body.single-post.biz-single-post-fullwidth.biz-content-design-post .biz-post-share--inline .biz-post-share__actions {
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-end;
		gap: .55rem;
	}

	body.single-post.biz-single-post-fullwidth.biz-content-design-post .biz-post-share--inline .biz-post-share__action {
		width: auto;
		height: 40px;
		padding: .45rem .8rem !important;
		border-radius: 8px;
	}

	body.single-post.biz-single-post-fullwidth.biz-content-design-post .biz-post-share--inline .biz-post-share__text {
		position: static !important;
		width: auto;
		height: auto;
		margin: 0 0 0 .42rem;
		overflow: visible;
		clip: auto;
		white-space: nowrap;
		font-size: .84rem;
		font-weight: 700;
	}
}

@media (max-width: 520px) {
	body.single-post.biz-single-post-fullwidth.biz-content-design-post .biz-post-share--inline {
		align-items: flex-start;
		flex-direction: column;
	}

	body.single-post.biz-single-post-fullwidth.biz-content-design-post .biz-post-share--inline .biz-post-share__actions {
		width: 100%;
		justify-content: flex-start;
	}
}

@media (prefers-reduced-motion: reduce) {
	body.single-post.biz-single-post-fullwidth.biz-content-design-post .biz-post-share--inline .biz-post-share__action {
		transition: none !important;
	}
}

body.single-post.biz-single-post-fullwidth.biz-content-design-post .biz-post-share--inline .biz-post-share__action:disabled {
	opacity: .72;
	cursor: progress;
	transform: none;
}


/* Archive and related cards expose semantic links rather than whole-card click targets. */
body.biz-content-design-archive .biz-category-card,
body.biz-content-design-enabled .biz-related-card {
	cursor: default;
}

/* Phase 3 — reading progress, automatic Table of Contents and discovery refinements. */
.biz-reading-progress {
	position: fixed;
	top: 0;
	inset-inline: 0;
	height: 4px;
	z-index: 100000;
	background: transparent;
	pointer-events: none;
	opacity: 0;
	transition: opacity 160ms ease;
}

.biz-reading-progress.is-visible {
	opacity: 1;
}

.biz-reading-progress > span {
	display: block;
	width: 100%;
	height: 100%;
	background: var(--biz-cd-accent, #087fa4);
	box-shadow: 0 1px 4px color-mix(in srgb, var(--biz-cd-accent, #087fa4) 45%, transparent);
	transform: scaleX(0);
	transform-origin: left center;
	will-change: transform;
}

body.rtl .biz-reading-progress > span {
	transform-origin: right center;
}

body.admin-bar .biz-reading-progress {
	top: 32px;
}

.biz-table-of-contents {
	width: 100%;
	max-width: var(--biz-cd-post-reading, 800px);
	margin: 0 auto clamp(1.35rem, 3vw, 1.85rem);
	border: 1px solid var(--biz-cd-border);
	border-radius: min(var(--biz-cd-radius), 12px);
	background: color-mix(in srgb, var(--biz-cd-soft) 82%, var(--biz-cd-surface));
	box-shadow: 0 4px 14px rgba(15, 50, 70, .035);
	overflow: clip;
}

body.biz-content-design-page .biz-table-of-contents {
	max-width: var(--biz-cd-page-width, 1050px);
}

.biz-table-of-contents > summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	min-height: 52px;
	padding: .8rem 1rem;
	color: var(--biz-cd-heading);
	font-weight: 800;
	cursor: pointer;
	list-style: none;
}

.biz-table-of-contents > summary::-webkit-details-marker {
	display: none;
}

.biz-table-of-contents > summary::after {
	content: '+';
	display: inline-grid;
	place-items: center;
	width: 28px;
	height: 28px;
	margin-inline-start: auto;
	border: 1px solid var(--biz-cd-border);
	border-radius: 999px;
	background: var(--biz-cd-surface);
	color: var(--biz-cd-accent);
	font-size: 1.1rem;
	line-height: 1;
}

.biz-table-of-contents[open] > summary::after {
	content: '−';
}

.biz-table-of-contents > summary small {
	color: color-mix(in srgb, var(--biz-cd-heading) 62%, transparent);
	font-size: .76rem;
	font-weight: 650;
}

.biz-table-of-contents nav {
	padding: .1rem 1rem 1rem;
	border-top: 1px solid color-mix(in srgb, var(--biz-cd-border) 75%, transparent);
}

.biz-table-of-contents ol {
	display: grid;
	gap: .15rem;
	margin: .65rem 0 0;
	padding: 0;
	list-style: none;
}

.biz-table-of-contents li {
	margin: 0;
	padding: 0;
}

.biz-table-of-contents .biz-toc__item--level-3 {
	margin-inline-start: 1rem;
}

.biz-table-of-contents a {
	display: block;
	padding: .42rem .55rem;
	border-radius: 7px;
	color: color-mix(in srgb, var(--biz-cd-heading) 82%, var(--biz-cd-accent));
	font-size: .9rem;
	font-weight: 650;
	line-height: 1.4;
	text-decoration: none;
}

.biz-table-of-contents a:hover,
.biz-table-of-contents a:focus-visible,
.biz-table-of-contents a.is-active {
	background: var(--biz-cd-surface);
	color: var(--biz-cd-accent);
}

body.biz-content-design-enabled .single-content :where(h2[id], h3[id]) {
	scroll-margin-top: 120px;
}

@media (max-width: 782px) {
	body.admin-bar .biz-reading-progress {
		top: 46px;
	}
}

@media (max-width: 700px) {
	.biz-table-of-contents {
		margin-bottom: 1.2rem;
		border-radius: 9px;
	}

	.biz-table-of-contents > summary {
		min-height: 48px;
		padding: .72rem .85rem;
	}

	.biz-table-of-contents nav {
		padding: .05rem .75rem .8rem;
	}

	.biz-table-of-contents .biz-toc__item--level-3 {
		margin-inline-start: .65rem;
	}
}

@media (prefers-reduced-motion: reduce) {
	.biz-reading-progress {
		transition: none;
	}
}


/* 2.9.0 — single header polish.
   Remove the redundant category pill from single Post headers and tighten the
   Post/Page header rhythm so the title panel matches the refined editorial
   layout more closely. */
body.single-post.biz-content-design-post .entry-header.post-title {
	row-gap: .46rem;
	padding-top: .92rem;
	padding-bottom: .88rem;
}

body.single-post.biz-content-design-post .entry-header.post-title .entry-title,
body.single-post.biz-content-design-post .entry-header.post-title .entry-meta {
	width: 100%;
	margin-inline-start: 0;
	margin-inline-end: 0;
}

body.single-post.biz-content-design-post .entry-header.post-title .entry-title {
	padding-bottom: .64rem;
}

body.single-post.biz-content-design-post .entry-header.post-title .biz-content-breadcrumbs {
	grid-row: 3;
	margin-top: .16rem;
}

body.single-post.biz-content-design-post .entry-header.post-title .entry-taxonomies {
	display: none !important;
}

body.page.biz-content-design-page .entry-header.page-title {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	justify-content: flex-start;
	gap: .42rem;
	width: 100%;
	margin-bottom: clamp(1rem, 2vw, 1.35rem);
	padding: clamp(.9rem, 1.9vw, 1.08rem) clamp(1rem, 2.2vw, 1.3rem);
}

body.page.biz-content-design-page .entry-header.page-title > * {
	width: 100%;
	max-width: none;
	min-width: 0;
	margin-inline: 0;
}

body.page.biz-content-design-page .entry-header.page-title .biz-content-breadcrumbs {
	order: 0;
	margin: 0;
	padding: 0;
	border-top: 0;
	font-size: .73rem;
	line-height: 1.35;
}

body.page.biz-content-design-page .entry-header.page-title .entry-title {
	order: 1;
	margin: 0;
	padding: 0 0 .62rem;
	border-bottom: 1px solid color-mix(in srgb, var(--biz-cd-border) 88%, transparent);
	font-size: clamp(1.9rem, 4vw, 2.75rem);
	line-height: 1.07;
	letter-spacing: -.03em;
	text-align: start;
}

body.page.biz-content-design-page .entry-header.page-title .biz-page-intro {
	order: 2;
	margin: 0;
	padding-top: .04rem;
}

body.page.biz-content-design-page .entry-header.page-title .biz-page-updated {
	order: 3;
	margin: 0;
	padding-top: .04rem;
	font-size: .8rem;
	line-height: 1.4;
}


/* 2.9.1 — corrective Page header polish.
   Keep Page titles on the first line, supporting meta beneath, and breadcrumbs
   as the closing helper row so the header matches the intended editorial
   hierarchy used across singular content. */
body.page.biz-content-design-page .entry-header.page-title {
	gap: .36rem;
	padding-top: .86rem;
	padding-bottom: .82rem;
}

body.page.biz-content-design-page .entry-header.page-title .entry-title {
	order: 1;
	padding-bottom: .56rem;
}

body.page.biz-content-design-page .entry-header.page-title .biz-page-intro {
	order: 2;
}

body.page.biz-content-design-page .entry-header.page-title .biz-page-updated {
	order: 3;
}

body.page.biz-content-design-page .entry-header.page-title .biz-content-breadcrumbs {
	order: 4;
	margin-top: .14rem;
	padding-top: .42rem;
	border-top: 1px solid color-mix(in srgb, var(--biz-cd-border) 70%, transparent);
}

body.page.biz-content-design-page .entry-header.page-title .biz-content-eyebrow {
	order: 0;
	display: none !important;
}


/* 2.9.2 — structural Page header alignment.
   Breadcrumbs now render at the end of the Page header markup, so keep the
   visual hierarchy simple and deterministic. */
body.page.biz-content-design-page .entry-header.page-title {
	gap: .34rem;
}

body.page.biz-content-design-page .entry-header.page-title .biz-page-updated {
	margin-bottom: 0;
}

body.page.biz-content-design-page .entry-header.page-title .biz-content-breadcrumbs {
	order: 10;
	margin-top: .18rem;
	padding-top: .45rem;
	border-top: 1px solid color-mix(in srgb, var(--biz-cd-border) 72%, transparent);
}


/* 2.9.4 — make standard Page headers visually match the refined Post header.
   The Page header now follows the same title rhythm, helper-row spacing and
   breadcrumb footer treatment used on single posts. */
body.page.biz-single-page-post-style.biz-content-design-page .entry-header.page-title,
body.page.biz-content-design-page .entry-header.page-title {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	align-items: start;
	align-content: start;
	row-gap: .46rem;
	column-gap: .85rem;
	padding-top: .92rem;
	padding-bottom: .88rem;
}

body.page.biz-single-page-post-style.biz-content-design-page .entry-header.page-title > *,
body.page.biz-content-design-page .entry-header.page-title > * {
	width: 100%;
	max-width: none;
	min-width: 0;
	margin-inline: 0;
}

body.page.biz-single-page-post-style.biz-content-design-page .entry-header.page-title .biz-content-eyebrow,
body.page.biz-content-design-page .entry-header.page-title .biz-content-eyebrow {
	display: none !important;
}

body.page.biz-single-page-post-style.biz-content-design-page .entry-header.page-title .entry-title,
body.page.biz-content-design-page .entry-header.page-title .entry-title {
	grid-column: 1 / -1;
	grid-row: 1;
	margin: 0;
	padding: 0 0 .64rem;
	border-bottom: 1px solid color-mix(in srgb, var(--biz-cd-border) 88%, transparent);
	font-size: clamp(1.9rem, 4vw, 2.8rem);
	line-height: 1.06;
	letter-spacing: -.03em;
	text-align: start;
}

body.page.biz-single-page-post-style.biz-content-design-page .entry-header.page-title .biz-page-intro,
body.page.biz-content-design-page .entry-header.page-title .biz-page-intro {
	grid-column: 1 / -1;
	grid-row: 2;
	margin: 0;
	padding: .02rem 0 0;
	color: #4f5e67;
	font-size: .98rem;
	line-height: 1.58;
}

body.page.biz-single-page-post-style.biz-content-design-page .entry-header.page-title .biz-page-updated,
body.page.biz-content-design-page .entry-header.page-title .biz-page-updated {
	grid-column: 1 / -1;
	grid-row: 3;
	margin: 0;
	padding: .02rem 0 0;
	color: #4f5e67;
	font-size: .88rem;
	font-weight: 500;
	line-height: 1.45;
}

body.page.biz-single-page-post-style.biz-content-design-page .entry-header.page-title .biz-content-breadcrumbs,
body.page.biz-content-design-page .entry-header.page-title .biz-content-breadcrumbs {
	grid-column: 1 / -1;
	grid-row: 4;
	width: 100%;
	margin: .16rem 0 0;
	padding: .42rem 0 0;
	border-top: 1px solid color-mix(in srgb, var(--biz-cd-border) 70%, transparent);
	font-size: .73rem;
	line-height: 1.35;
}


/* 2.9.5 — exact Page-to-Post header alignment.
   Standard Pages intentionally retain their wider content/image canvas, but
   the header panel receives the same outer inset and inner title/meta offset
   as the single Post header. */
body.page.biz-single-page-post-style.biz-content-design-page .entry-header.page-title,
body.page.biz-content-design-page .entry-header.page-title {
	--biz-page-header-surface-inset: max(0px, calc(clamp(1.25rem, 3vw, 2.5rem) - 1rem));
	width: auto;
	margin-inline: var(--biz-page-header-surface-inset);
}

body.page.biz-single-page-post-style.biz-content-design-page .entry-header.page-title .entry-title,
body.page.biz-content-design-page .entry-header.page-title .entry-title,
body.page.biz-single-page-post-style.biz-content-design-page .entry-header.page-title .biz-page-intro,
body.page.biz-content-design-page .entry-header.page-title .biz-page-intro,
body.page.biz-single-page-post-style.biz-content-design-page .entry-header.page-title .biz-page-updated,
body.page.biz-content-design-page .entry-header.page-title .biz-page-updated {
	width: calc(100% - .65rem);
	margin-inline-start: .65rem;
	margin-inline-end: 0;
}

body.page.biz-single-page-post-style.biz-content-design-page .entry-header.page-title .biz-page-updated,
body.page.biz-content-design-page .entry-header.page-title .biz-page-updated {
	color: #4f5e67;
	font-size: .88rem;
	font-weight: 500;
	line-height: 1.45;
}

body.page.biz-single-page-post-style.biz-content-design-page .entry-header.page-title .biz-content-breadcrumbs,
body.page.biz-content-design-page .entry-header.page-title .biz-content-breadcrumbs {
	width: 100%;
	margin-inline: 0;
}

@media (max-width: 700px) {
	body.page.biz-single-page-post-style.biz-content-design-page .entry-header.page-title,
	body.page.biz-content-design-page .entry-header.page-title {
		--biz-page-header-surface-inset: 0px;
	}
}


/* 2.9.6 — add breathing room inside standard Page header rows.
   Preserve the 2.9.5 alignment while giving the title, updated metadata and
   breadcrumb footer the same comfortable vertical rhythm as the Post header. */
body.page.biz-single-page-post-style.biz-content-design-page .entry-header.page-title,
body.page.biz-content-design-page .entry-header.page-title {
	row-gap: .5rem;
}

body.page.biz-single-page-post-style.biz-content-design-page .entry-header.page-title .entry-title,
body.page.biz-content-design-page .entry-header.page-title .entry-title {
	padding-top: .12rem;
	padding-bottom: .72rem;
}

body.page.biz-single-page-post-style.biz-content-design-page .entry-header.page-title .biz-page-updated,
body.page.biz-content-design-page .entry-header.page-title .biz-page-updated {
	padding-top: .16rem;
	padding-bottom: .22rem;
}

body.page.biz-single-page-post-style.biz-content-design-page .entry-header.page-title .biz-content-breadcrumbs,
body.page.biz-content-design-page .entry-header.page-title .biz-content-breadcrumbs {
	margin-top: .12rem;
	padding-top: .55rem;
	padding-bottom: .12rem;
}

@media (max-width: 700px) {
	body.page.biz-single-page-post-style.biz-content-design-page .entry-header.page-title,
	body.page.biz-content-design-page .entry-header.page-title {
		row-gap: .42rem;
	}

	body.page.biz-single-page-post-style.biz-content-design-page .entry-header.page-title .entry-title,
	body.page.biz-content-design-page .entry-header.page-title .entry-title {
		padding-top: .08rem;
		padding-bottom: .62rem;
	}

	body.page.biz-single-page-post-style.biz-content-design-page .entry-header.page-title .biz-page-updated,
	body.page.biz-content-design-page .entry-header.page-title .biz-page-updated {
		padding-top: .12rem;
		padding-bottom: .18rem;
	}

	body.page.biz-single-page-post-style.biz-content-design-page .entry-header.page-title .biz-content-breadcrumbs,
	body.page.biz-content-design-page .entry-header.page-title .biz-content-breadcrumbs {
		padding-top: .48rem;
		padding-bottom: .08rem;
	}
}


/* 2.9.7 — final Page header breathing-room polish.
   Increase the vertical spacing slightly so the Page header visually matches
   the comfortable single Post header rhythm without changing its alignment. */
body.page.biz-single-page-post-style.biz-content-design-page .entry-header.page-title,
body.page.biz-content-design-page .entry-header.page-title {
	row-gap: .58rem;
}

body.page.biz-single-page-post-style.biz-content-design-page .entry-header.page-title .entry-title,
body.page.biz-content-design-page .entry-header.page-title .entry-title {
	padding-top: .18rem;
	padding-bottom: .8rem;
}

body.page.biz-single-page-post-style.biz-content-design-page .entry-header.page-title .biz-page-updated,
body.page.biz-content-design-page .entry-header.page-title .biz-page-updated {
	padding-top: .2rem;
	padding-bottom: .3rem;
}

body.page.biz-single-page-post-style.biz-content-design-page .entry-header.page-title .biz-content-breadcrumbs,
body.page.biz-content-design-page .entry-header.page-title .biz-content-breadcrumbs {
	margin-top: .16rem;
	padding-top: .62rem;
	padding-bottom: .18rem;
}

@media (max-width: 700px) {
	body.page.biz-single-page-post-style.biz-content-design-page .entry-header.page-title,
	body.page.biz-content-design-page .entry-header.page-title {
		row-gap: .48rem;
	}

	body.page.biz-single-page-post-style.biz-content-design-page .entry-header.page-title .entry-title,
	body.page.biz-content-design-page .entry-header.page-title .entry-title {
		padding-top: .12rem;
		padding-bottom: .7rem;
	}

	body.page.biz-single-page-post-style.biz-content-design-page .entry-header.page-title .biz-page-updated,
	body.page.biz-content-design-page .entry-header.page-title .biz-page-updated {
		padding-top: .16rem;
		padding-bottom: .22rem;
	}

	body.page.biz-single-page-post-style.biz-content-design-page .entry-header.page-title .biz-content-breadcrumbs,
	body.page.biz-content-design-page .entry-header.page-title .biz-content-breadcrumbs {
		padding-top: .54rem;
		padding-bottom: .12rem;
	}
}
