/**
 * Frame for the inline-SVG gravity portrait (HTML wrapper on contact).
 *
 * Centering: block + horizontal auto margins (works in normal column flow).
 * Size: width is min( art width , 100% of parent ). In a half-width column,
 *   100% is only half the page — so it will never render 600px until the
 *   column is at least 600px wide (Semplice row/column layout).
 *
 * Override examples:
 *   #blp-gravity-svg-root { --blp-gravity-art-width: 320px; }
 *   #blp-gravity-svg-root { --blp-gravity-frame-radius: 18px; }
 */

#blp-gravity-svg-root {
	--blp-gravity-frame-border: 2px solid #ffffff;
	--blp-gravity-frame-radius: 14px;
	--blp-gravity-art-width: 600px;

	box-sizing: border-box;
	display: block;
	width: min(var(--blp-gravity-art-width), 100%);
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	line-height: 0;

	border: var(--blp-gravity-frame-border);
	border-radius: var(--blp-gravity-frame-radius);
	overflow: hidden;
}

#blp-gravity-svg-root svg {
	display: block;
	width: 100%;
	height: auto;
	vertical-align: top;
}