/* 남북한 병행성경 (NSP) — parallel North/South Korean text.
 *
 * Chapter HTML is injected into #contentDiv by ebibleMobile.js, so these rules
 * live in the parent page rather than in each of the 1,189 chapter files.
 * (Note: he/hil tries the per-chapter <link> approach and its stylesheet 404s,
 * because it asks for /html/bible/... lowercase on a case-sensitive filesystem.)
 *
 * Narrow screens: the two texts stack, verse by verse, each tagged 북 / 남.
 * Wide screens:   they sit side by side, North on the left, matching the
 *                 printed 문광서원 edition.
 * Everything is scoped to .nsp so no other version is affected.
 */

.nsp {
	margin: 0 0 0.85em 0;
	line-height: 1.6;
}

.nsp .label {
	display: inline-block;
	min-width: 1.6em;
	font-weight: bold;
	color: #4eabcc;
	vertical-align: top;
}

.nsp .nsp-cols {
	display: block;
}

.nsp .content {
	display: block;
	padding: 0.15em 0 0.15em 1.6em;
}

/* Which text is which. Kept on both layouts: without it the two Korean texts
 * are easy to confuse, since they differ by only a few words in many verses. */
.nsp .content::before {
	font-size: 0.75em;
	font-weight: bold;
	margin-right: 0.45em;
	vertical-align: 0.08em;
}
.nsp .nsp-nk::before { content: "북"; color: #4eabcc; }
.nsp .nsp-sk::before { content: "남"; color: #e74c8f; }

/* A verse present in one text but not the other (versification differs in a
 * couple of places, e.g. 사무엘하 11:26-27, which the North text merges).
 * The empty side still holds its column so the two stay aligned. */
.nsp .content:empty::after {
	content: "—";
	color: #bbb;
}

@media (min-width: 768px) {
	.nsp .nsp-cols {
		display: table;
		width: 100%;
		table-layout: fixed;
	}
	.nsp .content {
		display: table-cell;
		width: 50%;
		padding: 0.15em 0.9em;
		vertical-align: top;
	}
	.nsp .nsp-sk {
		border-left: 1px solid #d8d8d8;
	}
	.nsp .label {
		float: left;
		margin-right: 0.2em;
	}
}