:root {
	--wb-site-cream: #fcf8f1;
	--wb-site-paper: #fbfbe2;
	--wb-site-olive: #63623f;
	--wb-site-copy: #56564f;
	--wb-site-line: #d5d4a6;
	--wb-site-coral: #ffa095;
	--wb-site-yellow: #f3f198;
}

body {
	background: var(--wb-site-cream);
	color: var(--wb-site-copy);
	font-family: "Work Sans", sans-serif;
}

body.wp-child-theme-workbody-safari-child {
	background: var(--wb-site-cream);
	color: var(--wb-site-copy);
	font-family: "Work Sans", sans-serif;
}

body.page-template-workbody-quiz,
body.page-template-workbody-quiz .wp-site-blocks {
	background: var(--wb-site-cream);
}

body.page-template-workbody-quiz .wp-site-blocks > p {
	display: none;
	margin: 0;
}

.workbody-site-header,
.workbody-site-footer {
	background:
		radial-gradient(ellipse at center, rgba(186, 184, 83, 0.13) 0 28%, transparent 30%) 0 0 / 74px 92px,
		linear-gradient(56deg, transparent 44%, rgba(186, 184, 83, 0.12) 45% 48%, transparent 49%) 0 0 / 74px 92px,
		var(--wb-site-cream);
	color: var(--wb-site-copy);
}

.workbody-site-header {
	border-bottom: 1px solid rgba(213, 212, 166, 0.9);
	position: relative;
	z-index: 20;
}

.workbody-site-header__inner,
.workbody-site-footer__inner,
.workbody-page-main__inner {
	margin-left: auto;
	margin-right: auto;
	max-width: 1120px;
	width: calc(100% - 40px);
}

.workbody-site-header__inner {
	align-items: center;
	display: flex;
	gap: 24px;
	justify-content: space-between;
	min-height: 76px;
}

.workbody-site-brand {
	align-items: center;
	display: inline-flex;
	gap: 12px;
	text-decoration: none;
}

.workbody-site-brand__mark {
	align-items: center;
	background: var(--wb-site-coral);
	border: 2px solid #fff;
	border-radius: 999px;
	box-shadow: 0 3px 10px rgba(255, 160, 149, 0.45);
	color: #fff;
	display: inline-flex;
	font-family: "Fredoka", "Work Sans", sans-serif;
	font-size: 18px;
	font-weight: 700;
	height: 42px;
	justify-content: center;
	width: 42px;
}

.workbody-site-brand .wp-block-site-title,
.workbody-site-brand .wp-block-site-title a,
.workbody-site-header .wp-block-site-title,
.workbody-site-header .wp-block-site-title a {
	color: var(--wb-site-olive);
	font-family: "Fredoka", "Work Sans", sans-serif;
	font-size: 22px;
	font-weight: 600;
	letter-spacing: 0;
	line-height: 1.05;
	text-decoration: none;
}

.workbody-site-nav .wp-block-navigation-item__content {
	color: var(--wb-site-copy);
	font-size: 15px;
	font-weight: 600;
	text-decoration: none;
}

.workbody-site-nav .wp-block-navigation-item__content:hover {
	color: var(--wb-site-olive);
}

.workbody-page-main {
	background:
		linear-gradient(180deg, rgba(252, 248, 241, 0.94), rgba(251, 251, 226, 0.72)),
		var(--wb-site-cream);
	min-height: 70svh;
	padding: 64px 0;
}

.workbody-page-main__inner {
	background: rgba(251, 251, 226, 0.88);
	border: 1.5px dashed #bfbfa1;
	border-radius: 19px;
	box-shadow: 0 3px 10px rgba(145, 142, 82, 0.18);
	padding: clamp(28px, 5vw, 56px);
}

.workbody-page-main .wp-block-post-title {
	color: var(--wb-site-olive);
	font-family: "Fredoka", "Work Sans", sans-serif;
	font-size: clamp(34px, 6vw, 58px);
	font-weight: 600;
	letter-spacing: 0;
	line-height: 1.05;
	margin: 0 0 24px;
}

.workbody-page-main .entry-content,
.workbody-page-main .wp-block-post-content {
	color: var(--wb-site-copy);
	font-size: 18px;
	line-height: 1.55;
}

.workbody-page-main .wp-block-button__link {
	background: var(--wb-site-coral);
	border: 2px solid #fff;
	border-radius: 46px;
	box-shadow: 0 3px 10px rgba(255, 160, 149, 0.55);
	color: #fff;
	font-family: "Fredoka", "Work Sans", sans-serif;
	font-weight: 700;
	padding: 12px 32px;
}

.workbody-site-footer {
	border-top: 1px solid rgba(213, 212, 166, 0.9);
}

.workbody-site-footer__inner {
	display: grid;
	gap: 18px;
	grid-template-columns: 1fr auto;
	padding: 34px 0;
}

.workbody-site-footer p {
	margin: 0;
	max-width: 620px;
}

.workbody-site-footer .wp-block-navigation {
	justify-content: flex-end;
}

@media (max-width: 700px) {
	.workbody-site-header__inner,
	.workbody-site-footer__inner,
	.workbody-page-main__inner {
		width: calc(100% - 28px);
	}

	.workbody-site-header__inner {
		align-items: flex-start;
		flex-direction: column;
		gap: 14px;
		padding: 16px 0;
	}

	.workbody-page-main {
		padding: 28px 0;
	}

	.workbody-site-footer__inner {
		grid-template-columns: 1fr;
	}

	.workbody-site-footer .wp-block-navigation {
		justify-content: flex-start;
	}
}