/**
 * Glansco Rich Text styles.
 */

.glansco-rich-text {
	padding: 64px 0;
}

/* Same 1200px/24px container as every other section, so this block's left
   edge always lines up with the logo/heading above it instead of floating
   in a narrower, centered column of its own. */
.glansco-rich-text__container {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 24px;
}

/* With a heading: a two-column layout — the eyebrow/heading acts as a
   left-hand section label (like Image Feature's copy column) beside the
   running text, instead of a heading stacked awkwardly above a wall of
   prose. */
.glansco-rich-text__container--with-heading {
	display: grid;
	grid-template-columns: 0.85fr 1.15fr;
	gap: 64px;
	align-items: start;
}

.glansco-rich-text__container--with-heading .glansco-section-heading {
	margin-bottom: 0;
	position: sticky;
	top: 120px;
}

.glansco-rich-text__body {
	max-width: 720px;
}

.glansco-rich-text__body p {
	font-family: var( --glansco-font-body, "Segoe UI", sans-serif );
	font-size: 1rem;
	line-height: 1.8;
	color: var( --glansco-color-secondary, #111 );
	opacity: 0.85;
	margin: 0 0 20px;
}

.glansco-rich-text__body p:last-child {
	margin-bottom: 0;
}

@media ( max-width: 860px ) {
	.glansco-rich-text__container--with-heading {
		grid-template-columns: 1fr;
		gap: 24px;
	}

	.glansco-rich-text__container--with-heading .glansco-section-heading {
		position: static;
	}
}