body.atlas-page {
	--atlas-accent: #4c2a85;
	--atlas-accent-soft: #f1ebff;
	--atlas-warning: #8a3b12;
	--atlas-warning-soft: #fff0e5;
}

html[data-theme="dark"] body.atlas-page {
	--atlas-accent: #c7a9ff;
	--atlas-accent-soft: #251b38;
	--atlas-warning: #ffbd91;
	--atlas-warning-soft: #392319;
}

@media (prefers-color-scheme: dark) {
	:root:not([data-theme="light"]) body.atlas-page {
		--atlas-accent: #c7a9ff;
		--atlas-accent-soft: #251b38;
		--atlas-warning: #ffbd91;
		--atlas-warning-soft: #392319;
	}
}

body.atlas-page main,
body.atlas-page .atlas-shell {
	max-width: 78rem;
	margin-inline: auto;
}

body.atlas-page .atlas-kicker,
body.atlas-page .atlas-topic-id {
	max-width: 72ch;
	margin-inline: auto;
	color: var(--site-muted-text);
	font-weight: 700;
	letter-spacing: .04em;
}

body.atlas-page .surface-switch,
body.atlas-page .locale-switch {
	display: flex;
	max-width: 72ch;
	margin: 1rem auto;
	padding: .75rem;
	gap: .5rem;
	flex-wrap: wrap;
	border: 1px solid var(--site-border);
	border-radius: .6rem;
	background: var(--site-surface);
}

body.atlas-page .surface-switch :where(a, span),
body.atlas-page .locale-switch :where(a, span) {
	display: inline-block;
	padding: .4rem .7rem;
	border-radius: .35rem;
}

body.atlas-page [aria-current="page"] {
	background: var(--atlas-accent);
	color: var(--site-bg);
	font-weight: 700;
}

body.atlas-page .status-banner,
body.atlas-page .technical-summary,
body.atlas-page .fact-card,
body.atlas-page .verification-snapshot,
body.atlas-page .known-issue {
	max-width: 72ch;
	margin: 1.25rem auto;
	padding: 1rem 1.25rem;
	border: 1px solid var(--site-border);
	border-radius: .65rem;
}

body.atlas-page .status-banner,
body.atlas-page .known-issue {
	border-left: .45rem solid var(--atlas-warning);
	background: var(--atlas-warning-soft);
}

body.atlas-page .technical-summary,
body.atlas-page .fact-card,
body.atlas-page .verification-snapshot {
	border-left: .45rem solid var(--atlas-accent);
	background: var(--atlas-accent-soft);
}

body.atlas-page .fact-label,
body.atlas-page .status-label {
	display: inline-block;
	margin: 0 .4rem .4rem 0;
	padding: .15rem .5rem;
	border: 1px solid currentColor;
	border-radius: 999px;
	font-size: .82rem;
	font-weight: 800;
	letter-spacing: .05em;
}

body.atlas-page .verification-snapshot dl {
	display: grid;
	grid-template-columns: minmax(10rem, 1fr) minmax(0, 2fr);
	gap: .5rem 1rem;
}

body.atlas-page .verification-snapshot dt {
	font-weight: 700;
}

body.atlas-page .verification-snapshot dd {
	margin: 0;
}

body.atlas-page details {
	max-width: 72ch;
	margin: 1rem auto;
	padding: .75rem 1rem;
	border: 1px solid var(--site-border);
	border-radius: .5rem;
}

body.atlas-page summary {
	cursor: pointer;
	font-weight: 700;
}

@media (max-width: 640px) {
	body.atlas-page .verification-snapshot dl {
		grid-template-columns: 1fr;
	}

	body.atlas-page .verification-snapshot dd + dt {
		margin-top: .65rem;
	}
}