/**
 * Isolate imported article HTML from theme/site resets (e.g. Hello Elementor reset.css).
 * Loaded on every singular post/case/event/special — independent of legacy ContentBuilder CSS.
 *
 * Base :where() keeps specificity low so author classes like .mayo-atc-guide h2 still win.
 * Hello table zebra/hover use higher specificity (nth-child) — neutralized explicitly below.
 */

.mayo-post-content {
	display: block;
	max-width: 100%;
	overflow: hidden;
	word-wrap: break-word;
}

.mayo-post-content :where(
	h1, h2, h3, h4, h5, h6,
	p, a, ul, ol, li, dl, dt, dd,
	table, thead, tbody, tfoot, tr, th, td, caption,
	blockquote, pre, code, hr,
	img, figure, figcaption,
	strong, b, em, i, small, sub, sup,
	button, input, select, textarea, label
) {
	all: revert;
}

.mayo-post-content :where(img) {
	max-width: 100%;
	height: auto;
}

/*
 * Hello Elementor reset.css (beats :where revert):
 *   table tbody>tr:nth-child(odd)>td|th { background… }
 *   table tbody tr:hover>td|th { background… }
 */
.mayo-post-content table tbody > tr:nth-child(odd) > td,
.mayo-post-content table tbody > tr:nth-child(odd) > th,
.mayo-post-content table tbody tr:hover > td,
.mayo-post-content table tbody tr:hover > th {
	background-color: transparent;
}