/* Legal hub on the www dark theme. Loaded only by legal pages. */
html.legal-root { scroll-padding-top: 96px; }

.legal-root .skip-link {
	position: absolute;
	left: -9999px;
	top: 0;
	background: #191919;
	color: #fff;
	padding: .5rem 1rem;
	z-index: 200;
}
.legal-root .skip-link:focus {
	left: 12px;
	top: 12px;
	outline: 2px solid #4797ff !important;
	outline-offset: 2px;
}

.legal-root .navbar-area .site-logo img,
.legal-root .navbar-area .site-logo .logo {
	max-height: 38px !important;
	width: auto !important;
	height: auto !important;
	display: block !important;
}

.legal-heading .atf-post-label { flex-wrap: wrap; justify-content: flex-start; }

/* One sub-nav. Counsel tab buttons stay in the DOM for the counsel script. */
.legal-subnav { background: #191919; }
.legal-subnav .container { position: relative; }
.legal-tabs-source { display: none !important; }
/* Counsel tab CSS is not loaded. These rules are the same show/hide the counsel stylesheet used. */
.legal-doc .privacy-toggles { display: none; }
html.legal-root.js .legal-doc .privacy-toggles { display: block; }
html.legal-root.js .legal-page--tabs .legal-doc .panel:not(.is-active),
html.legal-root.js .legal-doc .privacy-subpanel:not(.is-active) { display: none; }
html.legal-root.js .legal-page--portal-eula .legal-doc .privacy-subpanel { display: block; }
.legal-subnav .lm-list {
	display: flex;
	flex-wrap: wrap;
	gap: 0;
	list-style: none;
	margin: 0 0 0 -16px;
	padding: 0;
	overflow-x: visible;
	position: relative;
}
.legal-subnav .lm-item,
.legal-subnav .lm-subitem { margin: 0; flex: 0 0 auto; }
.legal-subnav .lm-item > a,
.legal-subnav .lm-subitem > a {
	display: inline-block;
	color: #cecece;
	font-family: "Inter", sans-serif;
	font-size: 14px;
	font-weight: 600;
	line-height: 1;
	text-decoration: none;
	white-space: nowrap;
	padding: 14px 16px;
	border-bottom: 2px solid transparent;
}
.legal-subnav .lm-item > a:hover,
.legal-subnav .lm-subitem > a:hover { color: #fff; }
.legal-subnav .lm-item > a[aria-current="page"],
.legal-subnav .lm-subitem > a[aria-current="page"] {
	color: #fff;
	border-bottom-color: #4797ff !important;
}
.legal-subnav a:focus-visible {
	outline: 2px solid #4797ff !important;
	outline-offset: -2px;
}

.legal-section { padding-top: 48px; padding-bottom: 72px; }
.legal-doc {
	max-width: 860px;
	margin-left: 0;
	margin-right: 0;
	text-align: left;
	color: #cecece;
	font-family: "Inter", sans-serif;
	font-size: 16px;
	line-height: 1.7;
}
.legal-doc h1 { color: #fff; font-size: 34px; line-height: 1.25; margin: 0 0 12px; }
.legal-doc h2 { color: #fff; font-size: 22px; margin: 28px 0 12px; border-bottom: none; }
.legal-doc h3, .legal-doc h4 { color: #fff; }
.legal-doc p, .legal-doc li { color: #cecece; }
.legal-doc a { color: #4797ff; display: inline; white-space: normal; }
.legal-doc a:hover { color: #fff; }
.legal-doc ul { list-style: disc; padding-left: 1.35rem; margin: 0 0 1rem; }
.legal-doc ol { list-style: decimal; padding-left: 1.35rem; }
.legal-doc li { display: list-item; margin-bottom: .35rem; }
.legal-doc strong, .legal-doc b { color: #fff; font-weight: 600; }
.legal-doc code {
	font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
	font-size: .9em;
	color: #cecece;
	background: #262629;
	padding: 0 .25em;
}
.legal-doc hr { border: 0; border-top: 1px solid rgba(255, 255, 255, .12); margin: 1.5rem 0; }
.legal-doc .version-line { color: #cecece; font-size: .9rem; margin: 0 0 1rem; }
/* style.css sets p { margin: 0 }. Restore a normal gap between the two opening paragraphs. */
.legal-page--portal-eula .legal-doc > p:not(.version-line) + p {
	margin-top: 1em;
}
.legal-doc .lead { color: #cecece; font-size: 1rem; font-weight: 400; line-height: 1.7; }
.legal-doc .note { background: #262629; border-left: 4px solid #4797ff; padding: .75rem 1rem; margin: 1rem 0; }
.legal-doc .note p { margin: 0; }
.legal-doc .content-card { background: transparent; border: 0; padding: 0; color: inherit; }
.legal-doc .card-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
	gap: 1rem;
	margin: 1.25rem 0 0;
}
.legal-doc .card {
	background: #262629;
	border: 1px solid rgba(255, 255, 255, .12);
	padding: 1.15rem;
	color: inherit;
}
.legal-doc .card h3, .legal-doc .card p { color: #cecece; }
.legal-doc .card h3 { margin-top: .35rem; }
.legal-doc .card p { margin: .5rem 0 0; }
.legal-doc .card h3 a { color: #4797ff; }
.legal-doc .site-footer { background: transparent; color: #cecece; padding: 1.5rem 0 0; margin-top: 2rem; font-size: .875rem; text-align: left; }
.legal-doc .site-footer a { color: #4797ff; }
.legal-doc .site-footer .copy { color: #cecece; }
.legal-doc .privacy-toggles { background: transparent; border: 0; padding: 0; margin: 0 0 1.25rem; overflow-x: auto; }
.legal-doc .privacy-toggles [role="tab"] {
	background: transparent;
	border: 1px solid rgba(255, 255, 255, .2);
	color: #cecece;
	border-radius: 0;
	padding: .5rem .875rem;
}
.legal-doc .privacy-toggles [role="tab"]:hover { border-color: #4797ff; color: #fff; }
.legal-doc .privacy-toggles [role="tab"][aria-selected="true"] { background: #1f6aa5; border-color: #1f6aa5; color: #fff; }
.legal-doc a:focus-visible { outline: 2px solid #4797ff !important; outline-offset: 2px; }
.legal-doc [role="tab"]:focus-visible { outline: 2px solid #4797ff !important; outline-offset: 2px; }
.legal-doc .privacy-toggles [role="tab"]:focus { border-color: rgba(255, 255, 255, .2) !important; }
.legal-doc .privacy-toggles [role="tab"][aria-selected="true"]:focus { border-color: #4797ff !important; }

/* Duplicate counsel title. Hidden on screen, restored for print. The version line stays. */
.legal-page--standalone .legal-doc .content-card > h1:first-of-type,
.legal-doc--archive .content-card > h1:first-of-type {
	display: none;
}
.legal-page--standalone .legal-doc .content-card > nav.breadcrumb,
.legal-doc--archive .content-card > nav.breadcrumb { display: none; }

.legal-doc .oss-hub-toggle { display: flex; gap: 0; margin: 0 0 1.5rem; }
.legal-doc .oss-hub-tab {
	color: #cecece;
	background: transparent;
	border: 1px solid rgba(255, 255, 255, .2);
	border-radius: 0;
	padding: .5rem 1rem;
	font-weight: 600;
}
.legal-doc .oss-hub-tab.is-active { background: #1f6aa5; color: #fff; border-color: #1f6aa5; }
.legal-doc-download { margin-top: 2rem; }
.legal-archive-note { margin-top: 2rem; font-size: .9rem; }
.legal-standalone-note { margin: 1.25rem 0 0; font-size: .95rem; }

.legal-doc .legal-hub-list,
.legal-hub-list { list-style: none; padding: 0; margin: 1rem 0 0; }
.legal-hub-list li { margin: 0 0 .5rem; }
.legal-hub-list a { color: #4797ff; font-weight: 600; }

@media (max-width: 991.98px) {
	.legal-subnav .lm-list {
		flex-wrap: nowrap;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}
	.legal-subnav .container::before,
	.legal-subnav .container::after {
		content: "";
		position: absolute;
		top: 0;
		bottom: 0;
		width: 28px;
		pointer-events: none;
		z-index: 2;
	}
	.legal-subnav .container::before {
		left: 0;
		background: linear-gradient(90deg, #191919 0%, rgba(25, 25, 25, 0) 100%);
	}
	.legal-subnav .container::after {
		right: 0;
		background: linear-gradient(270deg, #191919 0%, rgba(25, 25, 25, 0) 100%);
	}
}

@media (max-width: 575px) {
	.legal-subnav .lm-list { margin-left: -12px; }
	.legal-subnav .lm-item > a,
	.legal-subnav .lm-subitem > a { padding: 12px; font-size: 13px; }
	.legal-doc h1 { font-size: 28px; }
}

@media print {
	.legal-subnav, .legal-heading, .legal-doc-download, .navbar-area, .atf-footer-area, .bottom_hr, .atf-social-area { display: none !important; }
	.legal-page--standalone .legal-doc .content-card > h1:first-of-type,
	.legal-page--standalone .legal-doc .content-card > nav.breadcrumb,
	.legal-doc--archive .content-card > h1:first-of-type,
	.legal-doc--archive .content-card > nav.breadcrumb {
		display: block !important;
	}
	.legal-doc, .legal-doc * { color: #000 !important; background: #fff !important; }
	html,
	body {
		background: #fff !important;
		color: #000 !important;
		-webkit-print-color-adjust: exact;
		print-color-adjust: exact;
	}
	/* 2024 archive copy sits in section.atf-section-padding, outside .legal-doc. */
	.legal-page--site section.atf-section-padding,
	.legal-page--site section.atf-section-padding *,
	.legal-page--portal-eula section.atf-section-padding,
	.legal-page--portal-eula section.atf-section-padding * {
		color: #000 !important;
		background: #fff !important;
	}
	html.legal-root.js .legal-doc .privacy-toggles,
	.legal-doc .privacy-toggles,
	.legal-tabs-source { display: none !important; }
	.legal-doc .panel, .legal-doc .privacy-subpanel, .js .legal-doc .panel, .js .legal-doc .privacy-subpanel { display: block !important; }
}