// --------------------------------------------------------------------------------
// Block: Figure
// --------------------------------------------------------------------------------
figure.block {
	display: grid;
	grid-auto-rows: min-content;
	position: relative;
	overflow-x: auto;
	overflow-y: hidden;
}

figure.block figcaption {
	display: block;
	margin: 0;
	padding: .25em .5em;
	text-align: center;
	font-size: 0.9em;
	background: rgba(0, 0, 0, 0.5);
}

// --------------------------------------------------------------------------------
// Block: Figure > Media
// --------------------------------------------------------------------------------
figure.block picture,
figure.block img,
figure.block video,
figure.block audio {
	display: block;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	object-fit: contain;
	object-position: center center;
	background: rgba(0, 0, 0, 0.5);
}

// --------------------------------------------------------------------------------
// Block: Figure > Table
// --------------------------------------------------------------------------------
figure.block table {
	margin: 0;
	padding: 0;
	display: table;
	width: 100%;
	table-layout: auto;
	border-collapse: collapse;
}

figure.block table>thead>tr,
figure.block table>tbody>tr {
	margin: 0;
	padding: 0;
	vertical-align: top;
}

figure.block table>thead>tr {
	background: $theme-article-table-head-background;
}

figure.block table>tbody>tr {
	background: $theme-article-table-body-background;
}

figure.block table>tbody>tr:nth-child(2n) {
	background: $theme-article-table-body-background-alt;
}

figure.block table>thead>tr>th,
figure.block table>tbody>tr>th {
	margin: 0;
	padding: 0.75rem 1.5rem;
	font-weight: bold;
	font-variant: small-caps;
	text-align: start;
	vertical-align: top;
	border: 1px solid rgba(0, 0, 0, 0.5);
	border-top: none;
	border-bottom: none;
}

figure.block table>thead>tr>td,
figure.block table>tbody>tr>td {
	margin: 0;
	padding: 0.5rem 0.75rem;
	border: 1px solid rgba(0, 0, 0, 0.5);
	border-top: none;
	border-bottom: none;
}

// --------------------------------------------------------------------------------
// Block: Figure > Code
// --------------------------------------------------------------------------------
figure.block code {
	margin: 0;
	width: 100%;
}