/* Al-Amal Preschool Content Design — singular Post/Page bundle (2.9.7). */

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

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

/* Single Post header. */
body.single-post.al-amal-preschool-single-post-fullwidth.al-amal-preschool-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.al-amal-preschool-single-post-fullwidth.al-amal-preschool-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(--al-amal-preschool-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.al-amal-preschool-single-post-fullwidth.al-amal-preschool-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: var(--al-amal-preschool-token-muted, #6f7890);
	font-size: .88rem;
	font-weight: 500;
	line-height: 1.45;
}

body.single-post.al-amal-preschool-single-post-fullwidth.al-amal-preschool-content-design-post .entry-header.post-title .al-amal-preschool-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(--al-amal-preschool-cd-border) 70%, transparent);
	font-size: .73rem;
	line-height: 1.35;
}

body.single-post.al-amal-preschool-single-post-fullwidth.al-amal-preschool-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.al-amal-preschool-single-post-fullwidth.al-amal-preschool-content-design-post .entry-header.post-title .entry-meta > span,
body.single-post.al-amal-preschool-single-post-fullwidth.al-amal-preschool-content-design-post .entry-header.post-title .entry-meta .al-amal-preschool-reading-time {
	margin-inline-start: 0;
}

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

/* Standard Page/Gutenberg header. */
body.page.al-amal-preschool-single-page-post-style.al-amal-preschool-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.al-amal-preschool-single-page-post-style.al-amal-preschool-content-design-page .entry-header.page-title > * {
	width: 100%;
	max-width: none;
	min-width: 0;
	margin-inline: 0;
}

body.page.al-amal-preschool-single-page-post-style.al-amal-preschool-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(--al-amal-preschool-cd-border) 88%, transparent);
	font-size: clamp(1.9rem, 4vw, 2.75rem);
	line-height: 1.07;
	letter-spacing: -.03em;
	text-align: start;
}

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

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

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

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


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

body.single-post.al-amal-preschool-single-post-fullwidth.al-amal-preschool-content-design-post .al-amal-preschool-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(--al-amal-preschool-cd-border);
}

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

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

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

body.single-post.al-amal-preschool-single-post-fullwidth.al-amal-preschool-content-design-post .al-amal-preschool-post-navigation > a,
body.single-post.al-amal-preschool-single-post-fullwidth.al-amal-preschool-content-design-post .al-amal-preschool-related-card {
	box-shadow: 0 4px 14px rgba(38, 41, 57, .04);
}

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

@media (max-width: 700px) {
	body.single-post.al-amal-preschool-single-post-fullwidth.al-amal-preschool-content-design-post .al-amal-preschool-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.al-amal-preschool-single-post-fullwidth.al-amal-preschool-content-design-post .al-amal-preschool-single-reading-layout {
	display: grid;
	grid-template-columns: 58px minmax(0, 1fr);
	align-items: start;
	column-gap: 1rem;
	margin-top: .2rem;
}

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

body.single-post.al-amal-preschool-single-post-fullwidth.al-amal-preschool-content-design-post .al-amal-preschool-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.al-amal-preschool-single-post-fullwidth.al-amal-preschool-content-design-post .al-amal-preschool-post-share--inline .al-amal-preschool-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.al-amal-preschool-single-post-fullwidth.al-amal-preschool-content-design-post .al-amal-preschool-post-share--inline .al-amal-preschool-post-share__actions {
	display: grid;
	grid-template-columns: 1fr;
	gap: .55rem;
}

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

body.single-post.al-amal-preschool-single-post-fullwidth.al-amal-preschool-content-design-post .al-amal-preschool-post-share--inline .al-amal-preschool-post-share__action:hover,
body.single-post.al-amal-preschool-single-post-fullwidth.al-amal-preschool-content-design-post .al-amal-preschool-post-share--inline .al-amal-preschool-post-share__action:focus-visible {
	border-color: var(--al-amal-preschool-cd-accent);
	transform: translateY(-1px);
	box-shadow: 0 5px 14px rgba(38, 41, 57, .08);
}

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

body.single-post.al-amal-preschool-single-post-fullwidth.al-amal-preschool-content-design-post .al-amal-preschool-post-share--inline .al-amal-preschool-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.al-amal-preschool-single-post-fullwidth.al-amal-preschool-content-design-post .al-amal-preschool-post-extras {
	margin-top: clamp(1.35rem, 3vw, 2rem);
}

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

	body.single-post.al-amal-preschool-single-post-fullwidth.al-amal-preschool-content-design-post .al-amal-preschool-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(--al-amal-preschool-cd-border) !important;
		border-radius: 12px;
		background: var(--al-amal-preschool-cd-soft) !important;
		box-shadow: 0 3px 12px rgba(38, 41, 57, .04) !important;
	}

	body.single-post.al-amal-preschool-single-post-fullwidth.al-amal-preschool-content-design-post .al-amal-preschool-post-share--inline .al-amal-preschool-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(--al-amal-preschool-cd-heading);
	}

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

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

	body.single-post.al-amal-preschool-single-post-fullwidth.al-amal-preschool-content-design-post .al-amal-preschool-post-share--inline .al-amal-preschool-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.al-amal-preschool-single-post-fullwidth.al-amal-preschool-content-design-post .al-amal-preschool-post-share--inline {
		align-items: flex-start;
		flex-direction: column;
	}

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

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

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


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

/* Phase 3 — reading progress, automatic Table of Contents and discovery refinements. */
.al-amal-preschool-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;
}

.al-amal-preschool-reading-progress.is-visible {
	opacity: 1;
}

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

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

body.admin-bar .al-amal-preschool-reading-progress {
	top: 32px;
}

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

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

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

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

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

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

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

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

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

.al-amal-preschool-table-of-contents li {
	margin: 0;
	padding: 0;
}

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

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

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

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

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

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

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

	.al-amal-preschool-table-of-contents nav {
		padding: .05rem .75rem .8rem;
	}

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

@media (prefers-reduced-motion: reduce) {
	.al-amal-preschool-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.al-amal-preschool-content-design-post .entry-header.post-title {
	row-gap: .46rem;
	padding-top: .92rem;
	padding-bottom: .88rem;
}

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

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

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

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

body.page.al-amal-preschool-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.al-amal-preschool-content-design-page .entry-header.page-title > * {
	width: 100%;
	max-width: none;
	min-width: 0;
	margin-inline: 0;
}

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

body.page.al-amal-preschool-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(--al-amal-preschool-cd-border) 88%, transparent);
	font-size: clamp(1.9rem, 4vw, 2.75rem);
	line-height: 1.07;
	letter-spacing: -.03em;
	text-align: start;
}

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

body.page.al-amal-preschool-content-design-page .entry-header.page-title .al-amal-preschool-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.al-amal-preschool-content-design-page .entry-header.page-title {
	gap: .36rem;
	padding-top: .86rem;
	padding-bottom: .82rem;
}

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

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

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

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

body.page.al-amal-preschool-content-design-page .entry-header.page-title .al-amal-preschool-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.al-amal-preschool-content-design-page .entry-header.page-title {
	gap: .34rem;
}

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

body.page.al-amal-preschool-content-design-page .entry-header.page-title .al-amal-preschool-content-breadcrumbs {
	order: 10;
	margin-top: .18rem;
	padding-top: .45rem;
	border-top: 1px solid color-mix(in srgb, var(--al-amal-preschool-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.al-amal-preschool-single-page-post-style.al-amal-preschool-content-design-page .entry-header.page-title,
body.page.al-amal-preschool-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.al-amal-preschool-single-page-post-style.al-amal-preschool-content-design-page .entry-header.page-title > *,
body.page.al-amal-preschool-content-design-page .entry-header.page-title > * {
	width: 100%;
	max-width: none;
	min-width: 0;
	margin-inline: 0;
}

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

body.page.al-amal-preschool-single-page-post-style.al-amal-preschool-content-design-page .entry-header.page-title .entry-title,
body.page.al-amal-preschool-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(--al-amal-preschool-cd-border) 88%, transparent);
	font-size: clamp(1.9rem, 4vw, 2.8rem);
	line-height: 1.06;
	letter-spacing: -.03em;
	text-align: start;
}

body.page.al-amal-preschool-single-page-post-style.al-amal-preschool-content-design-page .entry-header.page-title .al-amal-preschool-page-intro,
body.page.al-amal-preschool-content-design-page .entry-header.page-title .al-amal-preschool-page-intro {
	grid-column: 1 / -1;
	grid-row: 2;
	margin: 0;
	padding: .02rem 0 0;
	color: var(--al-amal-preschool-token-muted, #6f7890);
	font-size: .98rem;
	line-height: 1.58;
}

body.page.al-amal-preschool-single-page-post-style.al-amal-preschool-content-design-page .entry-header.page-title .al-amal-preschool-page-updated,
body.page.al-amal-preschool-content-design-page .entry-header.page-title .al-amal-preschool-page-updated {
	grid-column: 1 / -1;
	grid-row: 3;
	margin: 0;
	padding: .02rem 0 0;
	color: var(--al-amal-preschool-token-muted, #6f7890);
	font-size: .88rem;
	font-weight: 500;
	line-height: 1.45;
}

body.page.al-amal-preschool-single-page-post-style.al-amal-preschool-content-design-page .entry-header.page-title .al-amal-preschool-content-breadcrumbs,
body.page.al-amal-preschool-content-design-page .entry-header.page-title .al-amal-preschool-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(--al-amal-preschool-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.al-amal-preschool-single-page-post-style.al-amal-preschool-content-design-page .entry-header.page-title,
body.page.al-amal-preschool-content-design-page .entry-header.page-title {
	--al-amal-preschool-page-header-surface-inset: max(0px, calc(clamp(1.25rem, 3vw, 2.5rem) - 1rem));
	width: auto;
	margin-inline: var(--al-amal-preschool-page-header-surface-inset);
}

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

body.page.al-amal-preschool-single-page-post-style.al-amal-preschool-content-design-page .entry-header.page-title .al-amal-preschool-page-updated,
body.page.al-amal-preschool-content-design-page .entry-header.page-title .al-amal-preschool-page-updated {
	color: var(--al-amal-preschool-token-muted, #6f7890);
	font-size: .88rem;
	font-weight: 500;
	line-height: 1.45;
}

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

@media (max-width: 700px) {
	body.page.al-amal-preschool-single-page-post-style.al-amal-preschool-content-design-page .entry-header.page-title,
	body.page.al-amal-preschool-content-design-page .entry-header.page-title {
		--al-amal-preschool-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.al-amal-preschool-single-page-post-style.al-amal-preschool-content-design-page .entry-header.page-title,
body.page.al-amal-preschool-content-design-page .entry-header.page-title {
	row-gap: .5rem;
}

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

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

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

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

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

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

	body.page.al-amal-preschool-single-page-post-style.al-amal-preschool-content-design-page .entry-header.page-title .al-amal-preschool-content-breadcrumbs,
	body.page.al-amal-preschool-content-design-page .entry-header.page-title .al-amal-preschool-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.al-amal-preschool-single-page-post-style.al-amal-preschool-content-design-page .entry-header.page-title,
body.page.al-amal-preschool-content-design-page .entry-header.page-title {
	row-gap: .58rem;
}

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

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

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

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

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

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

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

/* 3.1.5 — Premium Post/Page presentation inspired by the established editorial layout. */
body.single-post.al-amal-preschool-single-post-fullwidth.al-amal-preschool-content-design-post .entry-header.post-title .entry-title,
body.page.al-amal-preschool-single-page-post-style.al-amal-preschool-content-design-page .entry-header.page-title .entry-title,
body.page.al-amal-preschool-content-design-page .entry-header.page-title .entry-title{
	width:100%;
	margin-inline:0;
	padding:.18rem 0 .78rem;
	border-bottom:1px solid color-mix(in srgb,var(--al-amal-preschool-cd-border,#e4e6ed) 88%,transparent);
	font-size:clamp(2rem,4vw,2.85rem);
	line-height:1.08;
}
body.single-post.al-amal-preschool-single-post-fullwidth.al-amal-preschool-content-design-post .entry-header.post-title .entry-meta,
body.page.al-amal-preschool-single-page-post-style.al-amal-preschool-content-design-page .entry-header.page-title .al-amal-preschool-page-intro,
body.page.al-amal-preschool-single-page-post-style.al-amal-preschool-content-design-page .entry-header.page-title .al-amal-preschool-page-updated,
body.page.al-amal-preschool-content-design-page .entry-header.page-title .al-amal-preschool-page-intro,
body.page.al-amal-preschool-content-design-page .entry-header.page-title .al-amal-preschool-page-updated{
	width:100%;
	margin-inline:0;
}
body.single-post.al-amal-preschool-single-post-fullwidth.al-amal-preschool-content-design-post .entry-header.post-title .al-amal-preschool-content-breadcrumbs,
body.page.al-amal-preschool-single-page-post-style.al-amal-preschool-content-design-page .entry-header.page-title .al-amal-preschool-content-breadcrumbs,
body.page.al-amal-preschool-content-design-page .entry-header.page-title .al-amal-preschool-content-breadcrumbs{
	margin-top:.15rem;
	padding-top:.62rem;
	border-top:1px solid color-mix(in srgb,var(--al-amal-preschool-cd-border,#e4e6ed) 78%,transparent);
	font-size:.78rem;
}
body.single-post.al-amal-preschool-single-post-fullwidth.al-amal-preschool-content-design-post .al-amal-preschool-single-reading-layout{
	grid-template-columns:62px minmax(0,1fr);
	column-gap:clamp(1.2rem,2.4vw,2rem);
	align-items:start;
}
body.single-post.al-amal-preschool-single-post-fullwidth.al-amal-preschool-content-design-post .al-amal-preschool-post-share--inline{
	position:sticky;
	top:110px;
	width:54px;
	max-width:54px!important;
}
body.single-post.al-amal-preschool-single-post-fullwidth.al-amal-preschool-content-design-post .al-amal-preschool-post-share--inline .al-amal-preschool-post-share__action{
	width:46px;
	height:46px;
	border-color:color-mix(in srgb,var(--al-amal-preschool-cd-accent,#5e52e4) 18%,var(--al-amal-preschool-cd-border,#e4e6ed));
	border-radius:11px;
	background:linear-gradient(145deg,#fff,color-mix(in srgb,var(--al-amal-preschool-cd-accent,#5e52e4) 5%,#fff));
	color:var(--al-amal-preschool-cd-accent,#5e52e4);
	box-shadow:0 5px 16px rgba(38,41,57,.055);
}
body.single-post.al-amal-preschool-single-post-fullwidth.al-amal-preschool-content-design-post .al-amal-preschool-post-share--inline .al-amal-preschool-post-share__action:hover,
body.single-post.al-amal-preschool-single-post-fullwidth.al-amal-preschool-content-design-post .al-amal-preschool-post-share--inline .al-amal-preschool-post-share__action:focus-visible{
	border-color:var(--al-amal-preschool-cd-accent,#5e52e4);
	background:color-mix(in srgb,var(--al-amal-preschool-cd-accent,#5e52e4) 8%,#fff);
	box-shadow:0 7px 20px rgba(94,82,228,.13);
}
body.single-post.al-amal-preschool-single-post-fullwidth.al-amal-preschool-content-design-post .article-post-thumbnail,
body.page.al-amal-preschool-single-page-post-style.al-amal-preschool-content-design-page .article-post-thumbnail{
	max-width:min(100%,960px);
	margin:clamp(1.25rem,2.6vw,2rem) auto 0;
}
body.single-post.al-amal-preschool-single-post-fullwidth.al-amal-preschool-content-design-post .article-post-thumbnail img,
body.page.al-amal-preschool-single-page-post-style.al-amal-preschool-content-design-page .article-post-thumbnail img{
	border:1px solid var(--al-amal-preschool-cd-border,#e4e6ed);
	border-radius:12px;
	box-shadow:0 12px 32px rgba(38,41,57,.09);
}
body.page.al-amal-preschool-single-page-post-style.al-amal-preschool-content-design-page .single-content,
body.page.al-amal-preschool-content-design-page .single-content{
	padding-inline:clamp(.1rem,1vw,.75rem);
}
body.page.al-amal-preschool-single-page-post-style.al-amal-preschool-content-design-page .single-content>p>img,
body.page.al-amal-preschool-content-design-page .single-content>p>img{
	max-width:100%;
	height:auto;
	border-radius:12px;
}
body.single-post.al-amal-preschool-single-post-fullwidth.al-amal-preschool-content-design-post .al-amal-preschool-post-navigation>a{
	border-color:color-mix(in srgb,var(--al-amal-preschool-cd-accent,#5e52e4) 12%,var(--al-amal-preschool-cd-border,#e4e6ed));
	background:linear-gradient(145deg,#fff,color-mix(in srgb,var(--al-amal-preschool-cd-accent,#5e52e4) 4%,var(--al-amal-preschool-cd-soft,#f4f5f9)));
}
body.single-post.al-amal-preschool-single-post-fullwidth.al-amal-preschool-content-design-post .al-amal-preschool-related-posts__header span{
	color:var(--al-amal-preschool-cd-accent,#5e52e4);
}
@media(max-width:900px){
	body.single-post.al-amal-preschool-single-post-fullwidth.al-amal-preschool-content-design-post .al-amal-preschool-single-reading-layout{grid-template-columns:1fr;row-gap:1rem}
	body.single-post.al-amal-preschool-single-post-fullwidth.al-amal-preschool-content-design-post .al-amal-preschool-post-share--inline{position:static;width:100%;max-width:none!important}
}
@media(max-width:700px){
	body.single-post.al-amal-preschool-single-post-fullwidth.al-amal-preschool-content-design-post .entry-header.post-title .entry-title,
	body.page.al-amal-preschool-single-page-post-style.al-amal-preschool-content-design-page .entry-header.page-title .entry-title,
	body.page.al-amal-preschool-content-design-page .entry-header.page-title .entry-title{font-size:clamp(1.75rem,8vw,2.25rem)}
}

/* 3.1.28 — compact, parent-friendly Page/Post editorial headers. */
body.page.al-amal-preschool-single-page-post-style.al-amal-preschool-content-design-page .entry-header.page-title {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	align-items: center;
	gap: .35rem 1rem;
	padding: .95rem 1.15rem !important;
	margin-bottom: 1.1rem !important;
}

body.page.al-amal-preschool-single-page-post-style.al-amal-preschool-content-design-page .entry-header.page-title .entry-title {
	grid-column: 1 / -1;
	order: initial;
	padding-bottom: .45rem;
	font-size: clamp(1.8rem, 3vw, 2.35rem);
	line-height: 1.1;
}

body.page.al-amal-preschool-single-page-post-style.al-amal-preschool-content-design-page .entry-header.page-title .al-amal-preschool-page-intro {
	grid-column: 1 / -1;
	order: initial;
	padding: 0;
	font-size: .98rem;
}

body.page.al-amal-preschool-single-page-post-style.al-amal-preschool-content-design-page .entry-header.page-title .al-amal-preschool-page-updated {
	grid-column: 1;
	order: initial;
	margin: 0;
	padding: .2rem 0 0;
	white-space: nowrap;
}

body.page.al-amal-preschool-single-page-post-style.al-amal-preschool-content-design-page .entry-header.page-title .al-amal-preschool-content-breadcrumbs {
	grid-column: 2;
	order: initial;
	justify-self: end;
	margin: 0;
	padding: .2rem 0 0;
	border-top: 0;
}

body.page.al-amal-preschool-single-page-post-style.al-amal-preschool-content-design-page .entry-header.page-title .al-amal-preschool-content-breadcrumbs ol {
	justify-content: flex-end;
}

body.single-post.al-amal-preschool-single-post-fullwidth.al-amal-preschool-content-design-post .entry-header.post-title {
	grid-template-columns: auto minmax(0, 1fr);
	gap: .35rem 1rem;
	padding: .95rem 1.15rem !important;
}
body.single-post.al-amal-preschool-single-post-fullwidth.al-amal-preschool-content-design-post .entry-header.post-title .entry-title {
	width: 100%;
	margin: 0;
	padding-bottom: .45rem;
	font-size: clamp(1.8rem, 3vw, 2.4rem);
}
body.single-post.al-amal-preschool-single-post-fullwidth.al-amal-preschool-content-design-post .entry-header.post-title .entry-meta {
	grid-column: 1;
	grid-row: 2;
	width: auto;
	margin: 0;
	padding: .15rem 0 0;
	white-space: nowrap;
}
body.single-post.al-amal-preschool-single-post-fullwidth.al-amal-preschool-content-design-post .entry-header.post-title .al-amal-preschool-content-breadcrumbs {
	grid-column: 2;
	grid-row: 2;
	justify-self: end;
	width: auto;
	margin: 0;
	padding: .15rem 0 0;
	border-top: 0;
}
body.single-post.al-amal-preschool-single-post-fullwidth.al-amal-preschool-content-design-post .entry-header.post-title .al-amal-preschool-content-breadcrumbs ol {
	justify-content: flex-end;
}
body.single-post.al-amal-preschool-single-post-fullwidth.al-amal-preschool-content-design-post .entry-header.post-title .entry-taxonomies {
	grid-column: 1 / -1;
	grid-row: 3;
}

@media (max-width: 760px) {
	body.page.al-amal-preschool-single-page-post-style.al-amal-preschool-content-design-page .entry-header.page-title,
	body.single-post.al-amal-preschool-single-post-fullwidth.al-amal-preschool-content-design-post .entry-header.post-title {
		display: flex;
		flex-direction: column;
		align-items: stretch;
		gap: .35rem;
		padding: .9rem !important;
	}
	body.page.al-amal-preschool-single-page-post-style.al-amal-preschool-content-design-page .entry-header.page-title .al-amal-preschool-page-updated,
	body.page.al-amal-preschool-single-page-post-style.al-amal-preschool-content-design-page .entry-header.page-title .al-amal-preschool-content-breadcrumbs,
	body.single-post.al-amal-preschool-single-post-fullwidth.al-amal-preschool-content-design-post .entry-header.post-title .entry-meta,
	body.single-post.al-amal-preschool-single-post-fullwidth.al-amal-preschool-content-design-post .entry-header.post-title .al-amal-preschool-content-breadcrumbs {
		width: 100%;
		white-space: normal;
		justify-self: auto;
	}
	body.page.al-amal-preschool-single-page-post-style.al-amal-preschool-content-design-page .entry-header.page-title .al-amal-preschool-content-breadcrumbs ol,
	body.single-post.al-amal-preschool-single-post-fullwidth.al-amal-preschool-content-design-post .entry-header.post-title .al-amal-preschool-content-breadcrumbs ol {
		justify-content: flex-start;
	}
}

/* 3.1.34 — Registration & long-page UX. */
body.page.al-amal-preschool-content-design-page .al-amal-preschool-table-of-contents--page {
	max-width: min(var(--al-amal-preschool-cd-page-width, 1050px), 100%);
	margin-bottom: clamp(1.5rem, 3vw, 2.1rem);
	background: color-mix(in srgb, var(--al-amal-preschool-cd-surface) 90%, var(--al-amal-preschool-cd-soft));
	box-shadow: 0 6px 20px rgba(38, 41, 57, .045);
}

@media (min-width: 701px) {
	body.page.al-amal-preschool-content-design-page .al-amal-preschool-table-of-contents--page nav {
		padding: .65rem .85rem .85rem;
	}

	body.page.al-amal-preschool-content-design-page .al-amal-preschool-table-of-contents--page ol {
		display: flex;
		flex-wrap: wrap;
		gap: .42rem;
		margin-top: 0;
	}

	body.page.al-amal-preschool-content-design-page .al-amal-preschool-table-of-contents--page li {
		flex: 0 1 auto;
	}

	body.page.al-amal-preschool-content-design-page .al-amal-preschool-table-of-contents--page .al-amal-preschool-toc__item--level-3 {
		margin-inline-start: 0;
	}

	body.page.al-amal-preschool-content-design-page .al-amal-preschool-table-of-contents--page a {
		padding: .48rem .72rem;
		border: 1px solid color-mix(in srgb, var(--al-amal-preschool-cd-border) 84%, transparent);
		border-radius: 999px;
		background: var(--al-amal-preschool-cd-surface);
	}

	body.page.al-amal-preschool-content-design-page .al-amal-preschool-table-of-contents--page a:hover,
	body.page.al-amal-preschool-content-design-page .al-amal-preschool-table-of-contents--page a:focus-visible,
	body.page.al-amal-preschool-content-design-page .al-amal-preschool-table-of-contents--page a.is-active {
		border-color: color-mix(in srgb, var(--al-amal-preschool-cd-accent) 48%, var(--al-amal-preschool-cd-border));
		background: color-mix(in srgb, var(--al-amal-preschool-cd-accent) 8%, var(--al-amal-preschool-cd-surface));
	}
}

.al-amal-preschool-contextual-cta {
	position: fixed;
	right: clamp(14px, 2vw, 28px);
	bottom: calc(18px + var(--al-amal-preschool-aap-bottom-offset, 0px));
	z-index: 9995;
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
	gap: .7rem 1rem;
	width: min(520px, calc(100vw - 32px));
	padding: .9rem 1rem .9rem 1.1rem;
	border: 1px solid var(--al-amal-preschool-cd-border, #e4e6ed);
	border-radius: var(--al-amal-preschool-token-radius-lg, 18px);
	background: color-mix(in srgb, var(--al-amal-preschool-cd-surface, #fff) 94%, #cfe3ff);
	box-shadow: 0 18px 42px rgba(38, 41, 57, .16);
	opacity: 0;
	transform: translateY(18px);
	pointer-events: none;
	transition: opacity .22s ease, transform .22s ease;
}

.al-amal-preschool-contextual-cta[hidden] {
	display: none !important;
}

.al-amal-preschool-contextual-cta.is-visible {
	opacity: 1;
	transform: translateY(0);
	pointer-events: auto;
}

.al-amal-preschool-contextual-cta__copy {
	color: var(--al-amal-preschool-cd-heading, #262939);
	font-size: .96rem;
	font-weight: 750;
	line-height: 1.4;
}

.al-amal-preschool-contextual-cta__button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	padding: .7rem 1.05rem;
	border-radius: 999px;
	background: var(--al-amal-preschool-brand-secondary, #2f76c6);
	color: #fff;
	font-size: .9rem;
	font-weight: 800;
	line-height: 1;
	text-decoration: none;
	white-space: nowrap;
}

.al-amal-preschool-contextual-cta__button:hover,
.al-amal-preschool-contextual-cta__button:focus-visible {
	background: var(--al-amal-preschool-brand-deep-blue, #1768a8);
	color: #fff;
}

.al-amal-preschool-contextual-cta__dismiss {
	position: absolute;
	top: -10px;
	right: -8px;
	display: grid;
	place-items: center;
	width: 30px;
	height: 30px;
	padding: 0;
	border: 1px solid var(--al-amal-preschool-cd-border, #e4e6ed);
	border-radius: 999px;
	background: var(--al-amal-preschool-cd-surface, #fff);
	color: var(--al-amal-preschool-cd-heading, #262939);
	font-size: 1.25rem;
	font-weight: 500;
	line-height: 1;
	box-shadow: 0 4px 12px rgba(38, 41, 57, .12);
	cursor: pointer;
}

body.al-amal-preschool-contextual-cta-visible #kt-scroll-up,
body.al-amal-preschool-contextual-cta-visible #kt-scroll-up-reader {
	bottom: calc(100px + var(--al-amal-preschool-aap-bottom-offset, 0px));
}

@media (max-width: 700px) {
	.al-amal-preschool-contextual-cta {
		right: 12px;
		bottom: calc(12px + var(--al-amal-preschool-aap-bottom-offset, 0px));
		grid-template-columns: 1fr;
		gap: .7rem;
		width: calc(100vw - 24px);
		padding: .9rem;
		border-radius: 16px;
	}

	.al-amal-preschool-contextual-cta__button {
		width: 100%;
	}

	body.al-amal-preschool-contextual-cta-visible #kt-scroll-up,
	body.al-amal-preschool-contextual-cta-visible #kt-scroll-up-reader {
		bottom: calc(150px + var(--al-amal-preschool-aap-bottom-offset, 0px));
	}
}

@media (prefers-reduced-motion: reduce) {
	.al-amal-preschool-contextual-cta {
		transition: none;
	}
}