/*
 * TOS contact band (spec §4.18 "Contact band") [M computed] [M js:e09c7623]. Section white, py 64 at every width.
 * Band #222, white, radius 24, p 32 (40 from 768); column, items-start, gap 24 → row, items-centre from 768.
 * Left flex-1 space-y 8: full-width stripe, H2 24/32 semibold, text 14/20 white/0.7 max-w 672.
 * Right: column gap 12, 14/20; pills px 16 py 8, border white/0.3, radius full, gap 8, 16px icons, no hover.
 */
.tos-contact { padding-block: calc(var(--spacing) * 16); background-color: var(--color-white); }
.tos-contact__band {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: calc(var(--spacing) * 6);
	padding: calc(var(--spacing) * 8);
	border-radius: var(--radius-3xl);
	background-color: var(--color-brand-dark);
	color: var(--color-white);
}
@media (min-width: 48rem) {
	.tos-contact__band { flex-direction: row; align-items: center; padding: calc(var(--spacing) * 10); }
}
.tos-contact__content { flex: 1 1 0%; }
.tos-contact__content > * + * { margin-top: calc(var(--spacing) * 2); }
.tos-contact__title { font-size: var(--text-2xl); line-height: var(--text-2xl-lh); font-weight: var(--font-weight-semibold); }
.tos-contact__text { max-width: var(--container-2xl); font-size: var(--text-sm); line-height: var(--text-sm-lh); color: var(--color-white-70); }
.tos-contact__pills { display: flex; flex-direction: column; gap: calc(var(--spacing) * 3); font-size: var(--text-sm); line-height: var(--text-sm-lh); }
.tos-contact__pill {
	display: inline-flex;
	align-items: center;
	gap: calc(var(--spacing) * 2);
	padding: calc(var(--spacing) * 2) calc(var(--spacing) * 4);
	border: 1px solid var(--color-white-30);
	border-radius: var(--radius-full);
}
.tos-contact__pill .icon { flex-shrink: 0; }