/**
 * Integra EDU v13 — pop-up corrections ([AB] Intro Format, [AG] About bio timeline).
 * Loads after v13.css. Do not put these rules back into v13.css.
 */

/* -------------------------------------------------------------------------- */
/* [AB] Integra Intro — Format pop-up: match EML Format layout                */
/* Saved row is the two-column EML shell; collapse it so header + details     */
/* fill the card and the close cross sits in the dark header.                 */
/* -------------------------------------------------------------------------- */

html body.integra-edu.intro.redesign .v11-intro-format.InModal .MediumHeader,
html body.intro.redesign .v11-intro-format.InModal .MediumHeader,
html body.integra-edu.intro.redesign .v11-intro-format .v11-outcomes-empty,
html body.intro.redesign .v11-intro-format .v11-outcomes-empty {
	display: none !important;
}

html body.integra-edu.intro.redesign .v11-intro-format .fl-col-group:has(.v11-modal-body),
html body.intro.redesign .v11-intro-format .fl-col-group:has(.v11-modal-body) {
	display: block !important;
	width: 100% !important;
	max-width: 100% !important;
}

html body.integra-edu.intro.redesign .v11-intro-format .fl-col-group:has(.v11-modal-body) > .fl-col,
html body.intro.redesign .v11-intro-format .fl-col-group:has(.v11-modal-body) > .fl-col {
	width: 100% !important;
	max-width: 100% !important;
	float: none !important;
	clear: both !important;
}

html body.integra-edu.intro.redesign .v11-intro-format .fl-col-group:has(.v11-modal-body) > .fl-col:has(.v11-outcomes-empty),
html body.intro.redesign .v11-intro-format .fl-col-group:has(.v11-modal-body) > .fl-col:has(.v11-outcomes-empty) {
	display: none !important;
}

html body.integra-edu.intro.redesign .v11-intro-format.InModal .fl-row-content,
html body.integra-edu.intro.redesign .v11-intro-format.InModal .fl-col-content,
html body.intro.redesign .v11-intro-format.InModal .fl-row-content,
html body.intro.redesign .v11-intro-format.InModal .fl-col-content {
	padding: 0 !important;
	margin: 0 !important;
}

html body.integra-edu.intro.redesign .uabb-modal:has(.v11-intro-format) .uabb-content,
html body.intro.redesign .uabb-modal:has(.v11-intro-format) .uabb-content {
	position: relative !important;
	width: 96vw !important;
	max-width: 780px !important;
	overflow: hidden !important;
	box-sizing: border-box !important;
}

html body.integra-edu.intro.redesign .uabb-modal:has(.v11-intro-format) .uabb-modal-content-data,
html body.intro.redesign .uabb-modal:has(.v11-intro-format) .uabb-modal-content-data {
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	box-sizing: border-box !important;
}

html body.integra-edu.intro.redesign .uabb-modal:has(.v11-intro-format) .v11-modal,
html body.integra-edu.intro.redesign .uabb-modal:has(.v11-intro-format) .v11-modal__head,
html body.integra-edu.intro.redesign .uabb-modal:has(.v11-intro-format) .v11-modal__body,
html body.intro.redesign .uabb-modal:has(.v11-intro-format) .v11-modal,
html body.intro.redesign .uabb-modal:has(.v11-intro-format) .v11-modal__head,
html body.intro.redesign .uabb-modal:has(.v11-intro-format) .v11-modal__body {
	width: 100% !important;
	max-width: 100% !important;
	box-sizing: border-box !important;
}

/* Close cross inside the header, not on the screen / card edge */
html body.integra-edu.intro.redesign .uabb-modal:has(.v11-intro-format) .uabb-modal-close,
html body.intro.redesign .uabb-modal:has(.v11-intro-format) .uabb-modal-close {
	position: absolute !important;
	top: 22px !important;
	right: 24px !important;
	left: auto !important;
	margin: 0 !important;
	z-index: 6 !important;
}

@media (max-width: 760px) {
	html body.integra-edu.intro.redesign .uabb-modal:has(.v11-intro-format) .uabb-content,
	html body.intro.redesign .uabb-modal:has(.v11-intro-format) .uabb-content {
		width: 96vw !important;
		max-width: 96vw !important;
		margin-top: 0 !important;
	}

	html body.integra-edu.intro.redesign .uabb-modal.uabb-modal-scroll:has(.v11-intro-format) .uabb-modal-content-data,
	html body.intro.redesign .uabb-modal.uabb-modal-scroll:has(.v11-intro-format) .uabb-modal-content-data {
		margin-top: 0 !important;
		padding-top: 0 !important;
	}

	html body.integra-edu.intro.redesign .uabb-modal:has(.v11-intro-format) .uabb-modal-close,
	html body.intro.redesign .uabb-modal:has(.v11-intro-format) .uabb-modal-close {
		top: 16px !important;
		right: 16px !important;
	}
}

/* -------------------------------------------------------------------------- */
/* [AG] About biography — one column per year, with space between            */
/* -------------------------------------------------------------------------- */

html body.integra-edu.about.redesign .v11-bio__tl,
html body.about.redesign .v11-bio__tl,
html body.integra-edu.redesign .uabb-modal-content .v11-bio__tl {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	column-gap: 28px !important;
	row-gap: 6px !important;
	align-items: start !important;
}

html body.integra-edu.about.redesign .v11-bio__tl > div,
html body.about.redesign .v11-bio__tl > div {
	display: flex !important;
	flex-direction: column !important;
	min-width: 0 !important;
	padding-right: 0 !important;
}

/* Flattened markup (b/span pairs, no wrapping divs) */
html body.integra-edu.about.redesign .v11-bio__tl > b:nth-of-type(1),
html body.about.redesign .v11-bio__tl > b:nth-of-type(1) {
	grid-column: 1;
	grid-row: 1;
}
html body.integra-edu.about.redesign .v11-bio__tl > span:nth-of-type(1),
html body.about.redesign .v11-bio__tl > span:nth-of-type(1) {
	grid-column: 1;
	grid-row: 2;
}
html body.integra-edu.about.redesign .v11-bio__tl > b:nth-of-type(2),
html body.about.redesign .v11-bio__tl > b:nth-of-type(2) {
	grid-column: 2;
	grid-row: 1;
}
html body.integra-edu.about.redesign .v11-bio__tl > span:nth-of-type(2),
html body.about.redesign .v11-bio__tl > span:nth-of-type(2) {
	grid-column: 2;
	grid-row: 2;
}
html body.integra-edu.about.redesign .v11-bio__tl > b:nth-of-type(3),
html body.about.redesign .v11-bio__tl > b:nth-of-type(3) {
	grid-column: 3;
	grid-row: 1;
}
html body.integra-edu.about.redesign .v11-bio__tl > span:nth-of-type(3),
html body.about.redesign .v11-bio__tl > span:nth-of-type(3) {
	grid-column: 3;
	grid-row: 2;
}

html body.integra-edu.about.redesign .v11-bio__tl b,
html body.about.redesign .v11-bio__tl b {
	display: block !important;
	min-width: 0 !important;
}

html body.integra-edu.about.redesign .v11-bio__tl span,
html body.about.redesign .v11-bio__tl span {
	display: block !important;
	min-width: 0 !important;
	padding-right: 0 !important;
	overflow-wrap: break-word !important;
	word-wrap: break-word !important;
}

@media (max-width: 760px) {
	html body.integra-edu.about.redesign .v11-bio__tl,
	html body.about.redesign .v11-bio__tl,
	html body.integra-edu.redesign .uabb-modal-content .v11-bio__tl {
		grid-template-columns: 1fr !important;
		row-gap: 16px !important;
	}

	html body.integra-edu.about.redesign .v11-bio__tl > b:nth-of-type(1),
	html body.about.redesign .v11-bio__tl > b:nth-of-type(1) {
		grid-column: 1;
		grid-row: 1;
	}
	html body.integra-edu.about.redesign .v11-bio__tl > span:nth-of-type(1),
	html body.about.redesign .v11-bio__tl > span:nth-of-type(1) {
		grid-column: 1;
		grid-row: 2;
	}
	html body.integra-edu.about.redesign .v11-bio__tl > b:nth-of-type(2),
	html body.about.redesign .v11-bio__tl > b:nth-of-type(2) {
		grid-column: 1;
		grid-row: 3;
	}
	html body.integra-edu.about.redesign .v11-bio__tl > span:nth-of-type(2),
	html body.about.redesign .v11-bio__tl > span:nth-of-type(2) {
		grid-column: 1;
		grid-row: 4;
	}
	html body.integra-edu.about.redesign .v11-bio__tl > b:nth-of-type(3),
	html body.about.redesign .v11-bio__tl > b:nth-of-type(3) {
		grid-column: 1;
		grid-row: 5;
	}
	html body.integra-edu.about.redesign .v11-bio__tl > span:nth-of-type(3),
	html body.about.redesign .v11-bio__tl > span:nth-of-type(3) {
		grid-column: 1;
		grid-row: 6;
	}
}