/* Article Section */
.sh-article .sh-article__grid { display: grid; gap: clamp(32px, 5vw, 72px); }
.sh-article.sh-article--aside .sh-article__grid { grid-template-columns: minmax(0, 1fr) 340px; align-items: start; }
.sh-article .sh-article__main { max-width: 760px; }
.sh-article:not(.sh-article--aside) .sh-article__main { margin-inline: auto; }
.sh-article .sh-article__lead {
	margin: -8px 0 26px;
	font-size: 19px;
	line-height: 1.65;
	color: var(--sh-ink);
}

/* Key facts card */
.sh-article .sh-article__aside { position: sticky; top: 110px; }
.sh-article .sh-facts {
	background: var(--sh-light);
	border-radius: var(--sh-r-md);
	padding: 30px 28px;
	box-shadow: var(--sh-shadow);
	border: 1px solid var(--sh-line);
}
.sh-article.sh-tone--cream .sh-facts,
.sh-article.sh-tone--sand .sh-facts { background: var(--sh-white); }
.sh-article .sh-facts__title {
	margin: 0 0 18px;
	font: 600 18px/1.3 var(--sh-font-head);
	color: var(--sh-ink);
}
.sh-article .sh-facts__list { list-style: none; margin: 0 0 24px; padding: 0; }
.sh-article .sh-facts__item {
	display: flex;
	gap: 14px;
	align-items: flex-start;
	padding: 14px 0;
	border-top: 1px solid var(--sh-line);
}
.sh-article .sh-facts__item:first-child { border-top: 0; padding-top: 0; }
.sh-article .sh-facts__icon {
	display: grid;
	place-items: center;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: var(--sh-cream);
	color: var(--sh-taupe-dark);
	flex: none;
}
.sh-article .sh-facts__icon .sh-icon { width: 19px; height: 19px; }
.sh-article .sh-facts__text { display: flex; flex-direction: column; gap: 2px; padding-top: 2px; }
.sh-article .sh-facts__label {
	font: 600 11.5px/1.3 var(--sh-font-head);
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--sh-muted);
}
.sh-article .sh-facts__value { font-size: 15.5px; line-height: 1.45; color: var(--sh-ink); }
.sh-article .sh-facts__actions { display: flex; flex-direction: column; align-items: flex-start; gap: 14px; }
.sh-article a.sh-facts__phone {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font: 600 15px/1 var(--sh-font-head);
	color: var(--sh-ink);
	text-decoration: none;
}
.sh-article a.sh-facts__phone .sh-icon { width: 17px; height: 17px; color: var(--sh-taupe); }
.sh-article a.sh-facts__phone:hover { color: var(--sh-taupe-dark); }

@media (max-width: 1024px) {
	.sh-article.sh-article--aside .sh-article__grid { grid-template-columns: 1fr; }
	.sh-article .sh-article__aside { position: static; max-width: 520px; }
	.sh-article .sh-article__main { max-width: none; }
}