#main .ribbon.ribbon-blue {
	position: relative;
	width: 100%;
	z-index: 1;
}

* + h1,
* + h2,
* + h3 {
	margin-top: 0;
}

a.more {
	white-space: normal;
}

header.bg-discover {
	background-color: #f7f7f7;
}

.section-one-up {
	background-color: #f2f2f2;
	border-bottom: 12px solid #ffffff;
	max-width: 2560px;
}

.section-one-up {
	margin: 0 auto;
	padding-left: 4em;
	padding-right: 4em;
}

.section-one-up .row > .column {
	padding: 8% 0;
	align-self: center;
}

.section-two-up .row > .column {
	background-color: #f2f2f2;
	padding: 3em;
	border-bottom: 12px solid #ffffff;
}
.section-two-up .row > .column:first-of-type {
	border-right: 6px solid #ffffff;
}
.section-two-up .row > .column:last-of-type {
	border-left: 6px solid #ffffff;
}

.copy-wrapper {
	width: 420px;
	margin: 0 auto;
}

.text-max-width {
	max-width: 640px;
	margin-left: auto;
	margin-right: auto;
}

.section-more {
	padding: 3em 0;
	background-color: #f2f2f2;
}

.section-program {
	padding: 4em 0;
	max-width: 2560px;
	margin: 0 auto;
}

.section-two-up {
	max-width: 2560px;
	margin: 0 auto;
}

.icon-program {
	filter: brightness(0) saturate(100%) invert(52%) sepia(59%) saturate(568%) hue-rotate(172deg)
		brightness(96%) contrast(96%);
}

@media only screen and (max-width: 1068px) {
	.section-one-up,
	.section-two-up {
		padding-left: 2em;
		padding-right: 2em;
	}
	.copy-wrapper {
		width: 320px;
	}
	.ribbon-content.row {
		margin-right: auto;
		margin-left: auto;
	}
}

@media only screen and (max-width: 767px) {
	.section-ipados .copy-wrapper,
	.section-watchos .copy-wrapper {
		float: none;
		margin-right: auto;
	}
	.section-two-up {
		padding-left: 0;
		padding-right: 0;
	}
	.row {
		margin: 0;
	}
	.medium-6,
	.small-12 {
		flex-basis: 100%;
		max-width: 100%;
		width: 100%;
	}
	.large-push-6,
	.large-pull-6 {
		position: relative;
		left: auto;
		right: auto;
	}
	.section-one-up .row > .column:first-of-type {
		padding-bottom: 0;
	}
	.section-two-up .row > .column {
		width: 100%;
		display: block;
		padding: 1.5em 1em;
		border-bottom: 12px solid #ffffff;
	}
	.section-two-up .row > .column:first-of-type {
		border-right: none;
	}
	.section-two-up .row > .column:last-of-type {
		border-left: none;
	}
	.copy-wrapper {
		width: 87%;
	}
	.section-two-up .copy-wrapper {
		text-align: center;
	}
}

/* Planning */
.section-planning {
	background: linear-gradient(to bottom, #2e3e58 0%, #21283c 100%);
	color: #fff;
	/* margin-top: 6px; */
	padding-top: 2em;
	text-align: center;
}

@media only screen and (max-width: 734px) {
	.section-planning {
		text-align: left;
		margin-top: 0;
	}
}

.section.section-planning h5.subhead {
	font-weight: 400;
}

.section-planning .more {
	color: #fff;
}
.section-planning .chapternav-items {
	margin: 0;
	margin-top: 20px;
	padding-right: 0;
	padding-left: 0;
	overflow: visible;
	display: grid;
	grid-template-columns: repeat(6, 1fr);
}

.section-planning .chapternav-items .chapternav-item {
	animation: none;
	padding: 0;
}

.section-planning .chapternav-items .chapternav-link {
	color: #fff;
}
.section-planning .chapternav-items .chapternav-link:hover .chapternav-label {
	text-decoration: underline;
}
.section-planning .chapternav-items .chapternav-label {
	font-size: 17px;
}

.section-planning .chapternav-icon {
	width: 54px;
	height: 54px;
}

@media only screen and (max-width: 1068px) {
	.section-planning .chapternav-items {
		margin: 0;
		margin-top: 20px;
		padding-right: 0;
		padding-left: 0;
		overflow: visible;
		display: grid;
		grid-template-columns: repeat(3, 1fr);
	}

	.section-planning .chapternav-items .chapternav-item {
		margin: 0 -0.6em;
		text-align: center;
		padding: 15px;
		margin-bottom: 10px;
	}
}

@media only screen and (max-width: 734px) {
	.section-planning .chapternav-items .chapternav-label {
		font-size: 15px;
	}
}

/* Heroes */
body[data-color-scheme="light"]#discover .section-hero {
	height: 1519px;
	background-color: #f7f7f7;
}

body[data-color-scheme="dark"]#discover .section-hero {
	height: 1519px;
	background-color: #000;
}

.hero-copy {
	margin-top: 190px;
}

body[data-color-scheme="light"]#discover .hero-discover {
	top: 154px;
	position: absolute;
	background: transparent url("/discover/images/lockup-hero_2x.jpg?4") no-repeat;
	background-position: calc(50% + 400px) 0;
	background-size: 2033px 1521px;
	width: 100%;
	height: 1621px;
}

body[data-color-scheme="dark"]#discover .hero-discover {
	top: 154px;
	position: absolute;
	background: transparent url("/discover/images/lockup-hero-dark_2x.jpg?4") no-repeat;
	background-position: calc(50% + 400px) 0;
	background-size: 2033px 1521px;
	width: 100%;
	height: 1621px;
}

@supports (background-image: url("image.webp")) {
	body[data-color-scheme="light"]#discover .hero-discover {
		background-image: url("/discover/images/lockup-hero_2x.webp?4");
	}
	body[data-color-scheme="dark"]#discover .hero-discover {
		background-image: url("/discover/images/lockup-hero-dark_2x.webp?4");
	}
}

html
	body[data-color-scheme="light"]#discover
	#suggest-lang.ribbon:not(.hide)
	+ script
	+ aside
	+ input
	+ nav#ac-globalnav
	+ .ac-gn-blur
	+ .ac-gn-curtain
	+ .ac-gn-placeholder
	+ script
	+ #ac-gn-viewport-emitter
	+ link
	+ script
	+ div
	+ link
	+ #chapternav
	+ link
	+ script
	+ main
	.ribbon
	+ .section-hero
	header
	.hero-discover,
html
	body[data-color-scheme="dark"]#discover
	#suggest-lang.ribbon:not(.hide)
	+ script
	+ aside
	+ input
	+ nav#ac-globalnav
	+ .ac-gn-blur
	+ .ac-gn-curtain
	+ .ac-gn-placeholder
	+ script
	+ #ac-gn-viewport-emitter
	+ link
	+ script
	+ div
	+ link
	+ #chapternav
	+ link
	+ script
	+ main
	.ribbon
	+ .section-hero
	header
	.hero-discover {
	top: 256px; /* bump the header image down when both lang selector and banner ribbon are present */
}

@media only screen and (max-width: 1068px) {
	.hero-copy {
		margin-top: 70px;
	}
	body[data-color-scheme="light"]#discover .section-hero,
	body[data-color-scheme="dark"]#discover .section-hero {
		height: 1171px;
	}

	body[data-color-scheme="light"]#discover .hero-discover {
		top: 54px;
		background-image: url("/discover/images/lockup-hero-medium_2x.jpg?4");
		background-size: 821px 1173px;
		height: 1273px;
		background-position: calc(50% + 110px) 100px;
	}

	body[data-color-scheme="dark"]#discover .hero-discover {
		top: 54px;
		background-image: url("/discover/images/lockup-hero-dark-medium_2x.jpg?4");
		background-size: 821px 1173px;
		height: 1273px;
		background-position: calc(50% + 110px) 100px;
	}

	@supports (background-image: url("image.webp")) {
		body[data-color-scheme="light"]#discover .hero-discover {
			background-image: url("/discover/images/lockup-hero-medium_2x.webp?4");
		}
		body[data-color-scheme="dark"]#discover .hero-discover {
			background-image: url("/discover/images/lockup-hero-dark-medium_2x.webp?4");
		}
	}
}

@media only screen and (max-width: 767px) {
	body[data-color-scheme="light"]#discover .section-hero,
	body[data-color-scheme="dark"]#discover .section-hero {
		height: auto;
	}
	.hero-copy {
		margin-top: 0em;
	}
	body[data-color-scheme="light"]#discover .hero-discover {
		top: 0;
		position: relative;
		background-image: url("/discover/images/lockup-hero-small_2x.jpg?4");
		background-size: 500px 456px;
		height: 306px;
		background-position: center -140px;
	}
	body[data-color-scheme="dark"]#discover .hero-discover {
		top: 0;
		position: relative;
		background-image: url("/discover/images/lockup-hero-dark-small_2x.jpg?4");
		background-size: 500px 456px;
		height: 306px;
		background-position: center -140px;
	}

	@supports (background-image: url("image.webp")) {
		body[data-color-scheme="light"]#discover .hero-discover {
			background-image: url("/discover/images/lockup-hero-small_2x.webp?4");
		}
		body[data-color-scheme="dark"]#discover .hero-discover {
			background-image: url("/discover/images/lockup-hero-dark-small_2x.webp?4");
		}
	}
}

/* Language ribbon */
html
	#suggest-lang.ribbon:not(.hide)
	+ script
	+ aside
	+ input
	+ #ac-globalnav
	+ #ac-gn-blur
	+ #ac-gn-curtain
	+ #ac-gn-placeholder
	+ script
	+ #ac-gn-viewport-emitter
	+ link
	+ script
	+ div
	+ link
	+ nav#chapternav
	+ link
	+ script
	+ main
	header
	.hero-discover {
	top: 52px;
}

/* === DARK MODE === */
body[data-color-scheme="dark"]#discover header {
	background-color: #000;
}
body[data-color-scheme="dark"]#discover header * {
	color: var(--glyph-gray-override);
}
body[data-color-scheme="dark"]#discover .hero-section {
	background-color: #f7f7f7;
}
body[data-color-scheme="dark"]#discover .section-one-up {
	background-color: var(--fill-tertiary-alt);
	border-color: var(--dark);
}
body[data-color-scheme="dark"]#discover .section-two-up .column {
	background-color: var(--fill-tertiary-alt);
	border-color: var(--dark);
}
body[data-color-scheme="dark"]#discover .section-more {
	background-color: var(--fill-tertiary-alt);
}
body[data-color-scheme="dark"]
	#chapternav
	.chapternav-items
	.chapternav-item-macos
	.chapternav-icon {
	background-image: url("/assets/elements/icons/platforms/icon-macos-f-i.svg");
}
body[data-color-scheme="dark"] #chapternav .chapternav-items .chapternav-item-ios .chapternav-icon {
	background-image: url("/assets/elements/icons/platforms/icon-ios-f-i.svg");
}
body[data-color-scheme="dark"]
	#chapternav
	.chapternav-items
	.chapternav-item-ipados
	.chapternav-icon {
	background-image: url("/assets/elements/icons/platforms/icon-ipados-f-i.svg");
}
body[data-color-scheme="dark"]
	#chapternav
	.chapternav-items
	.chapternav-item-watchos
	.chapternav-icon {
	background-image: url("/assets/elements/icons/platforms/icon-watchos-f-i.svg");
}
body[data-color-scheme="dark"]
	#chapternav
	.chapternav-items
	.chapternav-item-tvos
	.chapternav-icon {
	background-image: url("/assets/elements/icons/platforms/icon-tvos-f-i.svg");
}
body[data-color-scheme="dark"]
	#chapternav
	.chapternav-items
	.chapternav-item-app-store
	.chapternav-icon {
	background-image: url("/assets/elements/icons/chapternav/icon-app-store-f-i.svg");
	filter: unset;
}
body[data-color-scheme="dark"]
	#chapternav
	.chapternav-items
	.chapternav-item-program
	.chapternav-icon {
	background-image: url("/assets/elements/icons/chapternav/icon-program-f-i.svg");
}