/**
 * BSPE Connect — QR indexer styling.
 *
 * The plugin injects #qri-code inside the post content. Center it and
 * cap its outer width so it doesn't blow past long-form layouts on
 * wide screens. The max-width is parameterized via CSS custom property
 * so the WP setting can override at runtime.
 */
#qri-code {
	margin: 24px 0 !important;
	max-width: var(--bspe-qri-max-width, 1240px);
	text-align: left;
}

#qri-code img,
#qri-code svg {
	display: inline-block;
	background: #fff;
	max-width: 100%;
	height: auto;
}

#qri-code .bspe-qri-link {
	display: inline-block;
	line-height: 0;       /* kill the inline-element baseline gap under images */
	text-decoration: none;
}

#qri-code .bspe-qri-link:focus-visible {
	outline: 2px solid #3AAFB9;
	outline-offset: 2px;
}