:root {
	--wv-bg: #f4f4f5;
	--wv-surface: #ffffff;
	--wv-border: #d9dee6;
	--wv-text: #102030;
	--wv-muted: #5e6d7f;
	--wv-brand-red: #cc0000;
	--wv-brand-red-hover: #b10000;
	--wv-link-color: #8f1d1d;
	--wv-link-hover-color: #741515;
	--wv-success-bg: #e7f4eb;
	--wv-success-text: #1f5a34;
	--wv-info-bg: #e9f1fb;
	--wv-info-text: #1d4575;
	--wv-box-radius: .6rem;
	--wv-box-eyebrow-color: #0f172a;
	--wv-safe-top: env(safe-area-inset-top, 0px);
	--wv-footer-bar-height: calc(68px + 1rem);
	--wv-footer-safe-bottom: env(safe-area-inset-bottom, 0px);
}

html,
body {
	margin: 0;
	background: var(--wv-bg);
}

body {
	color: var(--wv-text);
	font-family: "IBM Plex Sans", "Segoe UI", "Helvetica Neue", sans-serif;
	line-height: 1.5;
}

.wv-page-shell {
	min-height: 100vh;
	display: flex;
	flex-direction: column;
}

h1, h2, h3, h4, h5, h6 {
	font-family: "Source Serif 4", "Merriweather", Georgia, serif;
	letter-spacing: .01em;
}

a,
a:visited {
	color: inherit;
}

main p a,
main p a:visited,
main li a,
main li a:visited,
main td a,
main td a:visited,
main .wv-topic-meta a,
main .wv-topic-meta a:visited {
	color: var(--wv-link-color);
	text-underline-offset: 2px;
}

main p a:hover,
main p a:focus,
main li a:hover,
main li a:focus,
main td a:hover,
main td a:focus,
main .wv-topic-meta a:hover,
main .wv-topic-meta a:focus {
	color: var(--wv-link-hover-color);
}

main {
	min-height: 62vh;
	position: relative;
	flex: 1 1 auto;
}

body.wv-auth-page main {
	min-height: 0;
}

body.wv-embed-page main {
	min-height: 0;
}

.wv-main-pad {
	padding-top: 1rem;
	padding-bottom: 2rem;
}

body.wv-auth-page .wv-main-pad {
	display: flex;
	align-items: center;
	justify-content: center;
}

main::before {
	content: "";
	position: absolute;
	inset: 0;
	left: calc(50% - 50vw);
	right: calc(50% - 50vw);
	background: var(--wv-bg);
	z-index: -1;
}

body.wv-embed-page main::before {
	display: none;
}