/* Lecture verticale des tableaux d'article, sans glissement horizontal (reprise du mu-plugin lzqf-blog-tables, M-006). */
@media (max-width: 700px) {
	.wp-block-table.lzqf-blog-table--cards {
		width: 100%;
		max-width: 100%;
		margin: 1.5rem 0;
		border: 0;
		overflow: visible;
	}
	.lzqf-blog-table--cards table,
	.lzqf-blog-table--cards tbody,
	.lzqf-blog-table--cards tr {
		display: block;
		width: 100%;
		min-width: 0;
	}
	.lzqf-blog-table--cards table { border: 0; margin: 0; font-size: 18px; line-height: 1.5; }
	.lzqf-blog-table--cards thead {
		position: absolute;
		width: 1px;
		height: 1px;
		padding: 0;
		margin: -1px;
		overflow: hidden;
		clip-path: inset(50%);
		white-space: nowrap;
	}
	.lzqf-blog-table--cards tbody { display: grid; gap: .75rem; }
	.lzqf-blog-table--cards tbody tr {
		box-sizing: border-box;
		padding: .9rem 1rem;
		border: 1px solid #d9d2c0;
		border-radius: 8px;
		background: #fff;
	}
	.lzqf-blog-table--cards tbody th,
	.lzqf-blog-table--cards tbody td {
		display: block;
		box-sizing: border-box;
		width: 100%;
		padding: .35rem 0;
		border: 0;
		background: transparent;
		color: #1f2422;
		text-align: left;
		font-size: 18px;
		line-height: 1.5;
		overflow-wrap: anywhere;
	}
	.lzqf-blog-table--cards tbody th {
		padding: 0 0 .6rem;
		margin-bottom: .2rem;
		border-bottom: 1px solid #e6e0d5;
		color: #123d34;
		font-weight: 700;
	}
	.lzqf-blog-table--cards tbody td::before {
		content: attr(data-label);
		display: block;
		margin-bottom: .1rem;
		color: #42574e;
		font-size: 14px;
		font-weight: 700;
		letter-spacing: .02em;
	}
	.lzqf-blog-table--cards figcaption { margin-top: .75rem; font-size: 14px; line-height: 1.5; }
}