/* =============================================================================
   Таблицы: core/table (.wp-block-table > table) и таблицы внутри контента.
   Базовый стиль темы - синяя рамка вокруг всей таблицы и caption цветом
   #000000ad (на тёмном фоне не читается).
   ========================================================================== */

.wp-block-table {
	margin: clamp(1.25rem, 2.5vw, 1.75rem) 0;
	border: 1px solid var(--ms-border);
	border-radius: var(--ms-radius);
	background: var(--ms-surface-2);
	overflow: auto;
	overscroll-behavior-x: contain;
}

.wp-block-table table,
main table {
	width: 100%;
	border: 0;
	border-collapse: collapse;
	border-radius: 0;
	padding: 0;
	font-size: .97rem;
}

.wp-block-table th,
main table th {
	padding: .9rem 1.1rem;
	text-align: left;
	vertical-align: middle;
	background: rgba(86, 145, 255, .12);
	border: 0;
	border-bottom: 1px solid var(--ms-border-2);
	color: #fff;
	font-weight: 700;
	/* без переноса заголовки колонок наезжают друг на друга
	   при table-layout:fixed на узких экранах */
	white-space: normal;
	overflow-wrap: anywhere;
}

.wp-block-table td,
main table td {
	padding: .85rem 1.1rem;
	vertical-align: top;
	border: 0;
	border-bottom: 1px solid var(--ms-border);
	color: var(--ms-muted);
	font-variant-numeric: tabular-nums;
}

.wp-block-table td:first-child,
main table td:first-child {
	color: var(--ms-text);
	font-weight: 600;
}

.wp-block-table tbody tr:last-child td,
main table tbody tr:last-child td { border-bottom: 0; }

.wp-block-table tbody tr:nth-child(2n),
main table tbody tr:nth-child(2n) { background: rgba(255, 255, 255, .022); }

.wp-block-table tbody tr:hover,
main table tbody tr:hover { background: rgba(86, 145, 255, .06); }

.wp-block-table.is-style-stripes table { border: 0; }

.wp-block-table.is-style-stripes tr:nth-of-type(odd) {
	background-color: rgba(255, 255, 255, .022);
}

.wp-block-table.is-style-stripes td { border-bottom: 1px solid var(--ms-border); }

/* подпись под таблицей */
.wp-block-table caption,
.wp-block-table > div {
	color: var(--ms-muted);
	font-size: .9rem;
	text-align: left;
	padding: 0 1.1rem;
}

.wp-block-table a { color: var(--ms-accent); }

@media (max-width: 600px) {
	.wp-block-table th,
	.wp-block-table td { padding: .7rem .85rem; }
}