/* Southern Range Product Content 2.2.0 — shared editorial Guide card family. */
.srpc-guide-grid--editorial {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: clamp(16px, 2vw, 24px);
}

.srpc-guide-grid--editorial .srpc-guide-card {
	display: grid;
	grid-template-columns: minmax(150px, 43%) minmax(0, 1fr);
	min-height: 220px;
	background: #fff;
	border: 1px solid #d8d6cf;
	border-radius: var(--srpc-radius, 4px);
	overflow: hidden;
}

.srpc-guide-grid--editorial .srpc-guide-card__media {
	display: block;
	height: 100%;
	min-height: 220px;
	margin: 0;
	overflow: hidden;
	background: #e3e8e2;
}

.srpc-guide-grid--editorial .srpc-guide-card__media img {
	display: block;
	width: 100%;
	height: 100%;
	min-height: 220px;
	margin: 0;
	aspect-ratio: auto;
	object-fit: cover;
	transition: transform 220ms ease;
}

.srpc-guide-card__placeholder {
	display: block;
	width: 100%;
	height: 100%;
	min-height: 220px;
	background:
		linear-gradient(135deg, transparent 0 51%, rgba(96, 115, 102, .55) 51% 54%, transparent 54%),
		linear-gradient(35deg, #e4e9e3, #8ca092);
}

.srpc-guide-grid--editorial .srpc-guide-card__copy {
	display: flex;
	min-width: 0;
	padding: clamp(18px, 2.2vw, 28px);
	flex-direction: column;
	align-items: flex-start;
}

.srpc-guide-grid--editorial .srpc-guide-card h3,
.srpc-guide-grid--editorial .srpc-guide-card p,
.srpc-guide-grid--editorial .srpc-guide-card a,
.srpc-guide-grid--editorial .srpc-guide-card span {
	margin-inline: 0;
}

.srpc-guide-grid--editorial .srpc-guide-card h3 {
	margin: 0 0 12px;
	font-size: clamp(1.2rem, 1.6vw, 1.55rem);
	line-height: 1.12;
	letter-spacing: -.025em;
}

.srpc-guide-grid--editorial .srpc-guide-card h3 a {
	display: inline;
	height: auto;
	margin: 0;
	color: inherit;
	text-decoration: none;
}

.srpc-guide-grid--editorial .srpc-guide-card h3 a:focus-visible,
.srpc-guide-grid--editorial .srpc-guide-card__media:focus-visible {
	outline: 3px solid var(--srpc-eucalyptus, #607366);
	outline-offset: 3px;
}

.srpc-guide-card__eyebrow,
.srpc-guide-card__meta,
.srpc-guide-card__affordance {
	font-family: "IBM Plex Mono", Consolas, monospace;
	font-size: .72rem;
	font-weight: 600;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.srpc-guide-grid--editorial .srpc-guide-card__eyebrow {
	margin: 0 0 12px;
	color: var(--srpc-eucalyptus, #607366);
}

.srpc-guide-grid--editorial .srpc-guide-card__copy > p:not(.srpc-guide-card__eyebrow):not(.srpc-guide-card__meta) {
	margin: 0 0 16px;
	color: #5f645f;
	font-size: .93rem;
	line-height: 1.55;
}

.srpc-guide-grid--editorial .srpc-guide-card__meta {
	margin: auto 0 0;
	color: #737873;
	font-size: .67rem;
}

.srpc-guide-grid--editorial .srpc-guide-card__affordance {
	display: inline-block;
	margin-top: 14px;
	color: var(--srpc-eucalyptus, #607366);
}

@media (hover: hover) {
	.srpc-guide-grid--editorial .srpc-guide-card:hover .srpc-guide-card__media img { transform: scale(1.025); }
	.srpc-guide-grid--editorial .srpc-guide-card:hover h3 a { text-decoration: underline; text-underline-offset: .18em; }
}

@media (max-width: 1040px) {
	.srpc-guide-grid--editorial { grid-template-columns: 1fr; }
	.srpc-guide-grid--editorial .srpc-guide-card { grid-template-columns: minmax(190px, 40%) minmax(0, 1fr); }
}

@media (max-width: 600px) {
	.srpc-guide-grid--editorial .srpc-guide-card { display: block; min-height: 0; }
	.srpc-guide-grid--editorial .srpc-guide-card__media,
	.srpc-guide-grid--editorial .srpc-guide-card__media img,
	.srpc-guide-card__placeholder { min-height: 0; height: auto; aspect-ratio: 16 / 10; }
	.srpc-guide-grid--editorial .srpc-guide-card__media img { object-fit: cover; }
}

@media (prefers-reduced-motion: reduce) {
	.srpc-guide-grid--editorial .srpc-guide-card__media img { transition: none; }
}