/**
 * Nexza Story Split widget.
 */

.nx-story {
	display: grid;
	grid-template-columns: 27% 1fr;
	gap: 4vw;
	align-items: start;
}

.nx-story > * {
	min-width: 0;
}

.nx-story-side .nx-label {
	margin-top: 28px;
}

.nx-story-main h2 {
	margin: 0;
	overflow-wrap: break-word;
}

.nx-story-main p {
	max-width: 60ch;
	margin: 28px 0 0;
	color: var(--nx-muted-dark);
}

@media (max-width: 860px) {
	.nx-story {
		grid-template-columns: 1fr;
		gap: 40px;
	}

	/* A portrait image would fill the phone screen; keep it shorter. */
	.nx-story-side .nx-ratio-3-4 {
		aspect-ratio: 4 / 3;
	}

	.nx-story-side .nx-label {
		margin-top: 16px;
	}
}