@charset "UTF-8";

/*main {
	max-width: 1600px;
}*/

article, h1 {
	max-width: var(--max-w);
	margin-inline: auto;
}

td.code {
	text-align: right;
}

td.char {
	font-size: 2em;
	text-align: center;
	unicode-bidi: plaintext;
	min-width: 1.5em;
}

td.char:empty {
	color: grey;
	font-size: 0.9em;
	
	&::before {
		content: "—";
	}
}

/*td.note {
	vertical-align: top;
}*/

table :is(ul, ol, dl) {
	padding-inline: 0.5em 0;
	
	--p-gap: 0.75em;
	
	& bdi.char {
		font-size: 1.4em;
	}
}

/* ======== Display Size Responsiveness ======== */

@media (max-width: 600px) {
	td.char {
		font-size: 1.9em;
	}
}

@media (max-width: 500px) {
	td.char {
		font-size: 1.8em;
	}
}