/* Sketch Landing — Trust strip. One hairline row; items separated by a
   vertical hairline on desktop and simply wrapped on phones. */

.sklpt {
	padding: clamp(14px, 1.6vw, 20px) 0;
	border-bottom: 1px solid var(--lp-line);
}
.sklpt__list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 8px 0;
}
.sklpt__item {
	display: inline-flex;
	align-items: center;
	gap: 9px;
	padding: 6px clamp(14px, 1.8vw, 26px);
	font-size: 15px;
	font-weight: 600;
	letter-spacing: -0.005em;
	line-height: 1.3;
	color: var(--lp-ink);
	white-space: nowrap;
}
.sklpt__item + .sklpt__item { border-left: 1px solid var(--lp-line); }
.sklpt__dot {
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: var(--lp-indigo);
	flex: 0 0 auto;
}
.sklpt__google {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	color: inherit;
	text-decoration: none;
	transition: color 0.18s ease;
}
a.sklpt__google:hover { color: var(--lp-indigo); }
a.sklpt__google:focus-visible { outline: 3px solid var(--lp-indigo); outline-offset: 3px; border-radius: 6px; }
.sklpt__g { display: inline-flex; line-height: 0; }
.sklpt__rating { font-weight: 600; font-variant-numeric: tabular-nums; }

@media (max-width: 768px) {
	.sklpt__list { justify-content: flex-start; row-gap: 4px; }
	.sklpt__item { font-size: 14px; padding: 6px 14px 6px 0; white-space: normal; }
	.sklpt__item + .sklpt__item { border-left: 0; padding-left: 0; }
}
