.module-text {
	display: flow-root;
	color: #24312e;
}

.module-text h1,
.module-text h2,
.module-text h3,
.module-text h4 {
	color: var(--color-green);
	font-family: var(--font-display);
	line-height: 1.25;
}

.module-text h1 {
	font-size: 2.2rem;
}

.module-text h2 {
	font-size: 1.7rem;
}

.module-text h3 {
	font-size: 1.25rem;
}

.module-text h1 {
	margin-bottom: 24px;
}

.module-text h2 {
	margin: 34px 0 16px;
}

.module-text h3 {
	margin: 24px 0 10px;
}

/* h4 carries most of the sub-heading load in migrated content (legacy h5/h6 were
   remapped onto it), so it needs an explicit size and rhythm of its own. */
.module-text h4 {
	margin: 20px 0 8px;
	font-size: 1.06rem;
}

.module-text h1 + .box-grid,
.module-text h2 + .box-grid,
.module-text h3 + .box-grid {
	margin-top: 0;
}

/* Bare-element defaults. Migrated CMS content is largely unclassed prose, so these
   are what make it read as designed without any markup of its own. */
.module-text p {
	/* max-width: 78ch; The Client does no like this */
	margin-bottom: 16px;
}

.module-text p:last-child {
	margin-bottom: 0;
}

.module-text ul,
.module-text ol {
	margin: 0 0 18px;
	padding-left: 22px;
}

.module-text li + li {
	margin-top: 6px;
}

.module-text li > ul,
.module-text li > ol {
	margin: 6px 0 0;
}

.module-text hr {
	height: 1px;
	margin: 26px 0;
	border: 0;
	background: var(--color-line);
}

/* Width/height attributes are preserved on migrated images, so keep the ratio. */
.module-text img {
	height: auto;
}

/* Small print: URLs, speaker credits, footnotes. Replaces the legacy "blue smal" pair. */
.module-text .cms-fine-print {
	max-width: 72ch;
	margin: 0 0 14px;
	color: var(--color-ink-soft);
	font-size: 0.86rem;
	line-height: 1.45;
}

.module-text p.center,
.module-text p[align="center"],
.module-text p[style*="text-align: center"],
.module-text p[style*="text-align:center"] {
	margin-inline: auto;
}

.module-text p[align="right"],
.module-text p[style*="text-align: right"],
.module-text p[style*="text-align:right"] {
	margin-left: auto;
}

.module-text a {
	color: var(--color-magenta);
	font-weight: 700;
}

.module-text a.button--primary,
.module-text a.button--primary:visited,
.module-text a.button--primary:hover,
.module-text a.button--primary:focus-visible,
.module-text a.button.primary,
.module-text a.button.primary:visited,
.module-text a.button.primary:hover,
.module-text a.button.primary:focus-visible,
.module-text a.button--secondary,
.module-text a.button--secondary:visited,
.module-text a.button--secondary:hover,
.module-text a.button--secondary:focus-visible,
.module-text a.button.secondary,
.module-text a.button.secondary:visited,
.module-text a.button.secondary:hover,
.module-text a.button.secondary:focus-visible,
.module-text a.button--red,
.module-text a.button--red:visited,
.module-text a.button--red:hover,
.module-text a.button--red:focus-visible {
	color: var(--color-white);
}

.module-text a.button--warning,
.module-text a.button--warning:visited,
.module-text a.button--warning:hover,
.module-text a.button--warning:focus-visible {
	color: var(--color-burgundy);
}

.module-text a.button--ghost,
.module-text a.button--ghost:visited,
.module-text a.button--ghost:hover,
.module-text a.button--ghost:focus-visible {
	color: var(--color-green);
}
.module-text .box-grid {
	margin: 28px 0;
}

.module-text table {
	width: 100%;
	border-collapse: collapse;
	margin: 22px 0 30px;
}

.module-text th,
.module-text td {
	border: 1px solid rgba(216, 188, 146, 0.65);
	padding: 10px 12px;
	vertical-align: top;
}

.module-text th {
	background: #fff3f4;
	color: var(--color-green);
	text-align: left;
}

.module-text blockquote {
	margin: 24px 0;
	padding: 18px 22px;
	border-left: 4px solid var(--color-coral);
	background: #fff8f3;
}

.module-text .cms-image-frame {
	--cms-image-aspect: 4 / 3;

	display: block;
	margin: 0;
	overflow: hidden;
	background: #f7f0ea;
	border: 1px solid rgba(216, 188, 146, 0.42);
	border-radius: var(--radius-card);
}

.module-text .cms-image-frame img {
	width: 100%;
	height: 100%;
	aspect-ratio: var(--cms-image-aspect);
	object-fit: cover;
}

.module-text .cms-image-frame--wide {
	--cms-image-aspect: 16 / 9;
}

.highlighted {
	background-color: #fff1a6 !important;
}

.module-text .cms-lead {
	color: var(--color-green-deep);
	font-size: clamp(1.08rem, 1.6vw, 1.22rem);
	font-weight: 600;
	line-height: 1.58;
}

.module-text blockquote cite {
	display: block;
	margin-top: 10px;
	color: var(--color-green-deep);
	font-family: var(--font-ui);
	font-size: 0.82rem;
	font-style: normal;
	font-weight: 800;
}

.module-text .cms-notice {
	margin: 24px 0;
	padding: 18px 20px;
	background: linear-gradient(90deg, rgba(162, 13, 103, 0.08), rgba(255, 255, 255, 0.96));
	border: 1px solid rgba(162, 13, 103, 0.16);
	border-left: 4px solid var(--color-magenta);
	border-radius: var(--radius-card);
}

.module-text .cms-notice--quiet {
	background: linear-gradient(90deg, rgba(41, 127, 123, 0.08), rgba(255, 255, 255, 0.96));
	border-color: rgba(41, 127, 123, 0.16);
	border-left-color: var(--color-teal);
}

.module-text .cms-notice > :first-child,
.module-text .cms-info-card > :first-child,
.module-text .cms-media-split > div > :first-child {
	margin-top: 0;
}

.module-text .cms-notice > :last-child,
.module-text .cms-info-card > :last-child,
.module-text .cms-media-split > div > :last-child {
	margin-bottom: 0;
}

.module-text .cms-action-row {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	align-items: center;
	margin: 24px 0;
}

.module-text .cms-icon-badge-row {
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
	align-items: center;
	margin: 24px 0;
}

.module-text .cms-icon-badge {
	display: inline-grid;
	width: 48px;
	height: 48px;
	place-items: center;
	background: rgba(0, 106, 87, 0.12);
	border: 1px solid rgba(0, 106, 87, 0.28);
	border-radius: 50%;
	color: var(--color-green);
	font-size: 1.28rem;
}

.module-text .cms-icon-badge--copper {
	background: rgba(192, 144, 64, 0.16);
	border-color: rgba(192, 144, 64, 0.36);
	color: var(--color-copper);
}

.module-text .cms-icon-badge--teal {
	background: rgba(48, 128, 112, 0.14);
	border-color: rgba(48, 128, 112, 0.32);
	color: var(--color-teal);
}

.module-text .cms-icon-badge--red {
	background: rgba(215, 25, 32, 0.1);
	border-color: rgba(215, 25, 32, 0.26);
	color: var(--color-red);
}

.module-text .cms-card-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 270px), 1fr));
	gap: 14px;
	margin: 24px 0;
}

.module-text .cms-info-card {
	min-width: 0;
	padding: 18px;
	background: rgba(255, 255, 255, 0.92);
	border: 1px solid rgba(216, 188, 146, 0.48);
	border-radius: var(--radius-card);
	box-shadow: 0 10px 24px rgba(20, 61, 52, 0.06);
}

.module-text .cms-info-card h3 {
	color: var(--color-magenta);
	font-family: var(--font-ui);
	font-size: 0.88rem;
	font-weight: 900;
	letter-spacing: 0.02em;
	text-transform: uppercase;
}

.module-text .cms-media-split {
	display: grid;
	grid-template-columns: minmax(160px, 0.38fr) minmax(0, 1fr);
	gap: 18px;
	align-items: start;
	margin: 24px 0;
}

.module-text details {
	padding: 14px 16px;
	background: rgba(255, 248, 243, 0.7);
	border: 1px solid rgba(216, 188, 146, 0.5);
	border-radius: var(--radius-card);
}

.module-text details + details {
	margin-top: 10px;
}

/* Opt-in readable-width cap for editors who want a constrained column
   instead of the default full-width block (client asked p not be capped
   by default, but still wants the option for lists/details). */
.module-text ul.narrow,
.module-text ol.narrow,
.module-text details.narrow {
	max-width: 78ch;
}

.module-text summary {
	cursor: pointer;
	color: var(--color-green-deep);
	font-family: var(--font-ui);
	font-weight: 850;
}

@media (max-width: 760px) {
	.module-text .cms-card-grid,
	.module-text .cms-media-split,
	.module-text .cms-image-grid {
		grid-template-columns: 1fr;
	}

	.module-text .cms-image-float {
		float: none;
		max-width: 100%;
		margin-inline: 0;
	}
}

.module-text figure {
	margin: 24px 0;
}

.module-text figure img {
	display: block;
	max-width: 100%;
	height: auto;
	border-radius: var(--radius-card);
}

.module-text figcaption {
	margin-top: 8px;
	color: #566863;
	font-size: 0.82rem;
	font-style: italic;
	line-height: 1.4;
}

.module-text .cms-image-frame--square {
	--cms-image-aspect: 1 / 1;
}

.module-text .cms-image-frame--portrait {
	--cms-image-aspect: 3 / 4;
}

.module-text .cms-image-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
	margin: 24px 0;
}

.module-text .cms-image-float {
	max-width: min(280px, 42%);
	margin-top: 4px;
}

.module-text .cms-image-float--left {
	float: left;
	margin-right: 22px;
}

.module-text .cms-image-float--right {
	float: right;
	margin-left: 22px;
}

.module-text .cms-image-float img {
	max-height: 190px;
	object-fit: contain;
}
/* CMS program schedules */
.module-text .cms-content-section {
	margin: 34px 0;
}

.module-text .cms-content-section + .cms-content-section {
	padding-top: 30px;
	border-top: 1px solid rgba(20, 61, 52, 0.14);
}

.module-text .cms-program-schedule {
	margin: 30px 0 40px;
}

.module-text .cms-program-schedule .DIVtable {
	display: grid;
	grid-template-columns: repeat(12, minmax(0, 1fr));
	gap: 12px;
	margin: 0;
}

.module-text .cms-program-schedule .DIVtable-cell {
	grid-column: span 12;
	width: auto !important;
	min-width: 0;
	margin: 0;
	padding: 18px;
	background: rgba(255, 255, 255, 0.96);
	border: 1px solid rgba(20, 61, 52, 0.14);
	border-radius: var(--radius-card);
	box-shadow: 0 8px 20px rgba(20, 61, 52, 0.06);
}

.module-text .cms-program-schedule .DIVtable-cell.DIVcolumn--1of6 {
	grid-column: span 2;
}

.module-text .cms-program-schedule .DIVtable-cell.DIVcolumn--1of5 {
	grid-column: span 2;
}

.module-text .cms-program-schedule .DIVtable-cell.DIVcolumn--1of4 {
	grid-column: span 3;
}

.module-text .cms-program-schedule .DIVtable-cell.DIVcolumn--1of3 {
	grid-column: span 4;
}

.module-text .cms-program-schedule .DIVtable-cell.DIVcolumn--1of2,
.module-text .cms-program-schedule .DIVtable-cell.DIVcolumn--2of4 {
	grid-column: span 6;
}

.module-text .cms-program-schedule .DIVtable-cell.DIVcolumn--3of5 {
	grid-column: span 7;
}

.module-text .cms-program-schedule .DIVtable-cell.DIVcolumn--2of3 {
	grid-column: span 8;
}

.module-text .cms-program-schedule .DIVtable-cell.DIVcolumn--3of4 {
	grid-column: span 9;
}

.module-text .cms-program-schedule .DIVtable-cell.DIVcolumn--4of5 {
	grid-column: span 10;
}

.module-text .cms-program-schedule .DIVtable-cell.DIVcolumn--5of6 {
	grid-column: span 10;
}

.module-text .cms-program-schedule .DIVtable-cell.time {
	display: grid;
	align-content: center;
	background: linear-gradient(135deg, var(--color-green-deep), #17665f);
	border-color: transparent;
	color: #fff;
	font-family: var(--font-ui);
	font-weight: 800;
}

/* Header and sub-header cells, carried over from the retired div-table.css. */
.module-text .cms-program-schedule .DIVtable-cell--head {
	background: linear-gradient(135deg, var(--color-green-deep), #17665f);
	border-color: transparent;
	color: var(--color-white);
}

.module-text .cms-program-schedule .DIVtable-cell--head h1,
.module-text .cms-program-schedule .DIVtable-cell--head h2,
.module-text .cms-program-schedule .DIVtable-cell--head h3,
.module-text .cms-program-schedule .DIVtable-cell--head h4 {
	color: var(--color-white);
}

.module-text .cms-program-schedule .DIVtable-cell--subhead {
	background: rgba(0, 128, 109, 0.1);
	border-color: rgba(0, 128, 109, 0.22);
}

.module-text .cms-program-schedule .DIVtable-cell--subhead h1,
.module-text .cms-program-schedule .DIVtable-cell--subhead h2,
.module-text .cms-program-schedule .DIVtable-cell--subhead h3,
.module-text .cms-program-schedule .DIVtable-cell--subhead h4 {
	margin: 0;
	color: var(--color-green-deep);
}

/* Cells with no explicit DIVcolumn span share the row evenly, which is what the
   legacy .DIVtable--Ncols classes meant. */
.module-text .cms-program-schedule .DIVtable--2cols > .DIVtable-cell:not([class*="DIVcolumn--"]) {
	grid-column: span 6;
}

.module-text .cms-program-schedule .DIVtable--3cols > .DIVtable-cell:not([class*="DIVcolumn--"]) {
	grid-column: span 4;
}

.module-text .cms-program-schedule .DIVtable--4cols > .DIVtable-cell:not([class*="DIVcolumn--"]) {
	grid-column: span 3;
}

.module-text .cms-program-schedule .DIVtable--5cols > .DIVtable-cell:not([class*="DIVcolumn--"]),
.module-text .cms-program-schedule .DIVtable--6cols > .DIVtable-cell:not([class*="DIVcolumn--"]) {
	grid-column: span 2;
}

.module-text .cms-program-schedule .DIVtable-cell--odd {
	background: rgba(247, 239, 247, 0.82);
}

.module-text .cms-program-schedule .DIVtable-cell--highlight {
	background: linear-gradient(135deg, rgba(246, 195, 78, 0.24), rgba(255, 255, 255, 0.98));
	border-color: rgba(190, 140, 29, 0.34);
}

.module-text .cms-program-schedule .DIVtable-cell > :first-child {
	margin-top: 0;
}

.module-text .cms-program-schedule .DIVtable-cell > :last-child {
	margin-bottom: 0;
}

@media (max-width: 760px) {
	.module-text .cms-program-schedule .DIVtable {
		grid-template-columns: minmax(0, 1fr);
		gap: 10px;
	}

	.module-text .cms-program-schedule .DIVtable-cell,
	.module-text .cms-program-schedule .DIVtable-cell.DIVcolumn--1of6,
	.module-text .cms-program-schedule .DIVtable-cell.DIVcolumn--1of5,
	.module-text .cms-program-schedule .DIVtable-cell.DIVcolumn--1of4,
	.module-text .cms-program-schedule .DIVtable-cell.DIVcolumn--1of3,
	.module-text .cms-program-schedule .DIVtable-cell.DIVcolumn--1of2,
	.module-text .cms-program-schedule .DIVtable-cell.DIVcolumn--2of4,
	.module-text .cms-program-schedule .DIVtable-cell.DIVcolumn--3of5,
	.module-text .cms-program-schedule .DIVtable-cell.DIVcolumn--2of3,
	.module-text .cms-program-schedule .DIVtable-cell.DIVcolumn--3of4,
	.module-text .cms-program-schedule .DIVtable-cell.DIVcolumn--4of5,
	.module-text .cms-program-schedule .DIVtable-cell.DIVcolumn--5of6 {
		grid-column: 1;
	}

	/* Matches the specificity of the .DIVtable--Ncols rules above so those collapse too.
	   This is also what the legacy .DIVtable--collapse class did, which is why that class
	   needs no rule of its own. */
	.module-text .cms-program-schedule .DIVtable--2cols > .DIVtable-cell:not([class*="DIVcolumn--"]),
	.module-text .cms-program-schedule .DIVtable--3cols > .DIVtable-cell:not([class*="DIVcolumn--"]),
	.module-text .cms-program-schedule .DIVtable--4cols > .DIVtable-cell:not([class*="DIVcolumn--"]),
	.module-text .cms-program-schedule .DIVtable--5cols > .DIVtable-cell:not([class*="DIVcolumn--"]),
	.module-text .cms-program-schedule .DIVtable--6cols > .DIVtable-cell:not([class*="DIVcolumn--"]) {
		grid-column: 1;
	}
}