/* 1.7.1 correction layer: white Runtime surface and visible kit placeholders. */
.srpc-runtime-workspace {
	color: var(--srpc-charcoal);
	background: #fff;
}
.srpc-runtime-profile {
	color: var(--srpc-chalk);
	background: var(--srpc-charcoal);
}
.srpc-runtime-bar > span::after { content: none; }

.srpc-kit-photo.is-placeholder {
	position: relative;
	border: 1px solid color-mix(in srgb, var(--srpc-charcoal) 12%, transparent);
}
.srpc-kit-photo.is-placeholder::after {
	position: absolute;
	right: clamp(.75rem, 2vw, 1.25rem);
	bottom: clamp(.75rem, 2vw, 1.25rem);
	z-index: 1;
	padding: .42rem .62rem;
	color: #4f5753;
	font: 650 .66rem/1.2 "IBM Plex Mono", monospace;
	letter-spacing: .07em;
	text-transform: uppercase;
	background: rgba(255,255,255,.86);
	border: 1px solid rgba(34,39,39,.14);
	border-radius: 999px;
	content: "Indicative layout · photography to follow";
	pointer-events: none;
}
.srpc-kit-photo.is-placeholder picture { position: absolute; inset: 0; }
.srpc-kit-photo.is-placeholder picture img { object-fit: cover; }
.srpc-kit-hotspot { z-index: 2; }

@media (max-width: 767px) {
	.srpc-kit-photo.is-placeholder::after {
		right: .65rem;
		bottom: .65rem;
		max-width: calc(100% - 1.3rem);
		font-size: .58rem;
		text-align: center;
	}
}
