/**
 * Front-end + TinyMCE content styles for accessible tables.
 */

.cet-a11y-table {
	border-collapse: collapse;
	width: 100%;
	margin: 1em 0;
}

.cet-a11y-table caption {
	caption-side: top;
	text-align: left;
	font-weight: 600;
	margin-bottom: 0.5em;
}

.cet-a11y-table th,
.cet-a11y-table td {
	border: 1px solid #c3c4c7;
	padding: 0.5em 0.75em;
	vertical-align: top;
	text-align: left;
}

.cet-a11y-table thead th,
.cet-a11y-table th[scope="col"] {
	background: #f0f0f1;
	font-weight: 700;
}

.cet-a11y-table th[scope="row"] {
	background: #f6f7f7;
	font-weight: 600;
}