/* Guide Card */
.sh-guide .sh-guide__card {
	display: grid;
	grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
	align-items: center;
	gap: clamp(28px, 4vw, 64px);
	background: var(--sh-white);
	border-radius: var(--sh-r-md);
	padding: clamp(22px, 3vw, 36px);
	box-shadow: var(--sh-shadow);
}
.sh-guide.sh-tone--white .sh-guide__card { background: var(--sh-light); }
.sh-guide .sh-guide__card--noimg { grid-template-columns: 220px minmax(0, 1fr); }

/* Arched image, echoing the site's arch-masked photography. */
.sh-guide .sh-guide__media {
	aspect-ratio: 4 / 4.4;
	border-radius: 999px 999px var(--sh-r-sm) var(--sh-r-sm);
	overflow: hidden;
	background: var(--sh-cream);
}
.sh-guide .sh-guide__media img.sh-guide__img {
	width: 100%;
	height: 100% !important;
	object-fit: cover;
	display: block;
}
.sh-guide .sh-guide__mark {
	display: grid;
	place-items: center;
	aspect-ratio: 1;
	border-radius: 999px 999px var(--sh-r-sm) var(--sh-r-sm);
	background: linear-gradient(160deg, var(--sh-cream), #d9cdc3);
	color: var(--sh-taupe-dark);
}
.sh-guide .sh-guide__mark .sh-icon { width: 64px; height: 64px; stroke-width: 1.2; }

.sh-guide .sh-guide__time { color: var(--sh-muted); letter-spacing: 0.06em; }
.sh-guide .sh-guide__title {
	margin: 0 0 14px;
	font: 600 clamp(24px, 2.6vw, 34px)/1.2 var(--sh-font-head);
	color: var(--sh-ink);
}
.sh-guide .sh-guide__title a { color: inherit; text-decoration: none; }
.sh-guide .sh-guide__title a:hover { color: var(--sh-taupe-dark); }
.sh-guide .sh-guide__text { margin: 0 0 20px; font-size: 16.5px; line-height: 1.7; }
.sh-guide .sh-guide__points { list-style: none; margin: 0 0 28px; padding: 0; display: grid; gap: 10px; }
.sh-guide .sh-guide__points li { display: flex; gap: 12px; align-items: flex-start; color: var(--sh-ink); font-size: 15.5px; line-height: 1.5; }
.sh-guide .sh-guide__points .sh-icon {
	width: 22px;
	height: 22px;
	padding: 4px;
	border-radius: 50%;
	background: var(--sh-cream);
	color: var(--sh-taupe-dark);
	stroke-width: 3;
	margin-top: 1px;
}

@media (max-width: 860px) {
	.sh-guide .sh-guide__card,
	.sh-guide .sh-guide__card--noimg { grid-template-columns: 1fr; }
	.sh-guide .sh-guide__media { aspect-ratio: 16 / 10; border-radius: var(--sh-r-sm); }
	.sh-guide .sh-guide__mark { aspect-ratio: auto; height: 120px; border-radius: var(--sh-r-sm); }
}