:root {
	--okb-accent: #dd5258;
	--okb-cream: #fff4e6;
	--okb-text: #222222;
	--okb-white: #ffffff;
	--okb-border: rgba(34, 34, 34, 0.12);
	--okb-muted: rgba(34, 34, 34, 0.68);
	--okb-radius: 22px;
	--okb-shadow: 0 18px 50px rgba(34, 34, 34, 0.08);
	--okb-container: 1180px;
}

.okb-blog,
.okb-single {
	background: var(--okb-white);
	color: var(--okb-text);
	font-family: inherit;
	line-height: 1.7;
}

.okb-blog *,
.okb-single * {
	box-sizing: border-box;
}

.okb-container {
	width: min(calc(100% - 40px), var(--okb-container));
	margin-inline: auto;
}

.okb-eyebrow {
	margin: 0 0 12px;
	color: var(--okb-accent);
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.14em;
	line-height: 1.3;
	text-transform: uppercase;
}

.okb-blog-hero,
.okb-single-hero {
	position: relative;
	overflow: hidden;
	background: var(--okb-cream);
}

.okb-blog-hero::after,
.okb-single-hero::after {
	position: absolute;
	right: -90px;
	bottom: -140px;
	width: 340px;
	height: 340px;
	border: 56px solid rgba(221, 82, 88, 0.11);
	border-radius: 50%;
	content: "";
	pointer-events: none;
}

.okb-blog-hero__inner {
	position: relative;
	z-index: 1;
	max-width: 860px;
	padding-block: clamp(42px, 5vw, 70px);
	text-align: center;
}

.okb-blog-hero h1,
.okb-single-title,
.okb-section-heading h2,
.okb-cta h2 {
	margin: 0;
	color: var(--okb-text);
	font-family: inherit;
	font-weight: 600;
	letter-spacing: -0.035em;
	line-height: 1.08;
}

.okb-blog-hero h1 {
	font-size: clamp(42px, 6vw, 76px);
}

.okb-blog-hero__intro {
	max-width: 690px;
	margin: 24px auto 0;
	color: var(--okb-muted);
	font-size: clamp(17px, 2vw, 20px);
	line-height: 1.7;
}


.okb-blog-intro {
	background: var(--okb-white);
	padding: clamp(38px, 5vw, 60px) 20px 0;
}

.okb-blog-intro__inner {
	width: min(100%, 700px);
	margin-inline: auto;
	color: var(--okb-text);
	font-size: 17px;
	line-height: 1.75;
	text-align: left;
}

.okb-blog-intro__inner > :first-child {
	margin-top: 0;
}

.okb-blog-intro__inner > :last-child {
	margin-bottom: 0;
}

.okb-blog__content {
	padding-block: clamp(64px, 8vw, 110px);
}

.okb-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 30px;
	align-items: stretch;
}

.okb-card {
	display: flex;
	height: 100%;
	min-width: 0;
	overflow: hidden;
	border: 1px solid var(--okb-border);
	border-radius: var(--okb-radius);
	background: var(--okb-white);
	box-shadow: 0 8px 30px rgba(34, 34, 34, 0.045);
	flex-direction: column;
	transition: transform 220ms ease, box-shadow 220ms ease;
}

.okb-card:hover {
	box-shadow: var(--okb-shadow);
	transform: translateY(-5px);
}

.okb-card__image-link {
	display: block;
	overflow: hidden;
	aspect-ratio: 4 / 3;
	background: var(--okb-cream);
}

.okb-card__image {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 450ms ease;
}

.okb-card:hover .okb-card__image {
	transform: scale(1.035);
}

.okb-card__placeholder {
	display: grid;
	width: 100%;
	height: 100%;
	padding: 25px;
	background:
		radial-gradient(circle at 85% 20%, rgba(221, 82, 88, 0.18) 0 14%, transparent 15%),
		linear-gradient(135deg, var(--okb-cream), var(--okb-white));
	color: var(--okb-accent);
	font-size: 20px;
	font-weight: 700;
	place-items: center;
	text-align: center;
}

.okb-card__body {
	display: flex;
	height: 100%;
	padding: 26px 26px 22px;
	flex: 1;
	flex-direction: column;
}

.okb-card__meta {
	display: flex;
	margin-bottom: 13px;
	color: var(--okb-muted);
	font-size: 12px;
	font-weight: 600;
	gap: 8px;
	letter-spacing: 0.05em;
	line-height: 1.4;
	text-transform: uppercase;
}

.okb-card__category {
	color: var(--okb-accent);
}

.okb-card__title {
	margin: 0 0 13px;
	font-family: inherit;
	font-size: clamp(22px, 2vw, 27px);
	font-weight: 600;
	letter-spacing: -0.025em;
	line-height: 1.2;
}

.okb-card__title a {
	color: var(--okb-text);
	text-decoration: none;
}

.okb-card__excerpt {
	margin: 0 0 22px;
	color: var(--okb-muted);
	font-size: 15px;
	line-height: 1.75;
}

.okb-text-link {
	display: inline-flex;
	margin-top: auto;
	padding-top: 8px;
	color: var(--okb-accent);
	font-size: 14px;
	font-weight: 700;
	gap: 9px;
	text-decoration: none;
}

.okb-text-link span {
	transition: transform 180ms ease;
}

.okb-text-link:hover span {
	transform: translateX(4px);
}

.okb-pagination {
	margin-top: 56px;
}

.okb-pagination .page-numbers {
	display: flex;
	margin: 0;
	padding: 0;
	gap: 9px;
	justify-content: center;
	list-style: none;
}

.okb-pagination .page-numbers a,
.okb-pagination .page-numbers span {
	display: grid;
	min-width: 45px;
	height: 45px;
	padding-inline: 13px;
	border: 1px solid var(--okb-border);
	border-radius: 999px;
	background: var(--okb-white);
	color: var(--okb-text);
	font-size: 14px;
	font-weight: 700;
	place-items: center;
	text-decoration: none;
	transition: background-color 180ms ease, border-color 180ms ease, color 180ms ease;
}

.okb-pagination .page-numbers .current,
.okb-pagination .page-numbers a:hover {
	border-color: var(--okb-accent);
	background: var(--okb-accent);
	color: var(--okb-white);
}

.okb-empty {
	padding: 60px 30px;
	border-radius: var(--okb-radius);
	background: var(--okb-cream);
	text-align: center;
}

.okb-empty h2 {
	margin-top: 0;
}

/* Single post */
.okb-single-hero__inner {
	position: relative;
	z-index: 1;
	max-width: 980px;
	padding-block: clamp(60px, 8vw, 105px);
	text-align: center;
}

.okb-breadcrumbs {
	display: flex;
	margin-bottom: 25px;
	color: var(--okb-muted);
	font-size: 13px;
	gap: 10px;
	justify-content: center;
}

.okb-breadcrumbs a {
	color: inherit;
	text-decoration: none;
}

.okb-breadcrumbs a:hover {
	color: var(--okb-accent);
}

.okb-single-category {
	display: inline-flex;
	margin-bottom: 18px;
	padding: 7px 14px;
	border-radius: 999px;
	background: var(--okb-white);
	color: var(--okb-accent);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-decoration: none;
	text-transform: uppercase;
}

.okb-single-title {
	max-width: 920px;
	margin-inline: auto;
	font-size: clamp(42px, 6.3vw, 78px);
}

.okb-single-meta {
	display: flex;
	margin-top: 25px;
	color: var(--okb-muted);
	font-size: 14px;
	gap: 10px;
	justify-content: center;
}

.okb-featured-wrap {
	position: relative;
	z-index: 2;
	margin-top: clamp(-30px, -3vw, -46px);
}

.okb-featured {
	margin: 0;
	overflow: hidden;
	border-radius: clamp(16px, 2.5vw, 28px);
	background: var(--okb-cream);
	box-shadow: var(--okb-shadow);
}

.okb-featured__image {
	display: block;
	width: 100%;
	max-height: 720px;
	object-fit: cover;
}

.okb-featured figcaption {
	padding: 12px 18px;
	color: var(--okb-muted);
	font-size: 13px;
	text-align: center;
}

.okb-article-layout {
	display: grid;
	padding-block: clamp(60px, 8vw, 105px);
	place-items: center;
}

.okb-article-content {
	width: min(100%, 790px);
	color: var(--okb-text);
	font-size: clamp(17px, 1.8vw, 19px);
	line-height: 1.85;
}

.okb-article-content > *:first-child {
	margin-top: 0;
}

.okb-article-content h2,
.okb-article-content h3,
.okb-article-content h4 {
	margin-top: 1.7em;
	margin-bottom: 0.65em;
	color: var(--okb-text);
	font-family: inherit;
	font-weight: 600;
	letter-spacing: -0.025em;
	line-height: 1.2;
}

.okb-article-content h2 {
	font-size: clamp(31px, 4vw, 44px);
}

.okb-article-content h3 {
	font-size: clamp(25px, 3vw, 33px);
}

.okb-article-content h4 {
	font-size: 22px;
}

.okb-article-content p,
.okb-article-content ul,
.okb-article-content ol,
.okb-article-content blockquote,
.okb-article-content figure,
.okb-article-content table {
	margin-top: 0;
	margin-bottom: 1.45em;
}

.okb-article-content a {
	color: var(--okb-accent);
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;
}

.okb-article-content img {
	max-width: 100%;
	height: auto;
	border-radius: 16px;
}

.okb-article-content blockquote {
	position: relative;
	margin-inline: 0;
	padding: 26px 30px 26px 34px;
	border-left: 4px solid var(--okb-accent);
	border-radius: 0 16px 16px 0;
	background: var(--okb-cream);
	font-size: 1.1em;
	font-style: normal;
}

.okb-article-content blockquote p:last-child {
	margin-bottom: 0;
}

.okb-article-content ul,
.okb-article-content ol {
	padding-left: 1.35em;
}

.okb-article-content li {
	margin-bottom: 0.55em;
	padding-left: 0.25em;
}

.okb-article-content hr {
	margin-block: 50px;
	border: 0;
	border-top: 1px solid var(--okb-border);
}

.okb-article-content table {
	display: block;
	width: 100%;
	overflow-x: auto;
	border-collapse: collapse;
	font-size: 15px;
}

.okb-article-content th,
.okb-article-content td {
	padding: 13px 15px;
	border: 1px solid var(--okb-border);
	text-align: left;
}

.okb-article-content th {
	background: var(--okb-cream);
}

.okb-tags {
	display: flex;
	margin-top: 48px;
	padding-top: 28px;
	border-top: 1px solid var(--okb-border);
	gap: 10px;
	flex-wrap: wrap;
}

.okb-tags a {
	padding: 7px 13px;
	border: 1px solid var(--okb-border);
	border-radius: 999px;
	color: var(--okb-text);
	font-size: 13px;
	font-weight: 600;
	text-decoration: none;
}

.okb-tags a:hover {
	border-color: var(--okb-accent);
	color: var(--okb-accent);
}

.okb-post-navigation {
	border-block: 1px solid var(--okb-border);
	background: var(--okb-white);
}

.okb-post-navigation__inner {
	display: grid;
	padding-block: 40px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 40px;
}

.okb-post-navigation__item {
	min-width: 0;
}

.okb-post-navigation__item--next {
	text-align: right;
}

.okb-post-navigation__item span {
	display: block;
	margin-bottom: 7px;
	color: var(--okb-muted);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.okb-post-navigation__item a {
	color: var(--okb-text);
	font-size: 18px;
	font-weight: 600;
	line-height: 1.4;
	text-decoration: none;
}

.okb-post-navigation__item a:hover {
	color: var(--okb-accent);
}

.okb-related {
	padding-block: clamp(70px, 8vw, 110px);
	background: var(--okb-cream);
}

.okb-section-heading {
	max-width: 690px;
	margin: 0 auto 44px;
	text-align: center;
}

.okb-section-heading h2 {
	font-size: clamp(36px, 5vw, 56px);
}

.okb-cta {
	padding-block: clamp(65px, 7vw, 95px);
	background: var(--okb-accent);
	color: var(--okb-white);
}

.okb-cta__inner {
	display: flex;
	gap: 40px;
	align-items: center;
	justify-content: space-between;
}

.okb-cta .okb-eyebrow,
.okb-cta h2 {
	color: var(--okb-white);
}

.okb-cta h2 {
	max-width: 760px;
	font-size: clamp(33px, 4.5vw, 54px);
}

.okb-button {
	display: inline-flex;
	min-height: 52px;
	padding: 14px 22px;
	border: 2px solid var(--okb-white);
	border-radius: 999px;
	background: var(--okb-white);
	color: var(--okb-accent);
	font-size: 14px;
	font-weight: 700;
	line-height: 1.35;
	text-align: center;
	text-decoration: none;
	transition: background-color 180ms ease, color 180ms ease;
}

.okb-button:hover {
	background: transparent;
	color: var(--okb-white);
}

.okb-page-links {
	margin-top: 35px;
}

@media (max-width: 900px) {
	.okb-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.okb-cta__inner {
		align-items: flex-start;
		flex-direction: column;
	}
}

@media (max-width: 640px) {
	.okb-card {
		height: auto;
	}

	.okb-card__body {
		height: auto;
	}

	.okb-container {
		width: min(calc(100% - 28px), var(--okb-container));
	}

	.okb-blog-hero__inner {
		padding-block: 38px;
	}

	.okb-single-hero__inner {
		padding-block: 62px;
	}

	.okb-blog-hero h1,
	.okb-single-title {
		font-size: 40px;
	}

	.okb-grid {
		grid-template-columns: 1fr;
		gap: 22px;
	}

	.okb-card__body {
		padding: 22px;
	}

	.okb-pagination .page-numbers span:not(.current),
	.okb-pagination .page-numbers a:not(.prev):not(.next) {
		display: none;
	}

	.okb-pagination .page-numbers .current {
		display: grid;
	}

	.okb-post-navigation__inner {
		grid-template-columns: 1fr;
		gap: 28px;
	}

	.okb-post-navigation__item--next {
		padding-top: 28px;
		border-top: 1px solid var(--okb-border);
		text-align: left;
	}

	.okb-featured-wrap {
		margin-top: -20px;
	}

	.okb-featured {
		border-radius: 16px;
	}

	.okb-single-meta {
		flex-wrap: wrap;
	}

	.okb-article-content {
		font-size: 17px;
	}

	.okb-article-content blockquote {
		padding: 22px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.okb-card,
	.okb-card__image,
	.okb-text-link span,
	.okb-button {
		transition: none;
	}
}

/* The Elementor Author Box is replaced by the shortcode-native box below. */
body.single-post .elementor-widget-theme-post-author,
body.single-post .elementor-widget-author-box {
	display: none !important;
}

.okb-single-byline a {
	color: inherit;
	font-weight: 600;
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;
}

.okb-single-byline a:hover {
	color: var(--okb-accent);
}

.okb-author-box {
	display: grid;
	width: 100%;
	margin: 52px 0 0;
	padding: 30px;
	border: 1px solid var(--okb-border);
	border-radius: 18px;
	background: var(--okb-cream);
	grid-template-columns: auto minmax(0, 1fr);
	gap: 24px;
	align-items: start;
}

.okb-author-box__avatar-link {
	display: block;
	width: 96px;
	height: 96px;
	border-radius: 50%;
	overflow: hidden;
	flex: 0 0 auto;
}

.okb-author-box__avatar {
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	object-fit: cover;
}

.okb-author-box__eyebrow {
	margin: 0 0 4px;
	color: var(--okb-muted);
	font-family: inherit;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.04em;
	line-height: 1.5;
	text-transform: uppercase;
}

.okb-author-box__name {
	margin: 0 0 9px !important;
	font-family: inherit !important;
	font-size: 24px !important;
	font-weight: 600 !important;
	letter-spacing: -0.02em !important;
	line-height: 1.25 !important;
}

.okb-author-box__name a {
	color: var(--okb-text) !important;
	text-decoration: none !important;
}

.okb-author-box__name a:hover {
	color: var(--okb-accent) !important;
}

.okb-author-box__bio {
	margin: 0 0 13px !important;
	color: var(--okb-text);
	font-family: inherit;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.75;
}

.okb-author-box__link {
	display: inline-flex;
	color: var(--okb-accent) !important;
	font-family: inherit;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.5;
	gap: 7px;
	text-decoration: none !important;
}

.okb-author-box__link:hover {
	text-decoration: underline !important;
	text-underline-offset: 3px;
}

.okb-author-box + .okb-tags {
	margin-top: 32px;
}

@media (max-width: 640px) {
	.okb-author-box {
		padding: 24px;
		grid-template-columns: 1fr;
		gap: 18px;
	}

	.okb-author-box__avatar-link {
		width: 82px;
		height: 82px;
	}
}

/* Author archive */
.okb-author-archive {
	background: var(--okb-white);
	color: var(--okb-text);
	font-family: inherit;
	line-height: 1.7;
}

.okb-author-archive * {
	box-sizing: border-box;
}

.okb-author-archive__hero {
	position: relative;
	overflow: hidden;
	background: var(--okb-cream);
}

.okb-author-archive__hero::after {
	position: absolute;
	right: -110px;
	bottom: -160px;
	width: 380px;
	height: 380px;
	border: 62px solid rgba(221, 82, 88, 0.1);
	border-radius: 50%;
	content: "";
	pointer-events: none;
}

.okb-author-archive__hero-inner {
	position: relative;
	z-index: 1;
	padding-block: clamp(48px, 7vw, 92px);
}

.okb-author-archive__hero .okb-breadcrumbs {
	margin-bottom: 38px;
	justify-content: flex-start;
}

.okb-author-profile {
	display: grid;
	max-width: 920px;
	margin-inline: auto;
	grid-template-columns: 160px minmax(0, 1fr);
	gap: clamp(28px, 5vw, 58px);
	align-items: center;
}

.okb-author-profile__avatar {
	display: block;
	width: 160px;
	height: 160px;
	border: 8px solid var(--okb-white);
	border-radius: 50%;
	background: var(--okb-white);
	box-shadow: var(--okb-shadow);
	object-fit: cover;
}

.okb-author-profile h1 {
	margin: 0;
	color: var(--okb-text);
	font-family: inherit;
	font-size: clamp(40px, 5.5vw, 68px);
	font-weight: 600;
	letter-spacing: -0.04em;
	line-height: 1.08;
}

.okb-author-profile__bio {
	max-width: 720px;
	margin: 22px 0 0;
	color: var(--okb-text);
	font-size: 18px;
	line-height: 1.75;
}

.okb-author-profile__intro {
	max-width: 720px;
	margin: 12px 0 0;
	color: var(--okb-muted);
	font-size: 16px;
	line-height: 1.75;
}

.okb-author-archive__content {
	padding-block: clamp(64px, 8vw, 110px);
}

.okb-author-archive__heading {
	max-width: 700px;
	margin: 0 auto 42px;
	text-align: center;
}

.okb-author-archive__heading h2 {
	margin: 0;
	font-family: inherit;
	font-size: clamp(32px, 4vw, 48px);
	font-weight: 600;
	letter-spacing: -0.035em;
	line-height: 1.12;
}

@media (max-width: 767px) {
	.okb-author-archive__hero .okb-breadcrumbs {
		justify-content: center;
	}

	.okb-author-profile {
		grid-template-columns: 1fr;
		gap: 24px;
		text-align: center;
	}

	.okb-author-profile__avatar {
		width: 128px;
		height: 128px;
		margin-inline: auto;
	}

	.okb-author-profile__bio,
	.okb-author-profile__intro {
		margin-inline: auto;
	}
}

/* Universal archive hero (category, tag, taxonomy, date and search) */
.okb-archive-hero-copy {
	max-width: 850px;
	margin-inline: auto;
	text-align: center;
}

.okb-archive-hero-copy h1 {
	margin: 0;
	color: var(--okb-text);
	font-family: inherit;
	font-size: clamp(40px, 5.5vw, 68px);
	font-weight: 600;
	letter-spacing: -0.04em;
	line-height: 1.08;
}

.okb-archive-hero-copy__intro {
	max-width: 720px;
	margin: 22px auto 0;
	color: var(--okb-muted);
	font-size: 18px;
	line-height: 1.75;
}

.okb-archive-hero-copy__intro p {
	margin: 0;
}

.okb-universal-archive--category .okb-author-archive__hero,
.okb-universal-archive--taxonomy .okb-author-archive__hero {
	background: var(--okb-cream);
}

.okb-universal-archive--tag .okb-author-archive__hero,
.okb-universal-archive--search .okb-author-archive__hero,
.okb-universal-archive--date .okb-author-archive__hero {
	background: #fff8f6;
}