/**
 * Concept-widget embed wrapper.
 *
 * Rendered by inc/widgets.php as:
 *
 *   <figure class="lb-widget" data-lb-widget="<name>">
 *     <iframe data-lb-widget-frame ... ></iframe>
 *   </figure>
 *
 * The widget's own look lives inside the iframe (isolated). These rules only
 * frame the embed to match the article's other block figures: full content
 * width, rounded border, no default figure margins from the browser.
 */

.lb-widget {
	margin: 1.75em 0;
	padding: 0;
	border: 1px solid var(--lb-border);
	border-radius: var(--lb-radius);
	overflow: hidden;
	background: var(--lb-surface);
	box-shadow: var(--lb-shadow-sm);
}

.lb-widget iframe[data-lb-widget-frame] {
	display: block;
	width: 100%;
	border: 0;
	/* height is set inline (initial) and reconciled by assets/js/widgets.js */
	transition: height var(--lb-dur) var(--lb-ease);
}

/* Reduced-motion visitors: no height-tween. */
@media (prefers-reduced-motion: reduce) {
	.lb-widget iframe[data-lb-widget-frame] {
		transition: none;
	}
}