/* Al-Amal Preschool Content Design — shared base bundle (2.8.0).
 * Loaded only on supported Post, Page and professional archive views.
 */

body.al-amal-preschool-content-design-enabled{background:var(--al-amal-preschool-cd-canvas,var(--al-amal-preschool-token-canvas, #f8f9fb))}
body.al-amal-preschool-content-design-enabled #inner-wrap{background:var(--al-amal-preschool-cd-canvas,var(--al-amal-preschool-token-canvas, #f8f9fb))}
body.al-amal-preschool-content-design-enabled .content-area{margin-block:clamp(1.25rem,3vw,2.5rem)}
body.al-amal-preschool-content-design-enabled .content-container.site-container{max-width:var(--global-content-width);padding-inline:var(--global-content-edge-padding)}
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{overflow:visible;padding:clamp(1rem,3vw,2.25rem);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:var(--al-amal-preschool-cd-shadow)}
body.al-amal-preschool-content-design-enabled .entry-header.post-title,
body.al-amal-preschool-content-design-enabled .entry-header.page-title,
body.al-amal-preschool-content-design-archive .post-archive-title{margin:0 0 clamp(1.5rem,3vw,2.25rem)!important;padding:clamp(1.25rem,3vw,2rem);border:1px solid var(--al-amal-preschool-cd-border);border-radius:var(--al-amal-preschool-cd-radius);background:linear-gradient(135deg,var(--al-amal-preschool-cd-soft),color-mix(in srgb,var(--al-amal-preschool-cd-accent) 5%,var(--al-amal-preschool-cd-soft)));box-shadow:0 4px 14px rgba(38,41,57,.04)}
body.al-amal-preschool-content-design-enabled .entry-header .entry-title,
body.al-amal-preschool-content-design-archive .archive-title{color:var(--al-amal-preschool-cd-heading)!important;letter-spacing:-.025em}
body.al-amal-preschool-content-design-post .entry-header .entry-title{font-size:clamp(1.75rem,4vw,2.35rem);line-height:1.18}
body.al-amal-preschool-content-design-page .entry-header .entry-title{font-size:clamp(1.75rem,4vw,2.3rem);line-height:1.18}
.al-amal-preschool-content-breadcrumbs{margin:0 0 .9rem;font-size:.82rem}.al-amal-preschool-content-breadcrumbs ol{display:flex;flex-wrap:wrap;gap:.25rem .45rem;margin:0;padding:0;list-style:none}.al-amal-preschool-content-breadcrumbs li{display:flex;align-items:center;gap:.45rem;color:var(--al-amal-preschool-token-muted, #6f7890)}.al-amal-preschool-content-breadcrumbs li:not(:last-child)::after{content:'›';color:var(--al-amal-preschool-token-subtle, #8d93a5)}.al-amal-preschool-content-breadcrumbs a{color:var(--al-amal-preschool-cd-accent);font-weight:600;text-decoration:none}.al-amal-preschool-content-breadcrumbs a:hover,.al-amal-preschool-content-breadcrumbs a:focus-visible{text-decoration:underline;text-underline-offset:3px}.al-amal-preschool-content-eyebrow,.entry-header .entry-taxonomies{display:inline-flex;margin:0 0 .55rem;padding:.28rem .65rem;border-radius:999px;background:color-mix(in srgb,var(--al-amal-preschool-cd-accent) 11%,transparent);color:var(--al-amal-preschool-cd-accent)!important;font-size:.75rem!important;font-weight:800!important;letter-spacing:.07em;text-transform:uppercase}.al-amal-preschool-page-intro,.al-amal-preschool-category-intro{max-width:48rem;margin:.75rem 0 0;color:var(--al-amal-preschool-token-muted, #6f7890);font-size:1.05rem;line-height:1.65}.al-amal-preschool-page-updated{display:flex;align-items:center;gap:.4rem;margin:.75rem 0 0;color:var(--al-amal-preschool-token-muted, #6f7890);font-size:.82rem}.al-amal-preschool-reading-time{display:inline-flex;align-items:center;gap:.3rem;margin-inline-start:.7rem;color:var(--al-amal-preschool-token-muted, #6f7890)}.al-amal-preschool-category-count{display:inline-flex;margin-top:.85rem;padding:.3rem .7rem;border:1px solid var(--al-amal-preschool-cd-border);border-radius:999px;background:var(--al-amal-preschool-cd-surface);color:var(--al-amal-preschool-token-muted, #6f7890);font-size:.8rem;font-weight:700}
body.al-amal-preschool-content-design-post .single-content> :where(p,ul,ol,h2,h3,h4,h5,h6,blockquote,table,.wp-block-group:not(.alignwide):not(.alignfull)){max-width:var(--al-amal-preschool-cd-post-reading);margin-right:auto;margin-left:auto}
body.al-amal-preschool-content-design-post .single-content> :where(figure,.wp-block-image,.wp-block-gallery,.alignwide){max-width:min(100%,calc(var(--al-amal-preschool-cd-post-reading) + 180px));margin-right:auto;margin-left:auto}
body.al-amal-preschool-content-design-page .single-content{max-width:var(--al-amal-preschool-cd-page-width);margin-inline:auto}
body.al-amal-preschool-content-design-enabled .single-content{font-size:1.0625rem;line-height:1.75}
body.al-amal-preschool-content-design-enabled .single-content p{margin-block:0 1.35em}
body.al-amal-preschool-content-design-enabled .single-content h2{margin-top:1.8em;color:var(--al-amal-preschool-cd-heading)}
body.al-amal-preschool-content-design-enabled .single-content img{border-radius:calc(var(--al-amal-preschool-cd-radius) - 3px)}
body.al-amal-preschool-content-design-enabled .article-post-thumbnail{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-soft)}
body.al-amal-preschool-content-design-post .post-navigation,
body.al-amal-preschool-content-design-post .entry-related{display:none!important}

/* Canonical content surfaces and layout safeguards. */
body.page.al-amal-preschool-single-page-post-style.al-amal-preschool-content-design-page .al-amal-preschool-single-page-surface {
	padding: .75rem 1rem 1.25rem;
}

body.page.al-amal-preschool-single-page-post-style.al-amal-preschool-content-design-page .al-amal-preschool-single-page-entry > .entry-content-wrap {
	padding: 0;
}

body.al-amal-preschool-content-design-archive #archive-container.al-amal-preschool-category-list {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: clamp(1.4rem, 2.6vw, 1.85rem);
	margin: 0;
	padding: 0;
	list-style: none;
}

body.al-amal-preschool-content-design-archive #archive-container.al-amal-preschool-category-list > .al-amal-preschool-category-card__item {
	display: block;
	min-width: 0;
	margin: 0;
	padding: 0;
	border: 0;
}

/* Shared editorial header surface. */
body.single-post.al-amal-preschool-single-post-fullwidth.al-amal-preschool-content-design-post .entry-header.post-title,
body.page.al-amal-preschool-single-page-post-style.al-amal-preschool-content-design-page .entry-header.page-title,
body.al-amal-preschool-content-design-archive .post-archive-title {
	position: relative;
	min-height: 0;
	margin: 0 0 clamp(1.05rem, 2.2vw, 1.5rem);
	padding: clamp(.9rem, 2vw, 1.15rem) clamp(1rem, 2.4vw, 1.35rem);
	border: 1px solid var(--al-amal-preschool-cd-border);
	border-top: 3px solid var(--al-amal-preschool-cd-accent);
	border-radius: 5px;
	background: var(--al-amal-preschool-cd-surface, #fff);
	box-shadow: 0 4px 14px rgba(38, 41, 57, .045);
	overflow: hidden;
}

body.single-post.al-amal-preschool-single-post-fullwidth.al-amal-preschool-content-design-post .entry-header.post-title::before,
body.page.al-amal-preschool-single-page-post-style.al-amal-preschool-content-design-page .entry-header.page-title::before,
body.al-amal-preschool-content-design-archive .post-archive-title::before,
body.al-amal-preschool-content-design-archive .post-archive-title::after {
	display: none;
}

body.single-post.al-amal-preschool-single-post-fullwidth.al-amal-preschool-content-design-post .entry-header.post-title > *,
body.page.al-amal-preschool-single-page-post-style.al-amal-preschool-content-design-page .entry-header.page-title > *,
body.al-amal-preschool-content-design-archive .post-archive-title > * {
	min-width: 0;
	margin-top: 0;
	margin-bottom: 0;
}

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.al-amal-preschool-content-design-archive .post-archive-title .archive-title {
	position: relative;
	font-weight: 800;
	text-wrap: pretty;
}


/* 3.1.5 — Premium Preschool editorial surfaces and stronger brand hierarchy. */
body.al-amal-preschool-content-design-enabled{
	background:linear-gradient(180deg,var(--al-amal-preschool-cd-canvas,#f8f9fb),color-mix(in srgb,var(--al-amal-preschool-cd-canvas,#f8f9fb) 88%,#fff));
}
body.al-amal-preschool-content-design-enabled .content-area{
	margin-block:clamp(1.5rem,3vw,2.75rem);
}
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{
	position:relative;
	max-width:1160px;
	margin-inline:auto;
	padding:clamp(1.15rem,2.7vw,2.25rem);
	border:1px solid var(--al-amal-preschool-cd-border,#e4e6ed);
	border-radius:var(--al-amal-preschool-token-radius-lg,18px);
	background:var(--al-amal-preschool-cd-surface,#fff);
	box-shadow:0 16px 44px rgba(38,41,57,.075);
}
body.al-amal-preschool-content-design-enabled .entry-header.post-title,
body.al-amal-preschool-content-design-enabled .entry-header.page-title{
	position:relative;
	isolation:isolate;
	margin:0 0 clamp(1.5rem,3vw,2.15rem)!important;
	padding:clamp(1.1rem,2.4vw,1.5rem) clamp(1.15rem,2.6vw,1.55rem)!important;
	border:1px solid var(--al-amal-preschool-cd-border,#e4e6ed)!important;
	border-top:0!important;
	border-radius:12px!important;
	background:linear-gradient(145deg,#fff,color-mix(in srgb,var(--al-amal-preschool-cd-soft,#f4f5f9) 52%,#fff))!important;
	box-shadow:0 5px 18px rgba(38,41,57,.045)!important;
	overflow:hidden;
}
body.al-amal-preschool-content-design-enabled .entry-header.post-title::before,
body.al-amal-preschool-content-design-enabled .entry-header.page-title::before{
	content:""!important;
	display:block!important;
	position:absolute;
	z-index:2;
	inset:0 0 auto;
	height:4px;
	background:var(--al-amal-preschool-brand-gradient,linear-gradient(90deg,#5e52e4,#2f76c6));
}
body.al-amal-preschool-content-design-enabled .entry-header .entry-title{
	color:var(--al-amal-preschool-cd-heading,#262939)!important;
	font-weight:800!important;
	letter-spacing:-.032em!important;
	text-wrap:balance;
}
body.al-amal-preschool-content-design-enabled .entry-header .entry-meta,
body.al-amal-preschool-content-design-enabled .entry-header .al-amal-preschool-page-updated{
	color:var(--al-amal-preschool-token-muted,#6f7890)!important;
}
body.al-amal-preschool-content-design-enabled .entry-header .entry-meta a{
	color:color-mix(in srgb,var(--al-amal-preschool-cd-heading,#262939) 80%,var(--al-amal-preschool-cd-accent,#5e52e4));
	font-weight:650;
	text-decoration:none;
}
body.al-amal-preschool-content-design-enabled .entry-header .entry-meta a:hover,
body.al-amal-preschool-content-design-enabled .entry-header .entry-meta a:focus-visible{
	color:var(--al-amal-preschool-cd-accent,#5e52e4);
}
body.al-amal-preschool-content-design-enabled .al-amal-preschool-content-breadcrumbs{
	color:var(--al-amal-preschool-token-muted,#6f7890);
}
body.al-amal-preschool-content-design-enabled .al-amal-preschool-content-breadcrumbs a{
	color:var(--al-amal-preschool-cd-accent,#5e52e4);
}
body.al-amal-preschool-content-design-enabled .single-content{
	color:var(--al-amal-preschool-token-text,#42445e);
	font-size:clamp(1rem,.98rem + .16vw,1.075rem);
	line-height:1.78;
}
body.al-amal-preschool-content-design-enabled .single-content :where(h2,h3,h4){
	color:var(--al-amal-preschool-cd-heading,#262939);
	font-weight:750;
	letter-spacing:-.02em;
}
body.al-amal-preschool-content-design-enabled .single-content a:not(.wp-element-button):not(.button){
	color:var(--al-amal-preschool-cd-accent,#5e52e4);
	text-decoration-thickness:1px;
	text-underline-offset:3px;
}
body.al-amal-preschool-content-design-enabled .single-content blockquote{
	padding:1rem 1.2rem;
	border-inline-start:4px solid var(--al-amal-preschool-cd-accent,#5e52e4);
	border-radius:0 10px 10px 0;
	background:color-mix(in srgb,var(--al-amal-preschool-cd-accent,#5e52e4) 5%,var(--al-amal-preschool-cd-soft,#f4f5f9));
	color:var(--al-amal-preschool-cd-heading,#262939);
}
body.al-amal-preschool-content-design-enabled .single-content :where(.wp-block-button__link,.button,button[type=submit],input[type=submit]){
	border-color:transparent;
	border-radius:10px;
	background:var(--al-amal-preschool-brand-gradient,linear-gradient(120deg,#5e52e4,#2f76c6));
	color:#fff;
	font-weight:700;
	box-shadow:0 8px 18px rgba(94,82,228,.16);
}
body.al-amal-preschool-content-design-enabled .single-content img.alignnone,
body.al-amal-preschool-content-design-enabled .single-content img.aligncenter{
	display:block;
	margin-inline:auto;
}
body.al-amal-preschool-content-design-enabled .single-content :where(.wp-block-image,.wp-block-gallery,figure){
	margin-top:clamp(1.2rem,2.5vw,1.8rem);
	margin-bottom:clamp(1.4rem,2.8vw,2rem);
}
body.al-amal-preschool-content-design-enabled .single-content :where(.wp-block-image img,figure img){
	box-shadow:0 10px 30px rgba(38,41,57,.08);
}
@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{
		padding:.85rem;
		border-radius:14px;
		box-shadow:0 10px 28px rgba(38,41,57,.06);
	}
	body.al-amal-preschool-content-design-enabled .entry-header.post-title,
	body.al-amal-preschool-content-design-enabled .entry-header.page-title{
		padding:1rem!important;
		border-radius:10px!important;
	}
}

/* 3.1.23 — balanced editorial palette.
 * Content UI uses school blue as the regular interaction color so violet can
 * remain a stronger brand/navigation anchor.
 */
body.al-amal-preschool-content-design-enabled .entry-header.post-title::before,
body.al-amal-preschool-content-design-enabled .entry-header.page-title::before {
	background: linear-gradient(90deg,
		var(--al-amal-preschool-brand-secondary, #2f76c6),
		var(--al-amal-preschool-brand-deep-blue, #1768a8)) !important;
}
body.al-amal-preschool-content-design-enabled .al-amal-preschool-content-breadcrumbs a,
body.al-amal-preschool-content-design-enabled .entry-header .entry-meta a:hover,
body.al-amal-preschool-content-design-enabled .entry-header .entry-meta a:focus-visible,
body.al-amal-preschool-content-design-enabled .single-content a:not(.wp-element-button):not(.button) {
	color: var(--al-amal-preschool-brand-secondary, #2f76c6);
}
body.al-amal-preschool-content-design-enabled .single-content blockquote {
	border-inline-start-color: var(--al-amal-preschool-accent-mint-strong, #62b98f);
	background: color-mix(in srgb, var(--al-amal-preschool-accent-mint, #bee7d3) 22%, var(--al-amal-preschool-cd-soft, #f4f5f9));
}
body.al-amal-preschool-content-design-enabled .single-content :where(.wp-block-button__link,.button,button[type=submit],input[type=submit]) {
	background: linear-gradient(120deg,
		var(--al-amal-preschool-brand-secondary, #2f76c6),
		var(--al-amal-preschool-brand-deep-blue, #1768a8));
	box-shadow: 0 8px 18px rgba(47,118,198,.15);
}

/* 3.1.28 — Content UX refinement for standard Pages and Posts. */
body.page.al-amal-preschool-content-design-page:not(.al-amal-preschool-home-builder-page) .single-content > :where(p,h2,h3,h4,h5,h6,ul,ol,blockquote,.wp-block-details) {
	width: min(100%, 840px);
	margin-inline: auto;
}

body.page.al-amal-preschool-content-design-page:not(.al-amal-preschool-home-builder-page) .single-content > :where(.wp-block-table,table) {
	width: min(100%, 960px);
	margin-inline: auto;
}

body.page.al-amal-preschool-content-design-page:not(.al-amal-preschool-home-builder-page) .single-content > :where(.wp-block-buttons) {
	width: min(100%, 840px);
	margin-inline: auto;
}

body.al-amal-preschool-content-design-enabled .single-content {
	font-size: clamp(1rem, .985rem + .13vw, 1.075rem);
	line-height: 1.72;
}

body.al-amal-preschool-content-design-enabled .single-content p {
	margin-block: 0 1.15em;
}

body.al-amal-preschool-content-design-enabled .single-content :where(h2,h3,h4) {
	text-wrap: pretty;
}

body.al-amal-preschool-content-design-enabled .single-content h2 {
	margin-top: 1.7em;
	margin-bottom: .55em;
	font-size: clamp(1.45rem, 1.3rem + .55vw, 1.9rem);
	line-height: 1.25;
}

body.al-amal-preschool-content-design-enabled .single-content h3 {
	margin-top: 1.45em;
	margin-bottom: .45em;
	font-size: clamp(1.2rem, 1.12rem + .3vw, 1.45rem);
	line-height: 1.3;
}

body.al-amal-preschool-content-design-enabled .single-content :where(ul,ol) {
	padding-inline-start: 1.35rem;
}

body.al-amal-preschool-content-design-enabled .single-content :where(ul,ol) li + li {
	margin-top: .45rem;
}

body.al-amal-preschool-content-design-enabled .single-content :where(ul,ol) li::marker {
	color: var(--al-amal-preschool-brand-secondary, #2f76c6);
	font-weight: 800;
}

body.al-amal-preschool-content-design-enabled .single-content a[href^="http"]:not([href*="al-amalpreschool.com"]):not(.wp-element-button):not(.button)::after {
	content: " ↗";
	display: inline;
	font-size: .72em;
	font-weight: 800;
	text-decoration: none;
	vertical-align: .12em;
}

body.al-amal-preschool-content-design-enabled .single-content a[href^="http"]:not([href*="al-amalpreschool.com"]):focus-visible {
	outline: 3px solid color-mix(in srgb, var(--al-amal-preschool-brand-secondary, #2f76c6) 28%, transparent);
	outline-offset: 3px;
	border-radius: 3px;
}

/* Raw/classic tables receive the same visual language as Gutenberg tables. */
body.al-amal-preschool-content-design-enabled .single-content > table {
	border-collapse: separate;
	border-spacing: 0;
	overflow: hidden;
	border: 1px solid var(--al-amal-preschool-token-border, #dce3ec);
	border-radius: 12px;
	background: #fff;
}
body.al-amal-preschool-content-design-enabled .single-content > table :where(th,td) {
	padding: .8rem .9rem;
	border-right: 0;
	border-bottom: 1px solid var(--al-amal-preschool-token-border, #dce3ec);
	text-align: start;
}
body.al-amal-preschool-content-design-enabled .single-content > table th {
	background: color-mix(in srgb, var(--al-amal-preschool-accent-sky, #cfe3ff) 32%, #fff);
	color: var(--al-amal-preschool-token-heading, #262939);
	font-weight: 800;
}
body.al-amal-preschool-content-design-enabled .single-content > table tr:last-child > * { border-bottom: 0; }

@media (max-width: 700px) {
	body.al-amal-preschool-content-design-enabled .single-content {
		font-size: 1rem;
		line-height: 1.68;
	}
	body.page.al-amal-preschool-content-design-page:not(.al-amal-preschool-home-builder-page) .single-content > :where(p,h2,h3,h4,h5,h6,ul,ol,blockquote,.wp-block-details,.wp-block-buttons) {
		width: 100%;
	}
}