/*
 * Evomedical — compatibility layer.
 *
 * Tailwind v4 ships its CSS in cascade layers; Elementor's frontend CSS is unlayered and
 * would therefore outrank every Tailwind rule regardless of specificity. For the
 * properties Elementor sets on generic elements, hand the value back to the Tailwind
 * layers with `revert-layer` — inside Evomedical widgets only.
 */
body .evo-widget a { box-shadow: revert-layer; text-decoration: revert-layer; }
body .evo-widget img { height: revert-layer; max-width: revert-layer; border: revert-layer; border-radius: revert-layer; box-shadow: revert-layer; }
body .evo-widget :is(embed, iframe, object, video) { max-width: revert-layer; width: revert-layer; margin: revert-layer; line-height: revert-layer; border: revert-layer; }

/* Page stacks: one full-width Elementor container per page, no padding, no gaps. */
body .elementor .e-con.evo-stack { --padding-top: 0px; --padding-right: 0px; --padding-bottom: 0px; --padding-left: 0px; --gap: 0px 0px; --row-gap: 0px; --column-gap: 0px; }
body .elementor .e-con.evo-stack > .evo-widget { width: 100%; }

/* Show scroll-reveal content immediately inside the Elementor editor. */
.elementor-editor-active .reveal-item { opacity: 1; transform: none; }
.elementor-editor-active .reveal-item .rule-draw { transform: none; }

/* Reading column for pages written outside Elementor (page.php). */
.evo-prose > * + * { margin-top: 1rem; }
.evo-prose h2 { margin-top: 2.5rem; font-size: 1.5rem; line-height: 1.3; font-weight: 600; color: var(--foreground); }
.evo-prose h3 { margin-top: 2rem; font-size: 1.25rem; line-height: 1.4; font-weight: 600; color: var(--foreground); }
.evo-prose a { color: var(--accent); text-decoration: underline; text-underline-offset: 2px; }
.evo-prose ul { list-style: disc; padding-left: 1.25rem; }
.evo-prose ol { list-style: decimal; padding-left: 1.25rem; }
.evo-prose strong { color: var(--foreground); font-weight: 600; }