.headline-divider {
	margin-top: 3em;
	padding-top: 2em;
	border-top: 1px solid #e3e3e3;
}

@media only screen and (max-width: 734px) {
	.table-mobile {
		display: block;
		word-wrap: normal;
		table-layout: fixed;
		overflow: hidden;
		overflow-x: auto;
	}
}

.allow-wrap {
	word-wrap: break-word;
}

.compound-item-list li > ul li {
	margin-bottom: 0;
}

.no-bullet {
	margin-bottom: 1em;
}

.no-bullet li {
	margin-bottom: 0.7em;
}

ul.no-bullet ul {
	list-style: disc;
}

ul.table-contents,
ul.table-contents ul {
	list-style-type: none;
}

ul.table-contents > li a {
	opacity: 0.8;
	padding: 0.2em 0;
	border-radius: 4px;
	color: #111;
	font-size: 14px;
	font-weight: 600;
}

ul.table-contents > li > ul > li a {
	font-weight: normal;
}

table tr {
	vertical-align: top;
}

table tr td:not(:last-of-type) {
	padding-right: 1em;
}

@media only screen and (max-width: 734px) {
	.section-content {
		max-width: 500px;
	}
	.small-show {
		display: block;
	}
}

/* helpbook sidenav */
/* Variables */

:root {
	--content-font-size: 17px;
	--content-font-size-small: 14px !important;
	--common-spacing: 2.25em;
	--nav-font-size: 15px;
	--list-link-buffer: 17px;
	--localnav-height: 52px;
}

@media only screen and (max-width: 734px) {
	:root {
		--nav-font-size: 17px;
		--list-link-buffer: 0;
	}
}

body[data-color-scheme="light"] {
	color-scheme: light;
	--main-color: #000000;
	--main-border-color: rgba(0, 0, 0, 0.16);

	--home-link-background: #f5f5f6;
	--home-link-color: #1d1d1f;

	--list-hover-background: #fafafa;
	--list-bold-color: #666;
	--list-color: #000;
	--list-active: #f5f5f6;
	--list-active-title: unset;

	--developer-lighter: #333;
	--glossary-blue: #06c;
}

body[data-color-scheme="dark"] {
	color-scheme: dark;
	--main-color: #ffffff;
	--main-border-color: rgba(255, 255, 255, 0.24);

	--home-link-background: #1d1d1f;
	--list-hover-background: #1d1d1d;
	--list-bold-color: #aaa;
	--list-color: #fff;
	--list-active: #333336;
	--list-active-title: unset;

	--developer-lighter: #aaa;
	--glossary-blue: #2997ff;
}

/* Layout styles */

.article-content-wrapper {
	max-width: 1500px;
	margin-left: auto;
	margin-right: auto;
	grid-gap: 3em;
	display: grid;
	gap: 0em;
	grid-template-areas: "sidenav main";
	grid-template-columns: minmax(0, 1.5fr) minmax(0, 3.18fr);
	padding-left: 1.5em;
	padding-right: 1.5em;
}

.sidenav-large {
	grid-area: sidenav;
	border: 1px solid var(--main-border-color);
	border-top: 0;
	border-bottom: 0;
	border-top: 0;
	padding: 0em 0 3em;
	cursor: default;
	position: sticky;
	overflow: hidden;
	height: calc(100vh - var(--common-spacing));
	/* height: calc(100vh + var(--localnav-height)); */
	/* height: 70vh; */
	top: var(--localnav-height);
}

.sidenav:hover {
	overflow: auto;
}

.sidenav .home-link-container {
	width: 100%;
	border-bottom: 1px solid var(--main-border-color);
	background-color: var(--home-link-background);
	padding: 10px 2em;
	position: sticky;
	top: 0;
	z-index: 2;
}

.sidenav .home-link-copy {
	font-size: 0.82353rem;
	line-height: 1.42859;
	font-weight: 400;
	letter-spacing: -0.016em;
	font-weight: 600;
	color: var(--main-color);
}

.sidenav-large .sidenav-list {
	cursor: pointer;
}

.sidenav ul {
	display: flex;
	flex-direction: column;
}

.sidenav a:not(.home-link-container),
.sidenav li.list-bold-title {
	text-overflow: ellipsis;
	overflow: hidden;
	padding: 5px 2.5em;
}

.sidenav li {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	max-width: 100%;
	display: inline;
	line-height: 1.28577;
	font-weight: 400;
	letter-spacing: -0.016em;
	color: var(--list-color);
	display: flex;
}

.sidenav li.list-bold-title {
	font-weight: 600;
	color: var(--list-bold-color);
}

.sidenav a {
	color: var(--list-color);
}

.sidenav li.list-link + li.list-bold-title {
	margin-top: 15px;
}

.sidenav .list-children li.list-link {
	margin-left: var(--list-link-buffer);
}

.sidenav a:hover,
.sidenav li.list-bold-title:hover {
	background-color: var(--list-hover-background);
	text-decoration: none;
}

.sidenav li.list-bold-title.list-long-title p.list-text {
	margin-left: 5px;
}

.sidenav a:focus-within,
.sidenav li.list-bold-title:focus-within {
	outline: 4px solid rgba(0, 125, 250, 0.6);
	outline-offset: -4px;
}

.sidenav a:active,
.sidenav li.list-bold-title:active,
.sidenav li:active,
.sidenav p {
	outline: none;
}

.sidenav .list-symbol {
	width: 17px;
	margin-right: 10px;
}

.sidenav .list-text {
	overflow: hidden;
	text-overflow: ellipsis;
}

.sidenav p.list-text {
	font-size: var(--nav-font-size);
}

.sidenav .toggle-all-expand {
	font-size: var(--content-font-size-small);
	line-height: 1.42859;
	font-weight: 400;
	letter-spacing: -0.016em;
	color: var(--list-bold-color);
	padding: 5px 2.5em;
	margin-bottom: 1em;
	margin-top: 1.5em;
	cursor: default;
}

.sidenav .expand-all {
	cursor: pointer;
}

.sidenav .active,
.sidenav .active:hover {
	background-color: var(--list-active);
	scroll-margin-top: 100px;
}

.sidenav .list-bold-title.active,
.sidenav .list-bold-title.active:hover {
	background-color: var(--list-active-title);
	color: var(--main-color);
}

.main-content {
	grid-area: main;
	border: 1px solid var(--main-border-color);
	border-top: 0;
	border-bottom: 0;
	border-left: 0;
	padding: 3em 5em 5em;
}

.glossary {
	color: var(--glossary-blue);
	border-bottom: 1px dotted var(--glossary-blue);
	cursor: pointer;
}

@media only screen and (max-width: 1300px) {
	.article-content-wrapper {
		grid-template-areas: "sidenav main";
		grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
	}

	.modal-content .platforms-container {
		margin-bottom: 1em;
	}

	.sidenav a,
	.sidenav li.list-bold-title {
		padding: 5px var(--common-spacing);
	}
}

@media only screen and (max-width: 1025px) {
	.article-content-wrapper {
		grid-template-areas: "main";
		grid-template-columns: minmax(0, 1fr);
	}
	.sidenav {
		display: none;
	}
	.main-content {
		border: none;
		padding: var(--common-spacing) 0;
		margin-left: auto;
		margin-right: auto;
		width: 100%;
		max-width: 734px;
	}
}

@media only screen and (max-width: 734px) {
	.article-content-wrapper {
		padding-left: 0;
		padding-right: 0;
	}

	.main-content {
		max-width: 87.5%;
		margin-left: auto;
		margin-right: auto;
	}
}

/* Mobile sidenav styles */

.localnav .sidenav {
	display: none;
}

@media all and (max-width: 734px) {
	.sidenav-large {
		display: none;
	}
	.localnav .sidenav {
		display: block;
		position: relative;
		width: 100%;
		top: 0;
	}
	.sidenav,
	.section-content .row > .column.sidenav {
		padding: 0;
	}
	.localnav .sidenav,
	.localnav .sidenav * {
		box-sizing: border-box;
	}
	.section-content .row {
		margin-right: 0;
		margin-left: 0;
	}
	.sidenav a,
	.sidenav .toggle-all-expand,
	.sidenav li.list-bold-title {
		padding: 5px 0;
	}
}

.article-content-wrapper
	ul:not(.links):not(.platforms-list):not(.accordion)
	li:not(:first-of-type) {
	margin-top: 0.25em;
}

.sidenav-list .icon-after::before {
	top: unset;
}

.sidenav-list .icon::before {
	line-height: unset;
	width: 1em;
}

/* localnav overrides */
#terms-apple-developer-program-license-agreement .localnav.css-sticky,
#terms-apple-developer-program-license-agreement [data-sticky] {
	position: relative;
}

/* helpbook overrides */
#terms-apple-developer-program-license-agreement .sidenav-large {
	top: 0 !important;
	height: 100vh !important;
	overflow-y: overlay !important;
}

#terms-apple-developer-program-license-agreement .toggle-all-expand {
	margin-top: 1.5em;
}

#terms-apple-developer-program-license-agreement .sidenav li {
	white-space: inherit;
}

#terms-apple-developer-program-license-agreement .sidenav a {
	padding: 5px 2em;
}

#terms-apple-developer-program-license-agreement .list-inner-nudge {
	margin-left: 7px;
}

#terms-apple-developer-program-license-agreement .list-inner-nudge-sub {
	margin-left: 21px;
}

#terms-apple-developer-program-license-agreement .hidden-all-views {
	display: none;
}

#terms-apple-developer-program-license-agreement a.list-link-no-children {
	padding: 0 !important;
	margin-top: 0.25em;
}

#terms-apple-developer-program-license-agreement
	a.list-link-no-children
	.icon::before {
	opacity: 0;
}

#terms-apple-developer-program-license-agreement
	.sidenav-large
	.list-children
	li.list-link {
	margin-left: 34px;
}