/* clinic/services-related — "Perawatan terkait" reciprocal cross-link box.
   Compact card; works in an article sidebar, in-content, or on a hub. */
.svc-related {
	background: #fff;
	border: 1px solid var(--wp--preset--color--border, #ece7d6);
	border-radius: 16px;
	padding: 20px 22px;
}
.svc-related__head { display: flex; align-items: center; gap: 10px; margin-bottom: 14px; }
.svc-related__accent {
	width: 4px; height: 20px; border-radius: 2px; flex-shrink: 0;
	background: linear-gradient(to bottom, #8c7332, #d6c422);
}
.svc-related__heading {
	font-family: var(--wp--preset--font-family--heading, Ubuntu, sans-serif);
	font-size: 16px; font-weight: 700; line-height: 1.25; margin: 0;
	color: var(--wp--preset--color--primary, #6b5a1f);
}
.svc-related__list { list-style: none; margin: 0; padding: 0; }
.svc-related__list li { border-top: 1px solid rgba(0, 0, 0, .05); }
.svc-related__list li:first-child { border-top: none; }
.svc-related__list a {
	display: flex; align-items: center; gap: 10px; padding: 10px 2px;
	font-family: var(--wp--preset--font-family--body, Lato, sans-serif);
	font-size: 14px; line-height: 1.4; text-decoration: none;
	color: var(--wp--preset--color--body, #4a4a48);
	transition: color .15s ease, padding .15s ease;
}
.svc-related__list a:hover {
	color: var(--wp--preset--color--primary, #6b5a1f); padding-left: 6px;
}
.svc-related__icon {
	display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0;
	color: var(--wp--preset--color--gold-dark, #8c7332);
}
.svc-related__icon svg { width: 20px; height: 20px; }
.svc-related__label { flex: 1; }
.svc-related .svc-arrow {
	opacity: 0; transform: translateX(-4px); flex-shrink: 0; font-size: 13px;
	color: var(--wp--preset--color--primary, #6b5a1f);
	transition: opacity .15s ease, transform .15s ease;
}
.svc-related__list a:hover .svc-arrow { opacity: 1; transform: translateX(0); }
.svc-related__note {
	margin: 12px 0 0;
	font-family: var(--wp--preset--font-family--body, Lato, sans-serif);
	font-size: 12px; line-height: 1.5;
	color: var(--wp--preset--color--body, #6b6b66); opacity: .85;
}
