/* Ribbon */

.ribbon {
	--ribbon-link-inline-color: inherit;
	overflow: hidden;
	--ribbon-link-color: rgb(0, 102, 204);
	--ribbon-focus-color: #0071e3;
	--ribbon-text-color: rgb(29, 29, 31);
	--ribbon-background-color: rgb(245, 245, 247);
	--ribbon-content-padding-top: 16px;
	--ribbon-content-padding-bottom: var(--ribbon-content-padding-top);
	--ribbon-content-width: 83.33333%;
	--ribbon-content-minimum-width: 320px;
	width: var(--ribbon-width);
	padding-top: var(--ribbon-padding-top);
	padding-bottom: var(--ribbon-padding-bottom);
	opacity: 1;
	position: relative;
	pointer-events: inherit;
}

html:not(.text-zoom) .ribbon {
	margin-top: calc(var(--localnav-total-height) * -1);
}

.media-hero-wrapper {
	--ribbon-height: 51px;
}

.media-hero-wrapper {
	padding-top: var(--ribbon-height);
	padding-bottom: 0;
}

section.section-media-hero {
	height: max(
		var(--section-height-min),
		var(--section-height) - var(--r-globalnav-height, 0px)
	);
	top: 0;
}

/* Highlight Gallery */
.media-gallery-item-ios .media-block .default-container picture img {
	width: auto;
}

/* Connectivity Section */
.section-connectivity .viewport-content {
	margin-bottom: 64px;
}

@media (max-width: 1068px) {
	.section-connectivity .viewport-content {
		margin-bottom: 48px;
	}
}

@media (max-width: 734px) {
	.section-connectivity .viewport-content {
		margin-bottom: 48px;
	}
}

/* Inline Compare */
.section-performance .inline-compare-tile-grid .stat .stat-value {
	line-height: 1.275;
}

@media (max-width: 734px) {
	.section-performance .inline-compare-tile-grid .stat .stat-value {
		font-size: 36px;
		padding-top: 0.25em;
	}
}

/* Performance Section */
.stat-reduced .stat-value {
	line-height: 1.275;
}