/* diglossic-text.css v1.0.2
 * CC0: <ettedh.github.io/articles/diglossic-text/> */

main { max-width: 100ch;} /* accomodate two texts */
@media print {main{columns: 1; column-gap: 40pt;} }

.diglossic-text {
	display: grid;
	grid-template-columns: [diglossic-left] 1fr [diglossic-right] 1fr;
	grid-auto-flow : column;
	grid-gap: 0 1em;
}

.diglossic-l ~ :is(h1,h2,h3,h4,h5,h6,p,blockquote,pre) {
	grid-column: diglossic-left;
}
.diglossic-r ~ :is(h1,h2,h3,h4,h5,h6,p,blockquote,pre) {
	grid-column: diglossic-right;
}

.diglossic-l, .diglossic-r { display: none; }