/**
 * FreeSpy Guides — front-end styles for imported guide posts.
 * Scoped to `.freespy-guide` (the wrapper the plugin adds around guide content),
 * so it styles the guides correctly under any theme without touching other posts.
 */

.freespy-guide figure {
	margin: 2.25rem auto;
	max-width: 560px;
	text-align: center;
}
.freespy-guide figure img {
	display: block;
	width: 100%;
	height: auto;
	margin: 0 auto;
	border-radius: 14px;
}
/* Phone / child mockups are tall portraits — keep them small and centered. */
.freespy-guide figure.phone {
	max-width: 250px;
}
.freespy-guide figure.phone img {
	width: 100%;
	max-width: 240px;
	border-radius: 0;
}
.freespy-guide figcaption {
	margin-top: 0.55rem;
	font-size: 0.85em;
	line-height: 1.4;
	opacity: 0.7;
	text-align: center;
}

/* A link whose target guide isn't published yet: reads as ordinary body text. */
.freespy-guide .guide-link-pending {
	color: inherit;
	text-decoration: none;
	cursor: text;
}
/* If a related-guide card's target isn't live yet, keep the card visible but flat. */
.freespy-guide a.gcard.guide-link-pending,
.freespy-guide span.gcard.guide-link-pending {
	cursor: default;
	opacity: 0.85;
}