/**
 * Integra EDU v11 — mobile append-only
 * Source: Claude - 2026-09-18 - v11 - Mobile review.html
 * (page mocks at ~390px). Loaded last after page sheets.
 * Does not edit or revert prior stylesheet tweaks — overrides only.
 * Carousels left alone (no .sl / slick rewrites).
 */


/* ========================================================================== */
/* ≤900px — logos, enrol stack, timeline 2-col, stats                         */
/* ========================================================================== */

@media (max-width: 900px) {
	/*
	 * Pathway on home: style.css hides .ChooseYourJourneySection below 900px
	 * expecting #chooseYourJourneySectionClone (slick). Clone JS is not always
	 * present; mock stacks levels instead. Show the real row; leave carousels alone.
	 */


	/*
	 * Intro band (.ib) — full-width stack on phones/tablets.
	 * v11-home sets flex-direction:column at 900px but v11.css still applies
	 * flex:1.4 / align-items:center, so the "NEW HERE" col shrinks to ~half width.
	 * Beat those named-node flex ratios; columns must be 100%.
	 */
	html body.integra-edu.home.redesign .IntroBand .fl-col-group.fl-node-ewc517dqasg9,
	html body.integra-edu.home.redesign .fl-node-p6hs02aegzq5 .fl-col-group.fl-node-ewc517dqasg9,
	html body.integra-edu.home.redesign .IntroBand .fl-col-group,
	html body.integra-edu.home.redesign .fl-node-p6hs02aegzq5 .fl-col-group {
		display: flex !important;
		flex-direction: column !important;
		flex-wrap: nowrap !important;
		align-items: stretch !important;
		gap: 22px !important;
	}

	html body.integra-edu.home.redesign .IntroBand .fl-col-group > .fl-col,
	html body.integra-edu.home.redesign .fl-node-p6hs02aegzq5 .fl-col-group > .fl-col,
	html body.integra-edu.home.redesign .IntroBand .fl-col.fl-node-bjsmri40ucta,
	html body.integra-edu.home.redesign .IntroBand .fl-col.fl-node-1mlh2aye4cs5,
	html body.integra-edu.home.redesign .fl-col.fl-node-bjsmri40ucta,
	html body.integra-edu.home.redesign .fl-col.fl-node-1mlh2aye4cs5 {
		flex: 0 0 auto !important;
		width: 100% !important;
		max-width: 100% !important;
		float: none !important;
	}

	/* Logos — mock .logos img { max-height:60px } (carousel behavior unchanged) */
	html body.integra-edu.redesign .IntegraTrustedBy img,
	html body.integra-edu.redesign .IntegraTrustedBy .uabb-image-carousel img,
	html body.integra-edu.home.redesign .IntegraTrustedBy img,
	html body.integra-edu.home.redesign .IntegraTrustedBy .uabb-image-carousel img,
	html body.integra-edu.about.redesign .IntegraTrustedBy img,
	html body.about.redesign .IntegraTrustedBy img {
		height: auto !important;
		max-height: 60px !important;
		width: auto !important;
	}

	/* Enrol row — stack (mock .enrol.three) */
	html body.integra-edu.redesign .HowWeWorkBoxesSection > .fl-row-content-wrap > .fl-row-content > .fl-col-group,
	html body.integra-edu.redesign .HowWeWorkBoxesSection .fl-col-group.fl-col-group-equal-height {
		display: flex !important;
		flex-direction: column !important;
		gap: 26px !important;
	}

	html body.integra-edu.redesign .HowWeWorkBoxesSection .fl-col-group > .fl-col {
		width: 100% !important;
		max-width: 100% !important;
		flex: 1 1 auto !important;
	}

	/* Timeline / week cards — 2-up (mock .cards .grid5) */
	html body.integra-edu.redesign .EmblemTitleSection.Timeline .fl-col-group.fl-node-lusy304ctivj,
	html body.integra-edu.redesign .Timeline .fl-col-group.fl-node-lusy304ctivj,
	html body.exercise-mechanics-lab.redesign .EmblemTitleSection.Timeline .fl-col-group.fl-node-lusy304ctivj,
	html body.integra-edu.intro.redesign .EmblemTitleSection.Timeline .fl-col-group,
	html body.rts.redesign .EmblemTitleSection.Timeline .fl-col-group,
	html body.project.redesign .EmblemTitleSection.Timeline .fl-col-group {
		display: grid !important;
		grid-template-columns: 1fr 1fr !important;
		gap: 16px !important;
	}

	html body.integra-edu.redesign .EmblemTitleSection.Timeline .fl-col-group > .fl-col,
	html body.exercise-mechanics-lab.redesign .EmblemTitleSection.Timeline .fl-col-group > .fl-col {
		width: auto !important;
		max-width: none !important;
		float: none !important;
	}
}


/* ========================================================================== */
/* ≤800px — stack intro band, pathway, splits, said, newsletter               */
/* ========================================================================== */

@media (max-width: 800px) {
	/* Home pathway — borders beat v11.css border:0 !important */
	html body.integra-edu.home.redesign .ChooseYourJourneySection .fl-col-group.fl-node-taixdmvbgn9h {
		display: grid !important;
		grid-template-columns: 1fr !important;
		border-top: 0 !important;
		gap: 0 !important;
	}

	html body.integra-edu.home.redesign .ChooseYourJourneySection .fl-col-group.fl-node-taixdmvbgn9h > .fl-col {
		border-top: 0px solid var(--v11-ink, #2a2d3a) !important;
		border-left: 0 !important;
		border-right: 0 !important;
		border-bottom: 0 !important;
		margin-top: 0px !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
		width: 100% !important;
		max-width: 100% !important;
		float: none !important;
	}

	/* About pathway — stack (desktop flex kept above 800) */
	html body.integra-edu.about.redesign .ChooseYourJourneySection .fl-col-group.fl-node-km5y8h0be76x,
	html body.about.redesign .fl-node-km5y8h0be76x,
	html body.integra-edu.about.redesign .fl-node-km5y8h0be76x {
		display: flex !important;
		flex-direction: column !important;
		column-gap: 0 !important;
		row-gap: 0 !important;
		gap: 0 !important;
	}

	html body.integra-edu.about.redesign .ChooseYourJourneySection .fl-col-group.fl-node-km5y8h0be76x > .fl-col,
	html body.about.redesign .fl-node-km5y8h0be76x > .fl-col,
	html body.integra-edu.about.redesign .fl-node-km5y8h0be76x > .fl-col {
		width: 100% !important;
		max-width: 100% !important;
		flex: 1 1 auto !important;
		border-top: 0px solid var(--v11-ink, #2a2d3a) !important;
		margin-top: 0px !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	/* Sitewide LHS / split image rows */
	html body.integra-edu.redesign .LHSBulletPointsImageRow .fl-col-group,
	html body.integra-edu.redesign .fl-row.LHSBulletPointsImageRow .fl-col-group {
		display: flex !important;
		flex-direction: column !important;
		grid-template-columns: 1fr !important;
	}

	html body.integra-edu.redesign .LHSBulletPointsImageRow .fl-col-group > .fl-col {
		width: 100% !important;
		max-width: 100% !important;
		float: none !important;
	}

	html body.integra-edu.redesign .LHSBulletPointsImageRow .fl-col:last-child > .fl-col-content,
	html body.integra-edu.redesign .LHSBulletPointsImageRow .fl-col.fl-col-small:last-child > .fl-col-content {
		min-height: 320px !important;
	}

	/* Said / testimonials — stack title + slider */
	html body.integra-edu.redesign .SaidBand .fl-col-group,
	html body.integra-edu.home.redesign .SaidBand .fl-col-group,
	html body.integra-edu.home.redesign .SaidBand .fl-col-group.fl-node-fb4meqygkwsu,
	html body.integra-edu.about.redesign .SaidBand .fl-col-group,
	html body.about.redesign .fl-node-h5dgxvqsoea9 {
		display: flex !important;
		flex-direction: column !important;
		grid-template-columns: 1fr !important;
		gap: 28px !important;
	}

	html body.integra-edu.redesign .SaidBand .fl-col-group > .fl-col {
		width: 100% !important;
		max-width: 100% !important;
	}

	/* Newsletter band — stack copy + form */
	html body.integra-edu.home.redesign .fl-node-hlga0r9wux54 .fl-col-group,
	html body.integra-edu.about.redesign .fl-node-k95bcp46hwug .fl-col-group,
	html body.about.redesign .NewsletterSection .fl-col-group,
	html body.about.redesign .fl-node-85gy9clorxn0 {
		display: flex !important;
		flex-direction: column !important;
		gap: 24px !important;
	}

	html body.integra-edu.home.redesign .fl-node-hlga0r9wux54 .fl-col-group > .fl-col,
	html body.integra-edu.about.redesign .fl-node-k95bcp46hwug .fl-col-group > .fl-col,
	html body.about.redesign .fl-node-85gy9clorxn0 > .fl-col {
		width: 100% !important;
		max-width: 100% !important;
	}

	/* Logos heading + carousel stack */
	html body.integra-edu.redesign .IntegraTrustedBy .fl-col-group,
	html body.integra-edu.home.redesign .IntegraTrustedBy .fl-col-group,
	html body.integra-edu.about.redesign .IntegraTrustedBy .fl-col-group,
	html body.about.redesign .fl-node-aokstun1ix2h {
		display: flex !important;
		flex-direction: column !important;
		gap: 28px !important;
	}

	html body.integra-edu.redesign .IntegraTrustedBy .fl-col-group > .fl-col {
		width: 100% !important;
		max-width: 100% !important;
	}

	/* Members / who's in the room card grid */
	html body.integra-edu.redesign .WhoIsInTheRoom .fl-col-group,
	html body.project.redesign .WhoIsInTheRoom .fl-col-group {
		display: flex !important;
		flex-direction: column !important;
		gap: 16px !important;
	}
}


/* ========================================================================== */
/* ≤700px — strip type (mock .strip 15px); hero pad already in v11.css        */
/* ========================================================================== */

@media (max-width: 700px) {
	html body.integra-edu.home.redesign .PromoSection p,
	html body.integra-edu.home.redesign .PromoSection a,
	html body.integra-edu.home.redesign .PromoSection .fl-rich-text,
	html body.integra-edu.home.redesign .PromoSection .fl-rich-text *,
	html body.integra-edu.home.redesign .PromoSection .strip {
		font-size: 15px !important;
	}
}


/* ========================================================================== */
/* ≤600px — phone type ends (Type sizes + Home mock)                          */
/* ========================================================================== */

@media (max-width: 600px) {
	/* Hero h1.l — clamp(44px, 13vw, 80px) */
	html body.integra-edu.redesign header#customHeader > section > section.TextContainer h1,
	html body.integra-edu.redesign #desktopContainer h1 {
		font-size: clamp(44px, 13vw, 80px) !important;
	}

	/* Hours numeral — clamp(54px, 17vw, 120px) */
	html body.integra-edu.home.redesign .v11-hours-num,
	html body.integra-edu.home.redesign .HoursBand .v11-hours-num,
	html body.integra-edu.home.redesign .fl-node-toi2lg4jv09m .v11-hours-num,
	html body.integra-edu.home.redesign .fl-node-toi2lg4jv09m p.v11-hours-num {
		font-size: clamp(54px, 17vw, 120px) !important;
	}

	/* Timeline cards — 1 col */
	html body.integra-edu.redesign .EmblemTitleSection.Timeline .fl-col-group.fl-node-lusy304ctivj,
	html body.integra-edu.redesign .Timeline .fl-col-group.fl-node-lusy304ctivj,
	html body.exercise-mechanics-lab.redesign .EmblemTitleSection.Timeline .fl-col-group.fl-node-lusy304ctivj,
	html body.integra-edu.intro.redesign .EmblemTitleSection.Timeline .fl-col-group,
	html body.rts.redesign .EmblemTitleSection.Timeline .fl-col-group,
	html body.project.redesign .EmblemTitleSection.Timeline .fl-col-group {
		grid-template-columns: 1fr !important;
	}

	/* Members card padding — mock .members .c */
	html body.integra-edu.redesign .WhoIsInTheRoom .fl-col > .fl-col-content,
	html body.project.redesign .WhoIsInTheRoom .fl-col > .fl-col-content {
		padding: 26px 22px !important;
	}

	/* Enrol gap */
	html body.integra-edu.redesign .HowWeWorkBoxesSection .fl-col-group {
		gap: 32px !important;
	}

	/* Stats stay 2-col on phone (mock) — tighten gap */
	html body.integra-edu.redesign .NumbersBand .fl-col-group,
	html body.integra-edu.about.redesign .fl-node-y5a90e7t2ijc {
		gap: 26px 20px !important;
	}
}


/* ========================================================================== */
/* Append — multi-page audit 2026-09-28                                        */
/* Stats 2-up (mock .stats), newsletter stack sitewide, Said on course pages */
/* Footer FIND US columns intentionally left alone.                          */
/* ========================================================================== */

@media (max-width: 900px) {
	/*
	 * Stats band — mock @900/@600: grid-template-columns: 1fr 1fr; gap 26px 20px.
	 * Live was stacking each stat full-width (1-col).
	 */
	html body.integra-edu.redesign .fl-row.Stats .fl-col-group,
	html body.integra-edu.redesign .Stats > .fl-row-content-wrap .fl-col-group,
	html body.exercise-mechanics-lab.redesign .fl-node-va4noq1s058h .fl-col-group,
	html body.exercise-mechanics-lab.redesign .fl-col-group.fl-node-53gjeib9dcpn,
	html body.rts.redesign .fl-node-mof0auv1fmtn .fl-col-group,
	html body.rts.redesign .fl-col-group.fl-node-ghlfldqkaluk,
	html body.project.redesign .fl-node-o8adyc53t71i .fl-col-group,
	html body.project.redesign .fl-col-group.fl-node-uk35oq0ggf0q {
		display: grid !important;
		grid-template-columns: 1fr 1fr !important;
		gap: 26px 20px !important;
		align-items: start !important;
	}

	html body.integra-edu.redesign .fl-row.Stats .fl-col-group > .fl-col,
	html body.integra-edu.redesign .Stats > .fl-row-content-wrap .fl-col-group > .fl-col,
	html body.exercise-mechanics-lab.redesign .fl-node-va4noq1s058h .fl-col-group > .fl-col,
	html body.exercise-mechanics-lab.redesign .fl-col-group.fl-node-53gjeib9dcpn > .fl-col,
	html body.rts.redesign .fl-node-mof0auv1fmtn .fl-col-group > .fl-col,
	html body.rts.redesign .fl-col-group.fl-node-ghlfldqkaluk > .fl-col,
	html body.project.redesign .fl-node-o8adyc53t71i .fl-col-group > .fl-col,
	html body.project.redesign .fl-col-group.fl-node-uk35oq0ggf0q > .fl-col {
		width: auto !important;
		max-width: none !important;
		float: none !important;
		flex: none !important;
	}

	/* Newsletter — stack copy + form on all redesign pages */
	html body.integra-edu.redesign .NewsletterSection .fl-col-group,
	html body.integra-edu.redesign .fl-row.NewsletterSection .fl-col-group,
	html body.exercise-mechanics-lab.redesign .fl-node-8qxvemgrnjt1 .fl-col-group,
	html body.exercise-mechanics-lab.redesign .fl-col-group.fl-node-eydwbril6z1s,
	html body.rts.redesign .NewsletterSection .fl-col-group,
	html body.project.redesign .NewsletterSection .fl-col-group,
	html body.integra-edu.intro.redesign .NewsletterSection .fl-col-group,
	html body.private-tutoring.redesign .NewsletterSection .fl-col-group,
	html body.private-tutoring.redesign .fl-node-w769dq2mdc20 .fl-col-group,
	html body.private-workshops.redesign .NewsletterSection .fl-col-group {
		display: flex !important;
		flex-direction: column !important;
		align-items: stretch !important;
		gap: 24px !important;
	}

	html body.integra-edu.redesign .NewsletterSection .fl-col-group > .fl-col,
	html body.exercise-mechanics-lab.redesign .fl-node-8qxvemgrnjt1 .fl-col-group > .fl-col,
	html body.exercise-mechanics-lab.redesign .fl-col-group.fl-node-eydwbril6z1s > .fl-col,
	html body.private-tutoring.redesign .fl-node-w769dq2mdc20 .fl-col-group > .fl-col {
		width: 100% !important;
		max-width: 100% !important;
		flex: 0 0 auto !important;
	}

	/* Said on course / about pages — ensure title + slider stack */
	html body.exercise-mechanics-lab.redesign .SaidBand .fl-col-group,
	html body.rts.redesign .SaidBand .fl-col-group,
	html body.project.redesign .SaidBand .fl-col-group,
	html body.integra-edu.intro.redesign .SaidBand .fl-col-group {
		display: flex !important;
		flex-direction: column !important;
		gap: 28px !important;
	}

	html body.exercise-mechanics-lab.redesign .SaidBand .fl-col-group > .fl-col,
	html body.rts.redesign .SaidBand .fl-col-group > .fl-col,
	html body.project.redesign .SaidBand .fl-col-group > .fl-col {
		width: 100% !important;
		max-width: 100% !important;
	}
}

/* Stats clearfix pseudo-elements steal grid cells — remove on mobile */
@media (max-width: 900px) {
	html body.integra-edu.redesign .fl-row.Stats .fl-col-group::before,
	html body.integra-edu.redesign .fl-row.Stats .fl-col-group::after,
	html body.integra-edu.redesign .Stats > .fl-row-content-wrap .fl-col-group::before,
	html body.integra-edu.redesign .Stats > .fl-row-content-wrap .fl-col-group::after,
	html body.exercise-mechanics-lab.redesign .fl-col-group.fl-node-53gjeib9dcpn::before,
	html body.exercise-mechanics-lab.redesign .fl-col-group.fl-node-53gjeib9dcpn::after,
	html body.rts.redesign .fl-col-group.fl-node-ghlfldqkaluk::before,
	html body.rts.redesign .fl-col-group.fl-node-ghlfldqkaluk::after,
	html body.project.redesign .fl-col-group.fl-node-uk35oq0ggf0q::before,
	html body.project.redesign .fl-col-group.fl-node-uk35oq0ggf0q::after {
		content: none !important;
		display: none !important;
		width: 0 !important;
		height: 0 !important;
	}

	html body.integra-edu.redesign .fl-row.Stats .fl-col-group > .fl-col,
	html body.exercise-mechanics-lab.redesign .fl-col-group.fl-node-53gjeib9dcpn > .fl-col,
	html body.rts.redesign .fl-col-group.fl-node-ghlfldqkaluk > .fl-col,
	html body.project.redesign .fl-col-group.fl-node-uk35oq0ggf0q > .fl-col {
		width: 100% !important;
		min-width: 0 !important;
	}
}