/**
 * Integra EDU v13 — type scale vs V13 mockups.
 * Loads last on integra5 only (after v13-mobile-gutters).
 *
 * Source of truth:
 *   - V13 [E] Jason Trello: section headings 40px on phones
 *   - 02 - Mockups/v13.css + v12.css (measured @ 390px)
 *   - Modal type: mock v12.css (.m p / .mf span / .go → 20px)
 *
 * Exceptions (keep as-is): hero headline, VerticalMerge statements,
 * hours numbers. Do not edit v11/v12/v13.css for these.
 *
 * Why a new sheet: v11 `:not(.project):not(.about) .LargeHeader:not(...)`
 * clamps at 38px with higher specificity than v13.css [E], so 40px loses.
 */

@media (max-width: 700px) {

	/* ------------------------------------------------------------------ */
	/* [E] Section headings → 40px / line-height 1.02                      */
	/* Beat v11 clamp(38px,4.8vw,72px) and logos 62px / path 34px.         */
	/* Include closing photo rows (.close) — Home mock + [E] intent.       */
	/* ------------------------------------------------------------------ */

	html body.integra-edu.redesign .fl-row:not(.TransformYourDailyLife):not(.HoursBand):not(.NewsletterSection):not(.HowWeWorkBoxesSection):not(.EnrolSection1):not(.EnrolSection2) .fl-module.LargeHeader:not(.VerticalMerge):not(.Tagline) .fl-heading-text,
	html body.integra-edu.redesign .fl-row:not(.TransformYourDailyLife):not(.HoursBand):not(.NewsletterSection):not(.HowWeWorkBoxesSection):not(.EnrolSection1):not(.EnrolSection2) .fl-module.LargeHeader:not(.VerticalMerge):not(.Tagline) h2 .fl-heading-text,
	html body.integra-edu.redesign .fl-row:not(.TransformYourDailyLife):not(.HoursBand):not(.NewsletterSection):not(.HowWeWorkBoxesSection):not(.EnrolSection1):not(.EnrolSection2) .fl-module.LargeHeader:not(.VerticalMerge):not(.Tagline) h3 .fl-heading-text,
	html body.integra-edu.redesign .fl-row:not(.TransformYourDailyLife):not(.HoursBand):not(.NewsletterSection):not(.HowWeWorkBoxesSection):not(.EnrolSection1):not(.EnrolSection2) h2.fl-module.LargeHeader.fl-heading-text,
	html body.integra-edu.redesign .fl-row:not(.TransformYourDailyLife):not(.HoursBand):not(.NewsletterSection):not(.HowWeWorkBoxesSection):not(.EnrolSection1):not(.EnrolSection2) h3.fl-module.LargeHeader.fl-heading-text,
	html body.integra-edu.redesign .fl-row.IntroBand .fl-module.LargeHeader:not(.VerticalMerge) .fl-heading-text,
	html body.integra-edu.redesign .fl-row.IntroBand .fl-module.LargeHeader:not(.VerticalMerge) .fl-heading-text *,
	html body.integra-edu.redesign .fl-row.SaidBand .fl-module.LargeHeader:not(.VerticalMerge) .fl-heading-text,
	html body.integra-edu.redesign .fl-row.SaidBand .fl-module.LargeHeader:not(.VerticalMerge) .fl-heading-text *,
	html body.integra-edu.redesign .fl-row.LHSBulletPointsImageRow .fl-module.LargeHeader:not(.VerticalMerge) .fl-heading-text,
	html body.integra-edu.redesign .fl-row.LHSBulletPointsImageRow .fl-module.LargeHeader:not(.VerticalMerge) .fl-heading-text *,
	html body.integra-edu.redesign .fl-row.LHSBulletPointsImageRow h2.fl-module-heading.fl-heading-text,
	html body.integra-edu.redesign .fl-row.LHSBulletPointsImageRow h2.fl-heading-text,
	html body.integra-edu.redesign .fl-row.LHSBulletPointsImageRow .fl-module-heading.fl-heading-text,
	html body.integra-edu.redesign .fl-row.LHSBulletPointsImageRow .fl-node-bin36jhv490m.fl-heading-text,
	html body.integra-edu.redesign .fl-row.LHSBulletPointsImageRow .fl-node-bin36jhv490m,
	html body.integra-edu.redesign .fl-row.ChooseYourJourneySection .fl-module-heading .fl-heading-text,
	html body.integra-edu.redesign .fl-row.ChooseYourJourneySection .fl-heading-text,
	html body.integra-edu.redesign .fl-row.IntegraTrustedBy .fl-module.LargeHeader.fl-heading-text,
	html body.integra-edu.redesign .fl-row.IntegraTrustedBy .fl-module.LargeHeader .fl-heading-text,
	html body.integra-edu.redesign .fl-row.IntegraTrustedBy h2.fl-heading-text,
	html body.integra-edu.redesign .fl-row.IntegraTrustedBy h2 .fl-heading-text,
	html body.integra-edu.redesign .fl-row.IntegraTrustedBy .fl-heading-text,
	html body.integra-edu.redesign .fl-module.fl-node-elfouabm6d1q.LargeHeader,
	html body.integra-edu.redesign .fl-module.fl-node-elfouabm6d1q.LargeHeader.fl-heading-text,
	html body.integra-edu.redesign .fl-module.fl-node-elfouabm6d1q .fl-heading-text,
	html body.integra-edu.redesign .fl-row.EmblemTitleSection .fl-module.LargeHeader:not(.VerticalMerge) .fl-heading-text,
	html body.integra-edu.redesign .fl-row.EmblemTitleSection.Timeline .fl-module.LargeHeader .fl-heading-text,
	html body.integra-edu.redesign .fl-row.WhoIsInTheRoom .fl-module.LargeHeader:not(.VerticalMerge) .fl-heading-text,
	html body.integra-edu.redesign .fl-row.StartYourJourneyWithIntegraSection .fl-module.LargeHeader:not(.VerticalMerge) .fl-heading-text,
	html body.integra-edu.redesign .fl-row.StartYourJourneyWithIntegraSection .fl-module.LargeHeader:not(.VerticalMerge) .fl-heading-text *,
	html body.integra-edu.redesign .fl-row.MadeToMeasure .fl-module.LargeHeader:not(.VerticalMerge) .fl-heading-text,
	html body.integra-edu.redesign .fl-row.MadeToMeasure .fl-module.LargeHeader:not(.VerticalMerge) .fl-heading-text *,
	html body.integra-edu.home.redesign .fl-node-54wiz0c8nxly .fl-heading-text,
	html body.integra-edu.home.redesign .fl-node-izw039axg728 .fl-heading-text,
	html body.integra-edu.home.redesign .fl-node-btwgj7sim4u9 .fl-heading-text,
	html body.integra-edu.home.redesign .fl-node-qb2zj6l1skm4 .fl-heading-text,
	html body.integra-edu.home.redesign .fl-node-rqgn2baucxs3 .fl-heading-text,
	html body.integra-edu.redesign .fl-row:has(.IntegraTestimonialsSliderPT) .fl-module.LargeHeader .fl-heading-text,
	html body.exercise-mechanics-lab.redesign .fl-node-re2dgtqownb7 .fl-heading-text,
	html body.private-tutoring.redesign #integraTimelineClone .LargeHeader .fl-heading-text,
	html body.private-workshops.redesign #integraTimelineClone .LargeHeader .fl-heading-text {
		font-size: 40px !important;
		line-height: 1.02 !important;
	}

	/* ------------------------------------------------------------------ */
	/* Exceptions: statement / hours (Trello [E])                          */
	/* ------------------------------------------------------------------ */

	html body.integra-edu.redesign .fl-row.TransformYourDailyLife .fl-module.LargeHeader.VerticalMerge .fl-heading-text,
	html body.integra-edu.redesign .fl-row.TransformYourDailyLife .fl-module.LargeHeader.VerticalMerge .fl-heading-text *,
	html body.integra-edu.home.redesign .fl-node-s5dexj8a0i1b .fl-heading-text,
	html body.integra-edu.redesign .fl-module.LargeHeader.Tagline .fl-heading-text,
	html body.integra-edu.redesign .fl-module.LargeHeader.Tagline .fl-heading-text *,
	html body.integra-edu.redesign .fl-module.LargeHeader.VerticalMerge .fl-heading-text,
	html body.integra-edu.redesign .fl-module.LargeHeader.VerticalMerge .fl-heading-text * {
		font-size: clamp(32px, 5vw, 74px) !important;
		line-height: 1.08 !important;
	}

	html body.integra-edu.home.redesign .HoursBand .v11-hours-num,
	html body.integra-edu.home.redesign .v11-hours-num {
		font-size: clamp(54px, 17vw, 120px) !important;
	}

	/* ------------------------------------------------------------------ */
	/* Hero — mock v12 @ ≤700: clamp(44px, 13vw, 80px) → ~50.7 @ 390      */
	/* Must match v12 :has/:nth-of-type selectors or desktop 54px wins.    */
	/* ------------------------------------------------------------------ */

	html body.integra-edu.redesign header#customHeader #desktopContainer h2:not(.Subtitle2):not(.SecondSubtitle):not(.LdSubtitle):not(.MobileSubtitle),
	html body.integra-edu.redesign header#customHeader #desktopContainer h2.l,
	html body.integra-edu.redesign header#customHeader #desktopContainer h2[data-new-h2],
	html body.integra-edu.redesign header#customHeader:has(h2.Subtitle2) #desktopContainer h2:not(.Subtitle2):not(.SecondSubtitle):not(.LdSubtitle):not(.MobileSubtitle),
	html body.integra-edu.redesign header#customHeader:has(h2:nth-of-type(2)) #desktopContainer h2:nth-of-type(1):not(.Subtitle2):not(.SecondSubtitle),
	html body.integra-edu.redesign header#customHeader:has(h2:nth-of-type(2)) h2:nth-of-type(1):not(.Subtitle2):not(.SecondSubtitle),
	html body.redesign header#customHeader:has(h2:nth-of-type(2)) #desktopContainer h2:nth-of-type(1):not(.Subtitle2):not(.SecondSubtitle),
	html body.redesign header#customHeader:has(h2:nth-of-type(2)) h2:nth-of-type(1):not(.Subtitle2):not(.SecondSubtitle),
	html body.integra-edu.home.redesign header#customHeader #desktopContainer h2:not(.Subtitle2):not(.SecondSubtitle):not(.LdSubtitle):not(.MobileSubtitle),
	html body.integra-edu.home.redesign header#customHeader:has(h2:nth-of-type(2)) #desktopContainer h2:nth-of-type(1):not(.Subtitle2):not(.SecondSubtitle),
	html body.integra-edu.intro.redesign header#customHeader #desktopContainer h2:not(.Subtitle2):not(.SecondSubtitle):not(.LdSubtitle):not(.MobileSubtitle),
	html body.intro.redesign header#customHeader #desktopContainer h2:not(.Subtitle2):not(.SecondSubtitle):not(.LdSubtitle):not(.MobileSubtitle),
	html body.exercise-mechanics-lab.redesign header#customHeader #desktopContainer h2:not(.Subtitle2):not(.SecondSubtitle):not(.LdSubtitle):not(.MobileSubtitle),
	html body.rts.redesign header#customHeader #desktopContainer h2:not(.Subtitle2):not(.SecondSubtitle):not(.LdSubtitle):not(.MobileSubtitle),
	html body.project.redesign header#customHeader #desktopContainer h2:not(.Subtitle2):not(.SecondSubtitle):not(.LdSubtitle):not(.MobileSubtitle),
	html body.integra-edu.about.redesign header#customHeader #desktopContainer h2:not(.Subtitle2):not(.SecondSubtitle):not(.LdSubtitle):not(.MobileSubtitle) {
		font-size: clamp(44px, 13vw, 80px) !important;
		line-height: 0.98 !important;
		letter-spacing: -0.02em !important;
	}

	html body.integra-edu.redesign header#customHeader #desktopContainer h2.Subtitle2,
	html body.integra-edu.redesign header#customHeader #desktopContainer .Subtitle2 {
		font-size: 20px !important;
		line-height: 1.4 !important;
	}

	html body.integra-edu.redesign header#customHeader #desktopContainer > p,
	html body.integra-edu.redesign header#customHeader #desktopContainer .fl-rich-text > p,
	html body.integra-edu.redesign header#customHeader #desktopContainer p.sub {
		font-size: 20px !important;
		line-height: 1.5 !important;
	}

	/* ------------------------------------------------------------------ */
	/* Body / CTA / path labels — mock v12 @ phones                        */
	/* ------------------------------------------------------------------ */

	html body.integra-edu.redesign .IntroBand .fl-rich-text p:not(.v11-k),
	html body.integra-edu.redesign .SaidBand .fl-rich-text p,
	html body.integra-edu.redesign .LHSBulletPointsImageRow .fl-rich-text p,
	html body.integra-edu.redesign .ChooseYourJourneySection .fl-rich-text p,
	html body.integra-edu.redesign .HoursBand .fl-rich-text p:not(.v11-hours-num) {
		font-size: 20px !important;
		line-height: 1.55 !important;
	}

	html body.integra-edu.redesign .IntroBand a.v11-ink-btn,
	html body.integra-edu.redesign .IntroBand a.fl-button,
	html body.integra-edu.redesign #desktopContainer .ButtonContainer a:not(#headerLink),
	html body.integra-edu.redesign .StartYourJourneyWithIntegraSection .Black a.fl-button,
	html body.integra-edu.redesign .MadeToMeasure .Black a.fl-button,
	html body.integra-edu.redesign .ChooseYourJourneySection a.fl-button,
	html body.integra-edu.redesign .ChooseYourJourneySection .fl-rich-text a {
		font-size: 20px !important;
		line-height: 1.3 !important;
	}

	/* [D] Level label 20px (mock .path .lvl) */
	html body.integra-edu.redesign .ChooseYourJourneySection .fl-rich-text p:first-child,
	html body.integra-edu.redesign .ChooseYourJourneySection .Lvl,
	html body.integra-edu.redesign .ChooseYourJourneySection .v11-lvl {
		font-size: 20px !important;
		line-height: 26px !important;
	}

	/* Promo strip — mock .strip is 15px */
	html body.integra-edu.redesign .PromoSection .fl-rich-text,
	html body.integra-edu.redesign .PromoSection .fl-rich-text p,
	html body.integra-edu.redesign .PromoSection .fl-rich-text a,
	html body.integra-edu.home.redesign .PromoSection .fl-module-rich-text {
		font-size: 15px !important;
		line-height: 1.4 !important;
	}
}

/* -------------------------------------------------------------------------- */
/* Modals — mock v12.css (.m …) sitewide                                      */
/* Live v11-modals still had footer 15.5 / CTA 15 / body 16 / FAQ 17.5.        */
/* Effective mock (inline + v12.css): body/footer/CTA/FAQ/format → 20px.      */
/* -------------------------------------------------------------------------- */

html body.integra-edu.redesign .v11-modal__footer,
html body.redesign .v11-modal__footer,
html body.integra-edu.redesign .v11-modal__footer span,
html body.redesign .v11-modal__footer span {
	font-size: 20px !important;
	line-height: 1.55 !important;
	color: #4a4d5a;
}

html body.integra-edu.redesign .v11-modal__cta,
html body.redesign .v11-modal__cta,
html body.integra-edu.redesign a.v11-modal__cta,
html body.redesign a.v11-modal__cta {
	font-size: 20px !important;
	line-height: 1.3 !important;
}

/* Beat body.integra-edu.redesign .uabb-modal .uabb-modal-content-data p (16px) */
html body.integra-edu.redesign .uabb-modal .uabb-modal-content-data .v11-modal__body p,
html body.integra-edu.redesign .uabb-modal .uabb-modal-content-data .v11-modal__body li,
html body.integra-edu.redesign .uabb-modal .uabb-modal-content-data .v11-modal__lead,
html body.integra-edu.redesign .uabb-modal .uabb-modal-content-data .v11-outcomes__body p,
html body.integra-edu.redesign .uabb-modal .uabb-modal-content-data .v11-outcomes__body li,
html body.integra-edu.redesign .uabb-modal .uabb-modal-content-data .v11-format__list dt,
html body.integra-edu.redesign .uabb-modal .uabb-modal-content-data .v11-format__list dd,
html body.integra-edu.redesign .uabb-modal .uabb-modal-content-data .v11-format__prereq p,
html body.integra-edu.redesign .uabb-modal .uabb-modal-content-data .v11-faq__item summary,
html body.integra-edu.redesign .uabb-modal .uabb-modal-content-data .v11-faq__item p,
html body.integra-edu.redesign .v11-modal__body p,
html body.integra-edu.redesign .v11-modal__body li,
html body.integra-edu.redesign .v11-modal__lead,
html body.integra-edu.redesign .v11-format__list dt,
html body.integra-edu.redesign .v11-format__list dd,
html body.integra-edu.redesign .v11-faq__item summary,
html body.integra-edu.redesign .v11-faq__item p,
html body.redesign .uabb-modal .uabb-modal-content-data .v11-modal__body p,
html body.redesign .uabb-modal .uabb-modal-content-data .v11-faq__item p,
html body.redesign .uabb-modal .uabb-modal-content-data .v11-faq__item summary,
html body.redesign .uabb-modal .uabb-modal-content-data .v11-format__list dt,
html body.redesign .uabb-modal .uabb-modal-content-data .v11-format__list dd {
	font-size: 20px !important;
	line-height: 1.55 !important;
}

html body.integra-edu.redesign .uabb-modal .uabb-modal-content-data .v11-faq__item summary,
html body.integra-edu.redesign .v11-faq__item summary,
html body.redesign .v11-faq__item summary {
	line-height: 1.3 !important;
}

/* Title + eyebrow — mock .m .mh h3 / .eb */
html body.integra-edu.redesign .v11-modal__title,
html body.integra-edu.redesign h2.v11-modal__title,
html body.redesign .uabb-modal h2.v11-modal__title,
html body.redesign .v11-modal__head .v11-modal__title {
	font-size: clamp(28px, 3.2vw, 42px) !important;
	line-height: 1.04 !important;
}

html body.integra-edu.redesign .uabb-modal .uabb-modal-content-data p.v11-modal__eyebrow,
html body.integra-edu.redesign .uabb-modal .uabb-modal-content-data .v11-modal__eyebrow,
html body.integra-edu.redesign .v11-modal__head p.v11-modal__eyebrow,
html body.integra-edu.redesign p.v11-modal__eyebrow,
html body.integra-edu.redesign .v11-modal__eyebrow,
html body.redesign .uabb-modal .uabb-modal-content-data p.v11-modal__eyebrow,
html body.redesign p.v11-modal__eyebrow,
html body.redesign .v11-modal__eyebrow {
	font-size: 12.5px !important;
	letter-spacing: 0.12em !important;
	text-transform: uppercase !important;
	font-weight: 800 !important;
	line-height: 1.4 !important;
	color: #F77908 !important;
}