.wp-block-table.uw-article-table,
.wp-block-table.uw-article-chart {
	overflow-x: auto;
	max-inline-size: 100%;
	margin-block: .9em 1.6em;
}
.wp-block-table:is(.uw-article-table, .uw-article-chart) table {
	width: 100%;
	border-collapse: collapse;
	font: inherit;
	font-size: .96em;
	line-height: 1.45;
}
.wp-block-table:is(.uw-article-table, .uw-article-chart) :is(th, td) {
	padding: .75em .85em;
	border: 0;
	border-bottom: 1px solid rgba(130, 120, 151, .4);
	text-align: start;
	vertical-align: top;
	overflow-wrap: anywhere;
}
.wp-block-table:is(.uw-article-table, .uw-article-chart) thead th {
	background: rgba(117, 94, 196, .11);
	font-weight: 700;
}
.uw-article-chart tbody th { width: 43%; }
.uw-article-chart td { font-variant-numeric: tabular-nums; }
.uw-article-bar, .uw-article-bar > span {
	display: block;
	height: .5em;
	border-radius: .25em;
}
.uw-article-bar {
	margin-top: .38em;
	background: rgba(126, 117, 148, .19);
}
.uw-article-bar > span { background: var(--wp--preset--color--primary, #6045b4); }
ul.uw-article-interactive {
	margin-inline: 0;
	padding: 0;
	list-style: none;
}
.uw-article-interactive > li { margin: 0; }
.uw-article-interactive > li > label {
	display: flex;
	align-items: baseline;
	gap: .75em;
	padding: .55em .15em;
	border-bottom: 1px solid rgba(130, 120, 151, .35);
	cursor: pointer;
}
.uw-article-interactive input[type="checkbox"] {
	appearance: auto;
	flex: 0 0 auto;
	align-self: flex-start;
	inline-size: 1.1em;
	block-size: 1.1em;
	margin: .2em 0 0;
	accent-color: var(--wp--preset--color--primary, #6045b4);
}
.uw-article-interactive input:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
.uw-article-interactive input:checked + span { text-decoration: line-through; }
.uw-article-count { margin-block: .4em 1.6em; font-size: .88em; }
@media (max-width: 540px) {
	.wp-block-table:is(.uw-article-table, .uw-article-chart) :is(th, td) { padding: .6em .4em; }
	.uw-article-table table:has(thead th:nth-child(3)) { min-inline-size: 29rem; }
	.uw-article-table table:has(thead th:nth-child(4)) { min-inline-size: 37rem; }
}
.uw-article-table:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }
@media (forced-colors: active) {
	.uw-article-bar { border: 1px solid CanvasText; }
	.uw-article-bar > span { forced-color-adjust: none; background: CanvasText; }
}
