/**
 * Wrapper styling for [mgm_expertise]. Deliberately minimal: everything inside
 * the frame is styled by the calculator itself, and these class names are
 * prefixed so they can't collide with the theme.
 */

.mgm-expertise-embed {
	width: 100%;
	margin: 1.5em 0;
}

.mgm-expertise-frame {
	display: block;
	width: 100%;
	border: 0;
	/* The calculator centres itself and paints its own dark panel, so the frame
	   just needs to be transparent and full-bleed. */
	background: transparent;
	color-scheme: dark;
}

/* Height is driven by postMessage; the transition keeps tab switches from
   snapping the page around. */
.mgm-expertise-embed.is-auto .mgm-expertise-frame {
	transition: height 0.15s ease-out;
}

@media (prefers-reduced-motion: reduce) {
	.mgm-expertise-embed.is-auto .mgm-expertise-frame {
		transition: none;
	}
}

.mgm-expertise-link a {
	font-weight: 600;
}

/* Author-only shortcode errors. */
.mgm-expertise-embed.mgm-err {
	padding: 12px 14px;
	border: 1px solid #d9843b;
	border-radius: 4px;
	background: rgba(217, 132, 59, 0.08);
	color: #d9843b;
	font-size: 14px;
}