/* Apple TV and Apple Arcade section - start */

.section-apple-tv-and-apple-arcade {
	background: #f5f5f7;
	padding-bottom: 0;
}

.section-apple-tv-and-apple-arcade .typography-tile-copy {
	color: #6e6e73;
	margin: 0 auto;
}

.section-apple-tv-and-apple-arcade strong {
	font-weight: 700;
	color: #1d1d1f;
}

.section-apple-tv-and-apple-arcade .typography-tile-copy {
	margin-top: 20px;
}
@media only screen and (min-width: 735px) and (max-width: 1068px) {
	.section-apple-tv-and-apple-arcade .apple-tv-and-apple-arcade-copy {
		margin-inline-start: 4%;
	}
}

@media only screen and (max-width: 734px) {
	.section-apple-tv-and-apple-arcade .apple-tv-and-apple-arcade-copy {
		margin-top: 2rem;
	}
	.section-apple-tv-and-apple-arcade .apple-tv-and-apple-arcade-copy {
		margin-inline-start: 2%;
	}
}

.section-apple-tv-and-apple-arcade .app-icons {
	display: flex;
	gap: 25px;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}

.overview-icon-new-tile {
	display: block;
	--p-width: 114px;
	--p-height: 114px;
	width: var(--p-width);
	height: var(--p-height);
}
/* Apple TV and Apple Arcade section - end */

.footnote-supglyph {
	text-underline-offset: -0.28em;
}
#accordion-item-q-6-tray ul li {
	list-style-type: initial;
}

@media only screen and (min-width: 735px) and (max-width: 736px) {
	section.section.section-apple-tv-and-apple-arcade .always-on-grid .tile-content{
		padding-left: 39px;
		padding-right: 39px;
	}
}
@media only screen and (min-width: 735px) and (max-width: 800px) {
    .section-apple-tv-and-apple-arcade .apple-tv-and-apple-arcade-copy {
        margin-inline-start: 6%;
    }
}

/* START: Section Hero */
.section-hero {
	height: calc(
		100svh - var(--r-globalnav-height) - var(--r-localnav-height) + 142px
	);
	--min-hero-height: 930px;
	max-height: 1082px;
}

@media (max-width: 1068px) {
	.section-hero {
		height: calc(
			100svh - var(--r-globalnav-height) - var(--r-localnav-height) +
				117px
		);
		--min-hero-height: 440px;
		max-height: 957px;
	}
}

@media (max-width: 734px) {
	.section-hero {
		--min-hero-height: 690px;
		max-height: 900px;
	}

	.section-hero .inline-media-container video {
		height: 328px;
	}
}

@media (orientation: landscape) and (max-width: 1068px) {
	.section-hero {
		--min-hero-height: 789px;
	}
}

@media (orientation: landscape) and (max-width: 734px) {
	.section-hero {
		--min-hero-height: 525px;
	}
}
/* END: Section Hero */