.ribbon a.link-spread {
	margin-left: 1em;
	margin-right: 1em;
}

.button-pill {
	border-radius: 1em;
}

.anchor-spacing-top {
	scroll-margin-top: 50px;
}

/* Tiles */
a.tile-link {
	display: block;
	text-decoration: none;
	color: #333333;
}
a.tile-link span.more {
	color: #0070c9;
}
a.tile-link .tile-wrap {
	padding: 19px;
	background-color: #fff;
	border-radius: 0.5em;
	border: 1px solid #e8e8e8;
	/* box-shadow: 1px 3px 6px 1px rgba(204,204,204,0.6); */
	transition: box-shadow 0.2s ease-in-out;
}
body[data-color-scheme="dark"] a.tile-link .tile-wrap {
	border: 1px solid rgba(255, 255, 255, 0.1);
}
a.tile-link:hover {
	text-decoration: none;
}
a.tile-link:hover span.more {
	text-decoration: underline;
	color: #0070c9;
}
a.tile-link:hover .tile-wrap {
	cursor: pointer;
	/* box-shadow: 1px 3px 6px 1px rgba(0,112,201,0.4); */
	box-shadow: 0 0 0 1px rgba(50, 50, 93, 0.01),
		0 7px 14px 0 rgba(50, 50, 93, 0.1), 0 3px 6px 0 rgba(0, 0, 0, 0.02);
	background-color: #fdfdfd;
}
a.tile-link .tile-wrap .typography-label {
	font-size: 22px;
}
@media only screen and (max-width: 734px) {
	a.tile-link .tile-wrap .typography-label {
		font-size: 21px;
	}
}

/* === DARK MODE === */
html body[data-color-scheme="dark"] .analytics-image {
	filter: invert(1);
}
html body[data-color-scheme="dark"] .bg-gradient {
	background: linear-gradient(
		to bottom,
		var(--fill-gradient-gray-start) 20%,
		var(--fill-gradient-gray-end) 100%
	);
}
html body[data-color-scheme="dark"] .tile-wrap-articles {
	background-color: var(--fill-tertiary);
	border: 1px solid var(--fill-gray-quaternary);
}
html body[data-color-scheme="dark"] .insight-callout {
	background-color: var(--fill-secondary-alt);
}
html body[data-color-scheme="dark"]#appStoreMarketingGuidelines .nav-icon {
	filter: invert(1);
}
html body[data-color-scheme="dark"]#app-privacy-details table tr th {
	background-color: var(--fill-secondary);
}
html body[data-color-scheme="dark"]#app-privacy-details .category-icon {
	filter: invert(1);
}
html body[data-color-scheme="dark"]#guidelines a.tile-link .tile-wrap {
	background: var(--fill);
}
html body[data-color-scheme="dark"]#promote .bg-rounded,
body[data-color-scheme="dark"]#promote .tile-item,
body[data-color-scheme="dark"]#promote .bg-white {
	background: var(--fill);
}
html body[data-color-scheme="dark"]#sbp .section-hero * {
	color: var(--glyph-gray-override);
}
html body[data-color-scheme="dark"]#sbp .tile-wrap {
	background: var(--fill-secondary-alt);
}
html body[data-color-scheme="dark"]#sbp .section-overview.bg-gradient {
	background: var(--fill);
}
html body[data-color-scheme="dark"]#submitting a.tile-link .tile-wrap {
	background: var(--fill);
}
@media only screen and (max-width: 734px) {
	html body[data-color-scheme="dark"]#sbp .section-overview,
	html body[data-color-scheme="dark"]#sbp .section-content.bg-gradient,
	html body[data-color-scheme="dark"]#sbp .section-content.bg-light {
		background: var(--fill);
	}
}