/* Alalam Site Assets — articles (single posts only). */

/*
 * Tables on phones: Blocksy sizes the table to its content, which can be wider than the
 * text column (article 02: 404px on a 390px screen), so it hangs past the edge and the
 * body's overflow:hidden cuts it. Below 768px the table becomes a box as wide as the text
 * that scrolls sideways inside itself; columns keep a readable minimum width.
 */
@media (max-width: 767.98px) {
	.single-post .entry-content > table {
		display: block;
		width: 100%;
		max-width: min(var(--theme-block-max-width, 750px), var(--theme-block-width, 100%));
		margin-inline: auto;
		overflow-x: auto;
		overscroll-behavior-x: contain;
		border: 1px solid #ecdfdf;
		border-radius: 8px;
		scrollbar-width: thin;
	}

	.single-post .entry-content > table th,
	.single-post .entry-content > table td,
	.single-post .entry-content .wp-block-table th,
	.single-post .entry-content .wp-block-table td {
		min-width: 9em;
		font-size: 15px;
		line-height: 1.7;
		vertical-align: top;
	}
}