/*
Theme Name: OrchidBoy
Theme URI: 
Author: One Page Zen Systems, LLC
Author URI: 
Description: Theme for OrchidBoy.com
Requires at least: 6.7
Tested up to: 6.7
Requires PHP: 5.6
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: orchidboy
Tags: Block Editor Patterns, Block Editor Styles, Custom Colors, Custom Logo, custom-menu, Editor Style, Site Editor, One Column, Template Editing, threaded-comments, translation-ready, Wide Blocks

OrchidBoy WordPress Theme, (C) 2022 Brian Gardner.
OrchidBoy is distributed under the terms of the GNU GPL.
*/

/* Defaults
---------------------------------------------------------------------------- */

:root {
	--ob-edge-gutter: clamp(24px, 5vw, 72px);
	--ob-edge-gutter-compact: clamp(20px, 5vw, 36px);
}

html {
	box-sizing: border-box;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	scroll-behavior: smooth;
}

body {
	margin: 0;
}

*,
*::before,
*::after {
	box-sizing: inherit;
}

a,
button,
input:focus,
input[type="button"],
input[type="submit"],
textarea:focus,
.wp-block-button__link {
	transition: all 0.2s ease-in-out;
}

a,
a:focus,
a:hover {
	text-decoration: underline;
	text-decoration-thickness: 1px;
}

ol,
ul {
	margin: 0;
	padding: 0;
}

b,
strong {
	font-weight: var(--wp--custom--font-weight--semi-bold);
}

blockquote {
	margin: 0;
}

/*
 * Alignment Styles - Originally from TT2.
 * These rules are temporary, and should not
 * be relied on or modified too heavily by
 * themes or plugins that build on OrchidBoy.
 * These are meant to be a precursor to a
 * global solution provided by the Block Editor.
 *
 * Relevant issues:
 * https://github.com/WordPress/gutenberg/issues/35607
 * https://github.com/WordPress/gutenberg/issues/35884
---------------------------------------------*/

body > .is-root-container,
.edit-post-visual-editor__post-title-wrapper,
.is-root-container .has-no-background,
.wp-block-cover.alignfull,
.wp-block-group.alignfull,
.wp-block-group.has-background,
.wp-site-blocks {
	padding-left: var(--wp--custom--spacing--outer);
	padding-right: var(--wp--custom--spacing--outer);
}

.block-editor-block-list__layout.is-root-container > .alignfull,
.is-root-container > .wp-block-cover,
.is-root-container > .wp-block-group.has-background,
.is-root-container > .wp-block-template-part > .wp-block-cover,
.is-root-container > .wp-block-template-part > .wp-block-group.has-background,
.is-root-container .has-no-background,
.wp-site-blocks .alignfull,
.wp-site-blocks > .wp-block-cover,
.wp-site-blocks > .wp-block-group.has-background,
.wp-site-blocks > .wp-block-template-part > .wp-block-cover,
.wp-site-blocks > .wp-block-template-part > .wp-block-group.has-background {
	margin-left: calc(-1 * var(--wp--custom--spacing--outer)) !important;
	margin-right: calc(-1 * var(--wp--custom--spacing--outer)) !important;
	width: unset;
}

/*
 * Add background color in site editor
 * for visibility purposes.
---------------------------------------------*/

.is-root-container .has-no-background {
	background-color: var(--wp--preset--color--main);
}

/* Blocks
---------------------------------------------------------------------------- */

/* Button
--------------------------------------------- */

input[type="button"],
input[type="submit"],
.wp-block-post-comments input[type=submit],
.wp-block-search__button {
	border: 1px solid var(--wp--preset--color--main);
	border-radius: 0;
	background-color: var(--wp--preset--color--main);
	color: var(--wp--preset--color--base);
	cursor: pointer;
	font-size: var(--wp--preset--font-size--small);
	font-weight: var(--wp--custom--font-weight--medium);
	padding: 10px 25px;
	text-decoration: none;
	white-space: normal;
	width: auto;
}

input[type="button"]:focus,
input[type="button"]:hover,
input[type="submit"]:focus,
input[type="submit"]:hover,
.wp-block-button__link:focus,
.wp-block-button__link:hover,
.wp-block-search__button:focus,
.wp-block-search__button:hover {
	background-color: transparent;
	border: 1px solid var(--wp--preset--color--main);
	color: var(--wp--preset--color--main);
	text-decoration: none;
}

/* Button - Outline
--------------------------------------------- */

.wp-block-button.is-style-outline .wp-block-button__link {
	background-color: transparent;
	border: 1px solid;
	border-color: currentColor;
	color: var(--wp--preset--color--main);
	padding: 12px 30px;
}

.wp-block-button.is-style-outline .wp-block-button__link:focus,
.wp-block-button.is-style-outline .wp-block-button__link:hover {
	background-color: var(--wp--preset--color--main);
	border-color: var(--wp--preset--color--main);
	color: var(--wp--preset--color--base);
}

/* Button - Shadow Base
--------------------------------------------- */

.wp-block-button.is-style-shadow-base .wp-block-button__link {
	background-color: transparent;
	border: 1px solid;
	border-color: currentColor;
	box-shadow: 3px 3px var(--wp--preset--color--base);
	color: var(--wp--preset--color--base);
	padding: 12px 30px;
}

.wp-block-button.is-style-shadow-base .wp-block-button__link:focus,
.wp-block-button.is-style-shadow-base .wp-block-button__link:hover {
	box-shadow: 5px 5px var(--wp--preset--color--base);
}

/* Button - Shadow Main
--------------------------------------------- */

.wp-block-button.is-style-shadow-main .wp-block-button__link {
	background-color: transparent;
	border: 1px solid;
	border-color: currentColor;
	box-shadow: 3px 3px var(--wp--preset--color--main);
	color: var(--wp--preset--color--main);
	padding: 12px 30px;
}

.wp-block-button.is-style-shadow-main .wp-block-button__link:focus,
.wp-block-button.is-style-shadow-main .wp-block-button__link:hover {
	box-shadow: 5px 5px var(--wp--preset--color--main);
}

/* Calendar
--------------------------------------------- */

.wp-block-calendar table caption,
.wp-block-calendar table tbody {
	color: var(--wp--preset--color--main);
}

.wp-block-calendar table th {
	background-color: var(--wp--preset--color--main);
	color: var(--wp--preset--color--base);
}

.wp-block-calendar tbody td,
.wp-block-calendar th {
	border: 1px solid var(--wp--preset--color--main);
	padding: 10px;
}

/* Caption
--------------------------------------------- */

.wp-block-embed figcaption,
.wp-block-gallery figcaption,
.wp-block-image figcaption,
.wp-block-table figcaption {
	color: var(--wp--preset--color--main);
	font-size: var(--wp--preset--font-size--small);
	margin-bottom: 0;
	margin-top: 10px;
	text-align: center;
}

.wp-block-gallery figcaption {
	margin-top: 0;
}

/* Code
--------------------------------------------- */

.wp-block-code {
	border-color: var(--wp--preset--color--main);
}

.wp-block-code code {
	overflow-wrap: normal;
	overflow-x: scroll;
	tab-size: 4;
	white-space: pre !important;
}

*:not(.wp-block-code) > code,
kbd {
	background-color: var(--wp--preset--color--main);
	color: var(--wp--preset--color--base);
	font-size: var(--wp--preset--font-size--small);
	padding: 5px 8px;
	position: relative;
	top: -1px;
}

/*
 * When inline code is selected, the Editor applies contextual styling. Since
 * our code color is near white, we need to reset to the default text color.
 */
.rich-text:focus > code[data-rich-text-format-boundary],
.rich-text:focus > kbd[data-rich-text-format-boundary] {
	color: currentColor;
}

/* Comments
--------------------------------------------- */

.page-template-page-wide .wp-block-comments-query-loop {
	margin-top: 0 !important;
}

.wp-block-comment-template li {
	margin-left: 0;
}

.wp-block-post-comments-form input:not([type=submit]),
.wp-block-post-comments-form textarea {
	border-color: var(--wp--preset--color--main);
}

.wp-block-post-comments-form input[type=submit] {
	border: 1px solid var(--wp--preset--color--main);
}

.wp-block-post-comments-form .form-submit {
	margin-bottom: 0;
}

/* Cover
--------------------------------------------- */

.no-featured-image .wp-block-cover .wp-block-cover__background {
	opacity: 1;
}

/* Group
--------------------------------------------- */

.wp-block-group.is-style-full-height {
	align-items: center;
	display: grid;
	min-height: 100vh;
}

.wp-block-group.is-style-shadow {
	box-shadow: 0 0 50px rgb(0 0 0 / 10%);
}

.wp-block-group.is-style-shadow-solid {
	box-shadow: 3px 3px var(--wp--preset--color--main);
}

/* Heading
--------------------------------------------- */

h1.is-style-gradient,
h2.is-style-gradient,
h3.is-style-gradient,
h4.is-style-gradient {
	background: var(--wp--preset--gradient--primary-secondary-tertiary);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

h1.is-style-gradient-primary-secondary,
h2.is-style-gradient-primary-secondary,
h3.is-style-gradient-primary-secondary,
h4.is-style-gradient-primary-secondary {
	background: var(--wp--preset--gradient--primary-secondary);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

h1.is-style-gradient-secondary-tertiary,
h2.is-style-gradient-secondary-tertiary,
h3.is-style-gradient-secondary-tertiary,
h4.is-style-gradient-secondary-tertiary {
	background: var(--wp--preset--gradient--secondary-tertiary);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

h1.is-style-gradient-tertiary-primary,
h2.is-style-gradient-tertiary-primary,
h3.is-style-gradient-tertiary-primary,
h4.is-style-gradient-tertiary-primary {
	background: var(--wp--preset--gradient--tertiary-primary);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

/* Image
--------------------------------------------- */

.wp-block-image.aligncenter {
	margin-left: auto !important;
	margin-right: auto !important;
}

.wp-block-image.alignleft {
	margin-right: 30px !important;
}

.wp-block-image.alignright {
	margin-left: 30px !important;
}

.wp-block-image.is-style-shadow {
	box-shadow: 0 0 50px rgb(0 0 0 / 10%);
}

.wp-block-image.is-style-shadow-solid {
	border: 1px solid var(--wp--preset--color--main);
	box-shadow: 5px 5px var(--wp--preset--color--main);
}

/* List
--------------------------------------------- */

ol li:where(:not([class*='block'])),
ol li:where(.wp-block-list),
ul li:where(:not([class*='block'])),
ul li:where(.wp-block-list) {
	margin-left: 30px;
}

.is-style-no-disc li {
	list-style-type: none;
	margin-left: 0;
}

/* Navigation
--------------------------------------------- */

.wp-block-navigation__responsive-container.is-menu-open {
	background-color: var(--wp--preset--color--main) !important;
	color: var(--wp--preset--color--base) !important;
	padding: 35px var(--wp--custom--spacing--outer);
}

.wp-block-navigation__responsive-container.is-menu-open:before {
	background-color: #ff00ff;
	height: 100px;
}

.wp-block-navigation__responsive-container-close,
.wp-block-navigation__responsive-container-open {
	border: 1px solid var(--wp--preset--color--base);
	padding: 2px;
}

.wp-block-navigation:not([style*=text-decoration]) a,
.wp-block-navigation:not([style*=text-decoration]) a:focus,
.wp-block-navigation:not([style*=text-decoration]) a:hover {
	text-decoration: none;
}

/* Navigation Submenu
--------------------------------------------- */

.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container {
	background-color: var(--wp--preset--color--main);
	border: 1px solid var(--wp--preset--color--base);
	color: var(--wp--preset--color--base);
	min-width: 180px !important;
	padding: 10px;
}

.wp-block-navigation :where(.wp-block-navigation__submenu-container) a {
	padding: 2px 10px !important;
}

.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__submenu-container {
	box-shadow: 3px 3px var(--wp--preset--color--base);
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container {
	gap: 10px;
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container {
	padding-top: 0;
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation__submenu-container {
	padding-left: 0;
	padding-right: 0;
}

.ob-publication-nav .wp-block-navigation-submenu__toggle {
	color: currentColor;
}

/* Paragraph
--------------------------------------------- */

p.has-background {
	padding: 20px 30px;
}

/* Post Excerpt
--------------------------------------------- */

.wp-block-post-excerpt__excerpt {
	margin-bottom: 10px;
}

/* Preformatted
--------------------------------------------- */

.wp-block-preformatted {
	overflow-wrap: normal;
	overflow-x: scroll;
	white-space: pre;
}

/* Pullquote
--------------------------------------------- */

.wp-block-pullquote p,
.wp-block-pullquote.alignleft p,
.wp-block-pullquote.alignright p {
	font-size: var(--wp--preset--font-size--large);
	line-height: var(--wp--custom--line-height--medium);
	margin-bottom: 0;
}

.wp-block-pullquote cite {
	display: block;
	font-size: var(--wp--preset--font-size--small);
	font-style: inherit;
	margin-top: 10px;
	text-transform: inherit;
}

/* Quote
--------------------------------------------- */

.wp-block-quote {
	box-shadow: 5px 5px var(--wp--preset--color--main);
}

.wp-block-quote p:last-of-type {
	margin-bottom: 0;
}

.wp-block-quote cite {
	display: block;
	font-size: var(--wp--preset--font-size--small);
	font-style: inherit;
	margin-top: 10px;
	text-align: inherit;
}

.wp-block-quote.is-style-underline,
.wp-block-quote.is-style-underline-primary-secondary,
.wp-block-quote.is-style-underline-secondary-tertiary,
.wp-block-quote.is-style-underline-tertiary-primary {
	border: none !important;
	box-shadow: none;
	padding: 0 !important;
}

.wp-block-quote.is-style-underline p {
	background: var(--wp--preset--gradient--primary-secondary-tertiary);
}

.wp-block-quote.is-style-underline-primary-secondary p {
	background: var(--wp--preset--gradient--primary-secondary);
}

.wp-block-quote.is-style-underline-secondary-tertiary p {
	background: var(--wp--preset--gradient--secondary-tertiary);
}

.wp-block-quote.is-style-underline-tertiary-primary p {
	background: var(--wp--preset--gradient--tertiary-primary);
}

.wp-block-quote.is-style-underline p,
.wp-block-quote.is-style-underline-primary-secondary p,
.wp-block-quote.is-style-underline-secondary-tertiary p,
.wp-block-quote.is-style-underline-tertiary-primary p {
	background-position: 0 85%;
	background-repeat: repeat-x;
	background-size: 100% 10px;
	font-size: var(--wp--preset--font-size--max-48);
	font-weight: var(--wp--custom--font-weight--medium);
	line-height: var(--wp--custom--line-height--one);
	display: inline;
}

/* Separator
--------------------------------------------- */

.wp-block-separator,
.wp-block-separator.has-css-opacity {
	opacity: 1;
}

.wp-block-separator:not(.is-style-dots),
.wp-block-separator.has-background:not(.is-style-dots) {
	border-bottom: 1px solid currentColor;
	height: 1px;
}

.wp-block-separator.is-style-dots:before {
	font-family: inherit;
	font-size: var(--wp--preset--font-size--large);
	letter-spacing: 10px;
	padding-left: 10px;
}

/* Site Title
--------------------------------------------- */

.wp-block-site-title a {
	text-decoration: none;
}

/* Social Icons
--------------------------------------------- */

.wp-block-social-links.is-style-border-base .wp-block-social-link {
	border: 1px solid var(--wp--preset--color--base);
}

.wp-block-social-links.is-style-border-main .wp-block-social-link {
	border: 1px solid var(--wp--preset--color--main);
}

/* Table
--------------------------------------------- */

.wp-block-table.is-style-stripes {
	border-bottom: none;
}

.wp-block-table table {
	border-collapse: collapse;
}

.wp-block-table thead {
	border-bottom: 3px solid var(--wp--preset--color--main);
}

.wp-block-table tfoot {
	border-top: 3px solid var(--wp--preset--color--main);
}

.wp-block-table td,
.wp-block-table th,
.wp-block-table tr,
.wp-block-table.is-style-stripes td,
.wp-block-table.is-style-stripes th,
.wp-block-table.is-style-stripes tr {
	border: 1px solid var(--wp--preset--color--main);
}

.wp-block-table th {
	font-weight: var(--wp--custom--font-weight--medium);
}

.wp-block-table td,
.wp-block-table th {
	padding: 5px;
}

.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
	background-color: #eee;
}

/* Term Description
--------------------------------------------- */

.wp-block-term-description {
	margin-top: 10px !important;
	margin-bottom: 60px !important;
}

/* Custom
---------------------------------------------------------------------------- */

/* Forms
--------------------------------------------- */

input,
select,
textarea,
.wp-block-search__input {
	background-color: var(--wp--preset--color--base);
	border: 1px solid var(--wp--preset--color--control-boundary);
	border-radius: 0;
	color: var(--wp--preset--color--ink);
	font-family: var(--wp--preset--font-family--primary);
	font-size: var(--wp--preset--font-size--medium);
	font-weight: var(--wp--custom--font-weight--regular);
	line-height: var(--wp--custom--line-height--body);
	padding: 10px 20px;
	width: 100%;
}

input[type="checkbox"],
input[type="image"],
input[type="radio"] {
	width: auto;
}

input[type="button"],
input[type="email"],
input[type="search"],
input[type="submit"],
input[type="text"],
textarea {
	-webkit-appearance: none;
}

::placeholder {
	color: var(--wp--preset--color--muted);
	font-size: var(--wp--preset--font-size--small);
	opacity: 0.6;
}

.nf-field-container {
	margin-bottom: 10px;
}

/* Experimental Styles
--------------------------------------------- */

/*
 * Remove bottom margin when blocks are placed in container blocks that do not
 * support blockGap (i.e. Column, Cover, Media & Text)
 */
h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child,
p:last-child,
.wp-block-image:last-child {
	margin-bottom: 0;
}

.is-root-container h1 + *,
.is-root-container h2 + *,
.is-root-container h3 + *,
.is-root-container h4 + *,
.is-root-container h5 + *,
.is-root-container h6 + *,
.wp-block-post-content h1 + *,
.wp-block-post-content h2 + *,
.wp-block-post-content h3 + *,
.wp-block-post-content h4 + *,
.wp-block-post-content h5 + *,
.wp-block-post-content h6 + *,
.wp-block-query-title + * {
	margin-top: 10px;
}

.wp-block-spacer + * {
	margin-top: 0 !important;
}

/* Media Queries
---------------------------------------------------------------------------- */

@media only screen and (min-width: 800px) {

	/* Navigation Link
	--------------------------------------------- */

	.wp-block-navigation-item.is-style-outline a {
		padding: 5px 20px;
	}

	.wp-block-navigation-item.is-style-outline a {
		border: 1px solid var(--wp--preset--color--base);
		box-shadow: 3px 3px var(--wp--preset--color--base);
	}

	.wp-block-navigation-item.is-style-outline a:focus,
	.wp-block-navigation-item.is-style-outline a:hover {
		box-shadow: 5px 5px var(--wp--preset--color--base);
	}

	/* Pullquote
	--------------------------------------------- */

	.wp-block-pullquote.alignleft,
	.wp-block-pullquote.alignright {
		max-width: 300px;
	}

	.wp-block-pullquote.alignleft {
		float: left;
		margin-right: 30px !important;
	}

	.wp-block-pullquote.alignright {
		float: right;
		margin-left: 30px !important;
	}

}

/* Blog Archive
---------------------------------------------------------------------------- */

.ob-blog {
	--ob-blog-purple: var(--wp--preset--color--forest);
	--ob-blog-ink: var(--wp--preset--color--ink);
	--ob-blog-muted: var(--wp--preset--color--muted);
	--ob-blog-border: rgba(28, 80, 58, 0.18);
	--ob-blog-border-strong: rgba(28, 80, 58, 0.36);
	--ob-blog-soft: rgba(28, 80, 58, 0.07);
	--ob-blog-accent: var(--wp--preset--color--accent-dark);
	--ob-blog-shadow: rgba(28, 80, 58, 0.08);
	--ob-blog-shadow-strong: rgba(28, 80, 58, 0.14);
}

.ob-blog__header {
	margin-left: auto;
	margin-right: auto;
	max-width: 760px;
	text-align: center;
}

.ob-blog .ob-blog__title {
	color: var(--ob-blog-purple);
	font-size: clamp(2rem, 5vw, 3rem);
	font-weight: var(--wp--custom--font-weight--bold);
	letter-spacing: 0;
	line-height: 1.08;
	margin: 0;
}

.ob-blog__intro,
.ob-blog__description {
	color: var(--ob-blog-muted);
	font-size: var(--wp--preset--font-size--medium);
	line-height: var(--wp--custom--line-height--medium);
	margin: 16px auto 0;
	max-width: 620px;
}

.ob-blog__description:empty {
	display: none;
}

.ob-blog__query {
	margin-top: clamp(34px, 5vw, 58px);
}

.ob-search-page {
	background: var(--wp--preset--color--base);
}

.ob-search .ob-blog__intro {
	max-width: 680px;
}

.ob-search__empty {
	background: var(--wp--preset--color--base);
	border: 1px solid var(--ob-blog-border);
	border-radius: 8px;
	box-shadow: 0 12px 28px var(--ob-blog-shadow);
	color: var(--ob-blog-muted);
	margin: 0 auto;
	max-width: 760px;
	padding: clamp(24px, 4vw, 38px);
	text-align: center;
}

.ob-search__empty > * {
	margin-block-start: 0;
}

.ob-search__empty-title {
	color: var(--ob-blog-purple);
	font-size: clamp(1.5rem, 3vw, 2rem);
	font-weight: var(--wp--custom--font-weight--bold);
	letter-spacing: 0;
	line-height: 1.15;
	margin: 0;
}

.ob-search__empty-copy {
	color: var(--ob-blog-muted);
	font-size: var(--wp--preset--font-size--medium);
	line-height: var(--wp--custom--line-height--medium);
	margin: 12px auto 0;
	max-width: 36rem;
}

.ob-search__empty-form {
	margin: clamp(22px, 3vw, 30px) auto 0;
	max-width: 560px;
}

.ob-search__empty-form .wp-block-search__inside-wrapper {
	display: flex;
	gap: 10px;
}

.ob-search__empty-form .wp-block-search__input {
	flex: 1 1 auto;
	min-width: 0;
}

.ob-search__empty-form .wp-block-search__button {
	flex: 0 0 auto;
}

.ob-search__empty .wp-block-buttons {
	margin-top: clamp(20px, 3vw, 28px);
}

.ob-search__empty-form .wp-block-search__button,
.ob-search__empty .wp-block-button:not(.is-style-outline) .wp-block-button__link {
	background: var(--wp--preset--color--forest);
	border: 1px solid var(--wp--preset--color--forest);
	border-radius: 999px;
	color: var(--wp--preset--color--white);
}

.ob-search__empty-form .wp-block-search__button:focus,
.ob-search__empty-form .wp-block-search__button:hover,
.ob-search__empty .wp-block-button:not(.is-style-outline) .wp-block-button__link:focus,
.ob-search__empty .wp-block-button:not(.is-style-outline) .wp-block-button__link:hover {
	background: var(--wp--preset--color--accent-dark);
	border-color: var(--wp--preset--color--accent-dark);
	color: var(--wp--preset--color--white);
}

.ob-search__empty .wp-block-button.is-style-outline .wp-block-button__link {
	background: var(--wp--preset--color--white);
	border-color: var(--wp--preset--color--forest);
	border-radius: 999px;
	color: var(--wp--preset--color--forest);
}

.ob-search__empty .wp-block-button.is-style-outline .wp-block-button__link:focus,
.ob-search__empty .wp-block-button.is-style-outline .wp-block-button__link:hover {
	background: var(--wp--preset--color--parchment);
	color: var(--wp--preset--color--forest);
}

.ob-publication-latest {
	background: var(--wp--preset--color--white);
	border-top: 1px solid var(--wp--preset--color--tan);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72);
	margin-block-start: 0;
	padding: clamp(54px, 7vw, 88px) var(--wp--custom--spacing--outer);
}

.ob-publication-latest__inner {
	margin-inline: auto;
	max-width: 1180px;
	width: 100%;
}

.ob-publication-latest .ob-blog__header {
	margin-left: 0;
	margin-right: 0;
	max-width: 720px;
	text-align: left;
}

.ob-publication-latest .ob-publication__eyebrow {
	color: var(--wp--preset--color--accent-dark);
}

.ob-publication-latest .ob-blog__title {
	color: var(--wp--preset--color--ink);
	font-size: clamp(1.9rem, 4vw, 2.6rem);
}

.ob-publication-latest .ob-blog__intro {
	color: var(--wp--preset--color--muted);
	margin-left: 0;
	margin-right: 0;
}

.ob-publication-latest .ob-blog__grid {
	grid-auto-rows: 1fr;
}

.ob-publication-latest__empty {
	margin-top: clamp(28px, 4vw, 42px);
}

.ob-publication-latest .ob-post-card--publication-mineral-microbe {
	border-left: 4px solid var(--wp--preset--color--forest);
}

.ob-publication-latest .ob-post-card--publication-mineral-microbe:focus-within,
.ob-publication-latest .ob-post-card--publication-mineral-microbe:hover {
	border-left-color: var(--ob-blog-border-strong);
}

.ob-blog .ob-blog__grid {
	display: grid !important;
	gap: clamp(20px, 2.5vw, 32px);
	grid-template-columns: repeat(3, minmax(0, 1fr));
	list-style: none;
	margin: 0;
	padding: 0;
}

.ob-blog .ob-blog__grid > li {
	display: flex;
	margin: 0;
	min-width: 0;
}

.ob-post-card {
	background: var(--wp--preset--color--base);
	border: 1px solid var(--ob-blog-border);
	border-radius: 8px;
	box-shadow: 0 12px 28px var(--ob-blog-shadow);
	display: flex;
	flex-direction: column;
	height: 100%;
	min-width: 0;
	overflow: hidden;
	transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, transform 0.2s ease-in-out;
	width: 100%;
}

.ob-blog .ob-blog__grid > li:focus-within .ob-post-card,
.ob-blog .ob-blog__grid > li:hover .ob-post-card {
	border-color: var(--ob-blog-border-strong);
	box-shadow: 0 18px 36px var(--ob-blog-shadow-strong);
	transform: translateY(-2px);
}

.ob-post-card__media {
	aspect-ratio: 3 / 2;
	background: var(--ob-blog-soft);
	border-bottom: 1px solid var(--ob-blog-border);
	flex: 0 0 auto;
	margin: 0;
	overflow: hidden;
	position: relative;
	width: 100%;
}

.ob-post-card__image-link {
	color: inherit;
	display: block;
	height: 100%;
	text-decoration: none;
	width: 100%;
}

.ob-post-card__image-link:focus,
.ob-post-card__image-link:hover {
	text-decoration: none;
}

.ob-post-card__image {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	display: block;
	height: 100%;
	margin: 0;
	transition: transform 0.2s ease-in-out;
	width: 100%;
}

.ob-blog .ob-blog__grid > li:focus-within .ob-post-card__image,
.ob-blog .ob-blog__grid > li:hover .ob-post-card__image {
	transform: scale(1.035);
}

.ob-post-card__placeholder {
	align-items: center;
	background:
		radial-gradient(circle at 82% 18%, rgba(255, 134, 93, 0.46), transparent 28%),
		radial-gradient(circle at 12% 88%, rgba(249, 248, 113, 0.28), transparent 30%),
		linear-gradient(135deg, #663399 0%, #4d2478 100%);
	color: var(--wp--preset--color--base);
	display: flex;
	flex-direction: column;
	height: 100%;
	justify-content: center;
	min-height: 100%;
	text-align: center;
	width: 100%;
}

.ob-post-card__placeholder-mark {
	font-size: clamp(3.75rem, 9vw, 6.5rem);
	font-weight: var(--wp--custom--font-weight--extra-bold);
	letter-spacing: 0;
	line-height: 0.82;
}

.ob-post-card__placeholder-text {
	font-size: 0.78rem;
	font-weight: var(--wp--custom--font-weight--bold);
	letter-spacing: 0.14em;
	line-height: 1;
	margin-top: 12px;
	text-transform: uppercase;
}

.ob-post-card__pill {
	background: rgba(102, 51, 153, 0.94);
	border: 1px solid rgba(255, 255, 255, 0.55);
	border-radius: 999px;
	color: var(--wp--preset--color--base);
	display: inline-block;
	font-size: 0.72rem;
	font-weight: var(--wp--custom--font-weight--bold);
	left: 14px;
	letter-spacing: 0.08em;
	line-height: 1;
	max-width: calc(100% - 28px);
	overflow: hidden;
	padding: 7px 10px;
	position: absolute;
	text-overflow: ellipsis;
	text-transform: uppercase;
	top: 14px;
	white-space: nowrap;
	z-index: 2;
}

.ob-post-card__body {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	gap: 12px;
	margin: 0;
	padding: clamp(20px, 2.5vw, 26px);
	width: 100%;
}

.ob-post-card__body > * {
	margin-block-start: 0 !important;
}

.ob-post-card__meta {
	align-items: center;
	color: var(--ob-blog-muted);
	column-gap: 8px;
	display: flex;
	flex-wrap: wrap;
	font-size: 0.88rem !important;
	line-height: 1.35;
	margin: 0;
	row-gap: 5px;
}

.ob-post-card__meta *,
.ob-post-card__meta .wp-block-post-date {
	font-size: inherit !important;
	line-height: inherit;
	margin: 0;
}

.ob-post-card__meta-separator {
	color: rgba(102, 51, 153, 0.32);
}

.ob-post-card__category {
	color: var(--ob-blog-purple);
	font-weight: var(--wp--custom--font-weight--semi-bold);
}

.ob-post-card__title {
	font-size: clamp(1.35rem, 2.1vw, 1.65rem) !important;
	font-weight: var(--wp--custom--font-weight--bold);
	line-height: 1.15 !important;
	margin: 0 !important;
}

.ob-post-card__title a {
	color: var(--ob-blog-ink);
	text-decoration: none;
}

.ob-post-card__title a:focus,
.ob-post-card__title a:hover {
	color: var(--ob-blog-purple);
	text-decoration: none;
}

.ob-post-card__excerpt {
	color: var(--ob-blog-muted);
	font-size: var(--wp--preset--font-size--small);
	line-height: 1.55;
	margin: 0;
}

.ob-post-card__excerpt .wp-block-post-excerpt__excerpt {
	display: -webkit-box;
	margin: 0;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	line-clamp: 3;
}

.ob-post-card__read-more {
	align-items: center;
	color: var(--ob-blog-purple);
	display: inline-flex;
	font-size: var(--wp--preset--font-size--small);
	font-weight: var(--wp--custom--font-weight--bold);
	gap: 7px;
	line-height: 1.2;
	margin-top: auto;
	text-decoration: none;
	width: fit-content;
}

.ob-post-card__read-more span:first-child {
	text-decoration: underline;
	text-decoration-color: transparent;
	text-decoration-thickness: 1px;
	text-underline-offset: 4px;
	transition: text-decoration-color 0.2s ease-in-out;
}

.ob-post-card__read-more span[aria-hidden="true"] {
	display: inline-block;
	transition: transform 0.2s ease-in-out;
}

.ob-post-card__read-more:focus,
.ob-post-card__read-more:hover {
	color: var(--ob-blog-purple);
	text-decoration: none;
}

.ob-post-card__read-more:focus span:first-child,
.ob-post-card__read-more:hover span:first-child {
	text-decoration-color: currentColor;
}

.ob-post-card__read-more:focus span[aria-hidden="true"],
.ob-post-card__read-more:hover span[aria-hidden="true"] {
	transform: translateX(3px);
}

.ob-post-card__image-link:focus-visible,
.ob-post-card__title a:focus-visible,
.ob-post-card__read-more:focus-visible {
	outline: 2px solid var(--ob-blog-accent);
	outline-offset: 3px;
}

.ob-post-card:focus-within,
.ob-post-card:hover {
	border-color: var(--ob-blog-border-strong);
	box-shadow: 0 18px 36px var(--ob-blog-shadow-strong);
	transform: translateY(-2px);
}

.ob-post-card:focus-within .ob-post-card__image,
.ob-post-card:hover .ob-post-card__image {
	transform: scale(1.035);
}

.ob-post-card--publication-mineral-microbe {
	--ob-mm-forest: var(--wp--preset--color--forest);
	--ob-mm-terracotta: var(--wp--preset--color--accent-dark);
	--ob-mm-ink: var(--wp--preset--color--ink);
	--ob-mm-muted: var(--wp--preset--color--muted);
	--ob-blog-purple: var(--ob-mm-forest);
	--ob-blog-ink: var(--ob-mm-ink);
	--ob-blog-muted: var(--ob-mm-muted);
	--ob-blog-border: rgba(28, 80, 58, 0.18);
	--ob-blog-border-strong: rgba(28, 80, 58, 0.36);
	--ob-blog-soft: rgba(28, 80, 58, 0.07);
	--ob-blog-accent: var(--ob-mm-terracotta);
	--ob-blog-shadow: rgba(28, 80, 58, 0.08);
	--ob-blog-shadow-strong: rgba(28, 80, 58, 0.14);
}

.ob-blog__pagination {
	align-items: center;
	gap: 10px;
	margin-top: clamp(34px, 5vw, 58px);
}

.ob-blog__pagination .page-numbers,
.ob-blog__pagination .wp-block-query-pagination-previous,
.ob-blog__pagination .wp-block-query-pagination-next {
	align-items: center;
	background: var(--wp--preset--color--base);
	border: 1px solid var(--ob-blog-border);
	border-radius: 999px;
	color: var(--ob-blog-purple);
	display: inline-flex;
	font-size: var(--wp--preset--font-size--small);
	font-weight: var(--wp--custom--font-weight--semi-bold);
	justify-content: center;
	line-height: 1;
	min-height: 42px;
	min-width: 42px;
	padding: 12px 15px;
	text-decoration: none;
}

.ob-blog__pagination .page-numbers.current,
.ob-blog__pagination a:focus,
.ob-blog__pagination a:hover {
	background: var(--ob-blog-purple);
	border-color: var(--ob-blog-purple);
	color: var(--wp--preset--color--base);
	text-decoration: none;
}

@media only screen and (max-width: 1024px) {
	.ob-blog .ob-blog__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media only screen and (max-width: 700px) {
	.ob-blog .ob-blog__title {
		font-size: clamp(2rem, 10vw, 3rem);
	}

	.ob-blog__intro,
	.ob-blog__description {
		font-size: var(--wp--preset--font-size--small);
	}

	.ob-blog .ob-blog__grid {
		grid-template-columns: 1fr;
	}

	.ob-post-card__body {
		padding: 20px;
	}

	.ob-search__empty-form .wp-block-search__inside-wrapper {
		flex-direction: column;
	}

	.ob-search__empty-form .wp-block-search__button {
		width: 100%;
	}

	.ob-blog__pagination {
		justify-content: flex-start;
	}
}

/* Publications
---------------------------------------------------------------------------- */

.ob-publication {
	--ob-mm-forest: var(--wp--preset--color--forest);
	--ob-mm-terracotta: var(--wp--preset--color--accent-dark);
	--ob-mm-parchment: var(--wp--preset--color--parchment);
	--ob-mm-tan: var(--wp--preset--color--tan);
	--ob-mm-ink: var(--wp--preset--color--ink);
	--ob-mm-muted: var(--wp--preset--color--muted);
	--ob-blog-purple: var(--wp--preset--color--forest);
	--ob-blog-ink: var(--wp--preset--color--ink);
	--ob-blog-muted: var(--wp--preset--color--muted);
	--ob-blog-border: rgba(28, 80, 58, 0.18);
	--ob-blog-border-strong: rgba(28, 80, 58, 0.36);
	--ob-blog-soft: rgba(28, 80, 58, 0.07);
	--ob-blog-accent: var(--wp--preset--color--accent-dark);
	--ob-blog-shadow: rgba(28, 80, 58, 0.08);
	--ob-blog-shadow-strong: rgba(28, 80, 58, 0.14);
	color: var(--ob-mm-ink);
}

.ob-mm,
.ob-publication-mineral-microbe {
	--ob-mm-forest: var(--wp--preset--color--forest);
	--ob-mm-terracotta: var(--wp--preset--color--accent-dark);
	--ob-mm-parchment: var(--wp--preset--color--parchment);
	--ob-mm-tan: var(--wp--preset--color--tan);
	--ob-mm-ink: var(--wp--preset--color--ink);
	--ob-mm-muted: var(--wp--preset--color--muted);
	--ob-blog-purple: var(--ob-mm-forest);
	--ob-blog-ink: var(--ob-mm-ink);
	--ob-blog-muted: var(--ob-mm-muted);
	--ob-blog-border: rgba(28, 80, 58, 0.18);
	--ob-blog-border-strong: rgba(28, 80, 58, 0.36);
	--ob-blog-soft: rgba(28, 80, 58, 0.07);
	--ob-blog-accent: var(--ob-mm-terracotta);
	--ob-blog-shadow: rgba(28, 80, 58, 0.08);
	--ob-blog-shadow-strong: rgba(28, 80, 58, 0.14);
	color: var(--ob-mm-ink);
}

.ob-mm-page {
	position: relative;
}

.ob-publication__header,
.ob-mm__hero,
.ob-publication__section,
.ob-mm__tracks,
.ob-mm__featured,
.ob-mm__archive {
	margin-inline: auto;
	max-width: 1180px;
	width: 100%;
}

.ob-publication__header {
	background: var(--ob-mm-parchment);
	border: 1px solid var(--ob-mm-tan);
	border-radius: 8px;
	padding: clamp(32px, 6vw, 64px);
	text-align: center;
}

.ob-publication__eyebrow {
	color: var(--ob-mm-terracotta);
	font-size: 1.05rem;
	font-weight: var(--wp--custom--font-weight--bold);
	letter-spacing: 0.12em;
	line-height: 1.2;
	margin: 0 0 10px;
	text-transform: uppercase;
}

.ob-publication__title,
.ob-mm__title {
	color: var(--ob-mm-ink);
	font-size: clamp(2.25rem, 5vw, 3.35rem);
	font-weight: var(--wp--custom--font-weight--bold);
	letter-spacing: 0;
	line-height: 1.05;
	margin: 0;
}

.ob-publication__intro,
.ob-mm__intro {
	color: var(--ob-mm-muted);
	font-size: var(--wp--preset--font-size--medium);
	line-height: var(--wp--custom--line-height--medium);
	margin: 18px auto 0;
	max-width: 760px;
}

.ob-publication__section {
	background: linear-gradient(180deg, rgba(250, 247, 242, 0.75), rgba(255, 255, 255, 0.96));
	border: 1px solid var(--ob-mm-tan);
	border-radius: 8px;
	box-shadow: 0 18px 42px rgba(44, 44, 42, 0.06);
	display: grid;
	gap: clamp(26px, 4vw, 46px);
	grid-template-columns: minmax(260px, 0.72fr) minmax(0, 1.6fr);
	margin-top: clamp(30px, 5vw, 58px);
	padding: clamp(24px, 4vw, 42px);
}

.ob-publication-mineral-microbe {
	background: var(--ob-mm-parchment);
}

.ob-publication__section-copy {
	align-self: start;
	display: flex;
	flex-direction: column;
	gap: 0;
	min-width: 0;
}

.ob-publication__brand {
	background: var(--wp--preset--color--white);
	border: 1px solid var(--ob-mm-tan);
	border-radius: 8px;
	padding: 16px;
	width: min(100%, 300px);
}

.ob-publication__brand-image,
.ob-mm__logo {
	display: block;
	height: auto;
	width: 100%;
}

.ob-publication__brand + .ob-publication__eyebrow {
	margin-top: clamp(22px, 3vw, 30px);
}

.ob-publication__section-copy .ob-publication__eyebrow {
	margin-bottom: 8px;
}

.ob-publication__section-title,
.ob-mm__section-heading h2 {
	color: var(--ob-mm-ink);
	font-size: clamp(1.75rem, 4vw, 2.25rem);
	font-weight: var(--wp--custom--font-weight--bold);
	letter-spacing: 0;
	line-height: 1.1;
	margin: 0;
}

.ob-publication__section-description {
	color: var(--ob-mm-muted);
	font-size: var(--wp--preset--font-size--medium);
	line-height: var(--wp--custom--line-height--medium);
	margin: 0;
	max-width: 34rem;
}

.ob-publication__section-title + .ob-publication__section-description {
	margin-top: 12px;
}

.ob-publication__cta {
	align-items: center;
	background: var(--ob-mm-forest);
	border: 1px solid var(--ob-mm-forest);
	border-radius: 999px;
	color: var(--wp--preset--color--white);
	display: inline-flex;
	font-size: var(--wp--preset--font-size--small);
	font-weight: var(--wp--custom--font-weight--bold);
	gap: 9px;
	justify-content: center;
	line-height: 1.2;
	margin-top: 4px;
	min-height: 44px;
	padding: 11px 20px;
	text-decoration: none;
	white-space: nowrap;
	width: fit-content;
}

.ob-publication__section-description + .ob-publication__cta {
	margin-top: clamp(20px, 3vw, 28px);
}

.ob-publication__cta:focus,
.ob-publication__cta:hover {
	background: var(--wp--preset--color--accent-dark);
	border-color: var(--wp--preset--color--accent-dark);
	color: var(--wp--preset--color--white);
	text-decoration: none;
}

.ob-publication__posts {
	align-items: stretch;
	display: grid;
	gap: clamp(18px, 2vw, 26px);
	grid-auto-rows: 1fr;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	min-width: 0;
}

.ob-post-card--publication-mineral-microbe .ob-post-card__media {
	background: var(--ob-blog-soft);
	border-color: var(--ob-blog-border);
}

.ob-post-card--publication-mineral-microbe .ob-post-card__placeholder {
	background:
		radial-gradient(circle at 82% 18%, rgba(176, 106, 58, 0.42), transparent 30%),
		radial-gradient(circle at 14% 90%, rgba(232, 226, 213, 0.46), transparent 32%),
		linear-gradient(135deg, #1c503a 0%, #2c2c2a 100%);
	color: var(--wp--preset--color--white);
}

.ob-post-card--publication-mineral-microbe .ob-post-card__pill {
	background: rgba(28, 80, 58, 0.94);
}

.ob-post-card--publication-mineral-microbe .ob-post-card__meta-separator {
	color: rgba(176, 106, 58, 0.45);
}

.ob-post-card--publication-mineral-microbe .ob-post-card__category,
.ob-post-card--publication-mineral-microbe .ob-post-card__read-more,
.ob-post-card--publication-mineral-microbe .ob-post-card__title a:focus,
.ob-post-card--publication-mineral-microbe .ob-post-card__title a:hover {
	color: var(--ob-mm-forest);
}

.ob-post-card--publication-mineral-microbe .ob-post-card__read-more:focus,
.ob-post-card--publication-mineral-microbe .ob-post-card__read-more:hover {
	color: var(--ob-mm-forest);
}

.ob-post-card--featured .ob-post-card__title {
	font-size: clamp(1.55rem, 2.6vw, 2.1rem) !important;
}

.ob-post-card--compact .ob-post-card__media {
	aspect-ratio: 16 / 9;
}

.ob-post-card--compact .ob-post-card__body {
	gap: 10px;
	padding: 18px;
}

.ob-post-card--compact .ob-post-card__title {
	font-size: clamp(1.15rem, 2vw, 1.35rem) !important;
}

.ob-post-card--compact .ob-post-card__excerpt .wp-block-post-excerpt__excerpt {
	-webkit-line-clamp: 2;
	line-clamp: 2;
}

.ob-publication__empty {
	align-items: center;
	background: rgba(250, 247, 242, 0.72);
	border: 1px dashed var(--ob-mm-tan);
	border-radius: 8px;
	color: var(--ob-mm-muted);
	display: flex;
	line-height: var(--wp--custom--line-height--medium);
	min-height: 180px;
	padding: 24px;
}

.ob-publication__empty p {
	margin: 0;
}

.ob-mm__hero {
	align-items: center;
	background: var(--ob-mm-parchment);
	border: 1px solid var(--ob-mm-tan);
	border-radius: 8px;
	display: grid;
	gap: clamp(28px, 5vw, 58px);
	grid-template-columns: minmax(0, 0.95fr) minmax(300px, 1.05fr);
	overflow: hidden;
	padding: clamp(30px, 6vw, 70px);
}

.ob-mm__hero-copy {
	align-items: flex-start;
	display: flex;
	flex-direction: column;
	min-width: 0;
}

.ob-mm__hero-copy .ob-mm__intro {
	margin-left: 0;
	margin-right: 0;
}

.ob-mm__hero-copy .ob-publication__cta {
	margin-top: clamp(20px, 2.5vw, 28px);
}

.ob-mm__hero-media {
	align-items: center;
	background: var(--wp--preset--color--white);
	border: 1px solid var(--ob-mm-tan);
	border-radius: 8px;
	display: flex;
	justify-content: center;
	min-height: 260px;
	padding: clamp(22px, 4vw, 44px);
}

.ob-mm__hero-logo {
	max-width: 560px;
}

.ob-mm__featured,
.ob-mm__tracks,
.ob-mm__archive {
	margin-top: clamp(34px, 5vw, 60px);
}

.ob-mm__track-grid {
	display: grid;
	gap: clamp(20px, 3vw, 32px);
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin-top: clamp(20px, 3vw, 34px);
}

.ob-mm-track-card {
	background: var(--wp--preset--color--white);
	border: 1px solid var(--ob-blog-border);
	border-radius: 8px;
	box-shadow: 0 12px 28px rgba(28, 80, 58, 0.08);
	display: grid;
	grid-template-rows: auto 1fr;
	min-width: 0;
	overflow: hidden;
	transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, transform 0.2s ease-in-out;
}

.ob-mm-track-card:focus-within,
.ob-mm-track-card:hover {
	border-color: var(--ob-blog-border-strong);
	box-shadow: 0 18px 36px rgba(28, 80, 58, 0.14);
	transform: translateY(-2px);
}

.ob-mm-track-card__image {
	align-items: flex-end;
	aspect-ratio: 16 / 9;
	background:
		radial-gradient(circle at 84% 18%, rgba(176, 106, 58, 0.45), transparent 30%),
		radial-gradient(circle at 14% 92%, rgba(232, 226, 213, 0.5), transparent 34%),
		linear-gradient(135deg, #1c503a 0%, #2c2c2a 100%);
	color: var(--wp--preset--color--white);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: clamp(18px, 3vw, 28px);
	position: relative;
}

.ob-mm-track-card__image::before {
	border: 1px solid rgba(255, 255, 255, 0.24);
	border-radius: 999px;
	content: "";
	height: 120px;
	position: absolute;
	right: clamp(18px, 4vw, 40px);
	top: clamp(18px, 4vw, 40px);
	width: 120px;
}

.ob-mm-track-card--diy .ob-mm-track-card__image {
	background:
		radial-gradient(circle at 82% 20%, rgba(28, 80, 58, 0.46), transparent 31%),
		radial-gradient(circle at 12% 86%, rgba(250, 247, 242, 0.58), transparent 34%),
		linear-gradient(135deg, #b06a3a 0%, #2c2c2a 100%);
}

.ob-mm-track-card__image-mark {
	font-family: var(--wp--preset--font-family--heading);
	font-size: clamp(2rem, 7vw, 4.75rem);
	font-weight: var(--wp--custom--font-weight--bold);
	letter-spacing: 0;
	line-height: 0.92;
	position: relative;
	z-index: 1;
}

.ob-mm-track-card__image-label {
	font-size: 0.78rem;
	font-weight: var(--wp--custom--font-weight--bold);
	letter-spacing: 0.12em;
	line-height: 1.2;
	position: relative;
	text-transform: uppercase;
	z-index: 1;
}

.ob-mm-track-card__body {
	display: flex;
	flex-direction: column;
	gap: 12px;
	padding: clamp(20px, 3vw, 28px);
}

.ob-mm-track-card__meta {
	align-items: center;
	color: var(--ob-mm-terracotta);
	display: flex;
	flex-wrap: wrap;
	font-size: 0.8rem;
	font-weight: var(--wp--custom--font-weight--bold);
	gap: 8px;
	letter-spacing: 0.08em;
	line-height: 1.2;
	text-transform: uppercase;
}

.ob-mm-track-card__title {
	color: var(--ob-mm-ink);
	font-size: clamp(1.35rem, 2.8vw, 1.8rem);
	font-weight: var(--wp--custom--font-weight--bold);
	letter-spacing: 0;
	line-height: 1.12;
	margin: 0;
}

.ob-mm-track-card__description {
	color: var(--ob-mm-muted);
	font-size: var(--wp--preset--font-size--small);
	line-height: var(--wp--custom--line-height--medium);
	margin: 0;
}

.ob-mm-track-card__status {
	color: var(--ob-mm-terracotta);
	font-size: 0.8rem;
	font-weight: var(--wp--custom--font-weight--bold);
	letter-spacing: 0.08em;
	line-height: 1.2;
	margin: auto 0 0;
	text-transform: uppercase;
}

.ob-mm-track-card--coming-soon:hover {
	border-color: var(--ob-blog-border);
	box-shadow: 0 12px 28px rgba(28, 80, 58, 0.08);
	transform: none;
}

.ob-mm-track-card__link {
	align-items: center;
	color: var(--ob-mm-forest);
	display: inline-flex;
	font-size: var(--wp--preset--font-size--small);
	font-weight: var(--wp--custom--font-weight--bold);
	gap: 8px;
	line-height: 1.2;
	margin-top: auto;
	text-decoration: none;
	width: fit-content;
}

.ob-mm-track-card__link span:first-child {
	text-decoration: underline;
	text-decoration-color: transparent;
	text-decoration-thickness: 1px;
	text-underline-offset: 4px;
	transition: text-decoration-color 0.2s ease-in-out;
}

.ob-mm-track-card__link span[aria-hidden="true"] {
	display: inline-block;
	transition: transform 0.2s ease-in-out;
}

.ob-mm-track-card__link:focus,
.ob-mm-track-card__link:hover {
	color: var(--ob-mm-forest);
	text-decoration: none;
}

.ob-mm-track-card__link:focus span:first-child,
.ob-mm-track-card__link:hover span:first-child {
	text-decoration-color: currentColor;
}

.ob-mm-track-card__link:focus span[aria-hidden="true"],
.ob-mm-track-card__link:hover span[aria-hidden="true"] {
	transform: translateX(3px);
}

.ob-mm-track-card__link:focus-visible {
	outline: 2px solid var(--ob-mm-terracotta);
	outline-offset: 4px;
}

.ob-mm__featured {
	display: grid;
	gap: clamp(20px, 3vw, 36px);
	grid-template-columns: minmax(220px, 0.36fr) minmax(0, 0.64fr);
}

.ob-mm__section-heading {
	align-self: start;
}

.ob-mm__section-heading > * {
	margin-left: 0;
	margin-right: 0;
}

.ob-mm__grid {
	display: grid !important;
	gap: clamp(20px, 2.5vw, 32px);
	grid-template-columns: repeat(3, minmax(0, 1fr));
	margin-top: clamp(20px, 3vw, 34px);
}

.ob-publication__pagination {
	display: flex;
	flex-wrap: wrap;
}

@media only screen and (max-width: 1100px) {
	.ob-publication__section,
	.ob-publication__posts,
	.ob-mm__hero,
	.ob-mm__featured {
		grid-template-columns: 1fr;
	}

	.ob-publication__section-copy {
		max-width: 720px;
	}

	.ob-publication__supporting,
	.ob-mm__track-grid,
	.ob-mm__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media only screen and (max-width: 700px) {
	.ob-publication__header,
	.ob-publication__section,
	.ob-mm__hero {
		padding: 24px;
	}

	.ob-publication__title,
	.ob-mm__title {
		font-size: clamp(2rem, 11vw, 2.75rem);
	}

	.ob-publication__intro,
	.ob-mm__intro,
	.ob-publication__section-description {
		font-size: var(--wp--preset--font-size--small);
	}

	.ob-publication__brand {
		width: 100%;
	}

	.ob-publication__supporting,
	.ob-mm__track-grid,
	.ob-mm__grid {
		grid-template-columns: 1fr;
	}

	.ob-mm__hero-media {
		min-height: 180px;
		padding: 20px;
	}
}

/* Ingredient Index
---------------------------------------------------------------------------- */

.ob-ingredient-index-page {
	--ob-mm-forest: var(--wp--preset--color--forest);
	--ob-mm-terracotta: var(--wp--preset--color--accent-dark);
	--ob-mm-parchment: var(--wp--preset--color--parchment);
	--ob-mm-tan: var(--wp--preset--color--tan);
	--ob-mm-ink: var(--wp--preset--color--ink);
	--ob-mm-muted: var(--wp--preset--color--muted);
	background: var(--ob-mm-parchment);
	color: var(--ob-mm-ink);
	position: relative;
}

.ob-ingredient-index {
	--ob-mm-forest: var(--wp--preset--color--forest);
	--ob-mm-terracotta: var(--wp--preset--color--accent-dark);
	--ob-mm-parchment: var(--wp--preset--color--parchment);
	--ob-mm-tan: var(--wp--preset--color--tan);
	--ob-mm-ink: var(--wp--preset--color--ink);
	--ob-mm-muted: var(--wp--preset--color--muted);
	--ob-blog-purple: var(--ob-mm-forest);
	--ob-blog-ink: var(--ob-mm-ink);
	--ob-blog-muted: var(--ob-mm-muted);
	--ob-blog-border: rgba(28, 80, 58, 0.18);
	--ob-blog-border-strong: rgba(28, 80, 58, 0.36);
	--ob-blog-soft: rgba(28, 80, 58, 0.07);
	--ob-blog-accent: var(--ob-mm-terracotta);
	--ob-blog-shadow: rgba(28, 80, 58, 0.08);
	--ob-blog-shadow-strong: rgba(28, 80, 58, 0.14);
	color: var(--ob-mm-ink);
	margin-inline: auto;
	max-width: 1180px;
	width: 100%;
}

.ob-ingredient-index .ob-publication__header .ob-publication__cta {
	margin-top: clamp(20px, 3vw, 28px);
}

.ob-ingredient-index__filters {
	align-items: end;
	background: var(--wp--preset--color--white);
	border: 1px solid var(--ob-mm-tan);
	border-radius: 8px;
	box-shadow: 0 12px 28px rgba(28, 80, 58, 0.08);
	display: grid;
	gap: clamp(14px, 2vw, 20px);
	grid-template-columns: minmax(220px, 1fr) minmax(180px, 0.42fr) auto;
	margin-top: clamp(30px, 5vw, 58px);
	padding: clamp(18px, 3vw, 26px);
}

.ob-ingredient-index__field {
	color: var(--ob-mm-ink);
	display: grid;
	font-size: var(--wp--preset--font-size--small);
	font-weight: var(--wp--custom--font-weight--bold);
	gap: 8px;
	line-height: 1.25;
	min-width: 0;
}

.ob-ingredient-index__field input,
.ob-ingredient-index__field select {
	appearance: none;
	background: var(--wp--preset--color--white);
	border: 1px solid var(--wp--preset--color--control-boundary);
	border-radius: 8px;
	color: var(--ob-mm-ink);
	font: inherit;
	font-weight: var(--wp--custom--font-weight--regular);
	min-height: 48px;
	padding: 11px 13px;
	width: 100%;
}

.ob-ingredient-index__field input:focus,
.ob-ingredient-index__field select:focus {
	border-color: var(--ob-mm-forest);
	box-shadow: 0 0 0 3px rgba(28, 80, 58, 0.14);
	outline: none;
}

.ob-ingredient-index__filter-actions {
	align-items: center;
	display: flex;
	gap: 12px;
	justify-content: flex-start;
	min-width: max-content;
}

.ob-ingredient-index__reset {
	color: var(--ob-mm-forest);
	font-size: var(--wp--preset--font-size--small);
	font-weight: var(--wp--custom--font-weight--bold);
	text-decoration: underline;
	text-decoration-color: transparent;
	text-decoration-thickness: 1px;
	text-underline-offset: 4px;
}

.ob-ingredient-index__reset:focus,
.ob-ingredient-index__reset:hover {
	color: var(--ob-mm-terracotta);
	text-decoration-color: currentColor;
}

.ob-ingredient-index__reset:focus-visible {
	outline: 2px solid var(--ob-mm-terracotta);
	outline-offset: 4px;
}

.ob-ingredient-index__count {
	color: var(--ob-mm-muted);
	font-size: var(--wp--preset--font-size--small);
	font-weight: var(--wp--custom--font-weight--semi-bold);
	line-height: var(--wp--custom--line-height--medium);
	margin: clamp(18px, 3vw, 26px) 0 0;
}

.ob-ingredient-index__grid {
	grid-auto-rows: 1fr;
	margin-top: clamp(18px, 3vw, 26px) !important;
}

.ob-ingredient-card[hidden],
.ob-ingredient-index__empty[hidden] {
	display: none !important;
}

.ob-ingredient-card .ob-post-card__media {
	background: var(--ob-blog-soft);
}

.ob-ingredient-card__image {
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.ob-ingredient-card__summary {
	color: var(--ob-mm-ink);
	font-size: var(--wp--preset--font-size--small);
	font-weight: var(--wp--custom--font-weight--regular);
	line-height: 1.35;
	margin: 0;
}

.ob-ingredient-chips {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 0;
}

.ob-ingredient-chip {
	background: var(--ob-mm-parchment);
	border: 1px solid var(--ob-mm-tan);
	border-radius: 999px;
	color: var(--ob-mm-muted);
	display: inline-flex;
	font-size: 0.78rem;
	font-weight: var(--wp--custom--font-weight--bold);
	line-height: 1.2;
	padding: 7px 10px;
}

.ob-ingredient-index__empty {
	margin-top: clamp(18px, 3vw, 26px);
}

.ob-ingredient-detail__breadcrumb {
	align-items: center;
	color: var(--ob-mm-muted);
	display: flex;
	flex-wrap: wrap;
	font-size: var(--wp--preset--font-size--small);
	font-weight: var(--wp--custom--font-weight--semi-bold);
	gap: 8px;
	line-height: 1.3;
	margin: 0 0 clamp(18px, 3vw, 26px);
}

.ob-ingredient-detail__breadcrumb a {
	color: var(--ob-mm-forest);
	text-decoration: underline;
	text-decoration-color: transparent;
	text-decoration-thickness: 1px;
	text-underline-offset: 4px;
}

.ob-ingredient-detail__breadcrumb a:focus,
.ob-ingredient-detail__breadcrumb a:hover {
	color: var(--ob-mm-terracotta);
	text-decoration-color: currentColor;
}

.ob-ingredient-detail__hero {
	align-items: center;
	background: var(--ob-mm-parchment);
	border: 1px solid var(--ob-mm-tan);
	border-radius: 8px;
	display: grid;
	gap: clamp(28px, 5vw, 58px);
	grid-template-columns: minmax(0, 0.92fr) minmax(300px, 1.08fr);
	overflow: hidden;
	padding: clamp(30px, 6vw, 70px);
}

.ob-ingredient-detail__hero-copy {
	min-width: 0;
}

.ob-ingredient-detail__title {
	color: var(--ob-mm-ink);
	font-size: clamp(2.25rem, 5vw, 3.35rem);
	font-weight: var(--wp--custom--font-weight--bold);
	letter-spacing: 0;
	line-height: 1.05;
	margin: 0;
}

.ob-ingredient-detail__intro {
	color: var(--ob-mm-muted);
	font-size: var(--wp--preset--font-size--medium);
	line-height: var(--wp--custom--line-height--medium);
	margin: 18px 0 0;
	max-width: 42rem;
}

.ob-ingredient-detail__chips {
	margin-top: clamp(20px, 3vw, 28px);
}

.ob-ingredient-detail__media {
	background: var(--wp--preset--color--white);
	border: 1px solid var(--ob-mm-tan);
	border-radius: 8px;
	margin: 0;
	overflow: hidden;
	padding: clamp(12px, 2vw, 18px);
}

.ob-ingredient-detail__image {
	aspect-ratio: 16 / 10;
	border-radius: 6px;
	display: block;
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.ob-ingredient-detail__media figcaption {
	color: var(--ob-mm-muted);
	font-size: var(--wp--preset--font-size--small);
	line-height: var(--wp--custom--line-height--medium);
	margin-top: 10px;
}

.ob-ingredient-detail__layout {
	display: grid;
	gap: clamp(20px, 3vw, 32px);
	grid-template-columns: minmax(0, 1fr) minmax(240px, 0.36fr);
	margin-top: clamp(30px, 5vw, 58px);
}

.ob-ingredient-detail__main {
	display: grid;
	gap: clamp(18px, 2.5vw, 26px);
	min-width: 0;
}

.ob-ingredient-detail__panel,
.ob-ingredient-detail__aside {
	background: var(--wp--preset--color--white);
	border: 1px solid var(--ob-mm-tan);
	border-radius: 8px;
	box-shadow: 0 12px 28px rgba(28, 80, 58, 0.08);
	min-width: 0;
	padding: clamp(20px, 3vw, 28px);
}

.ob-ingredient-detail__panel h2,
.ob-ingredient-detail__panel h3,
.ob-ingredient-detail__aside h2 {
	color: var(--ob-mm-ink);
	font-size: clamp(1.2rem, 2.2vw, 1.45rem);
	font-weight: var(--wp--custom--font-weight--bold);
	letter-spacing: 0;
	line-height: 1.15;
	margin: 0;
}

.ob-ingredient-detail__panel p,
.ob-ingredient-detail__aside p {
	color: var(--ob-mm-muted);
	font-size: var(--wp--preset--font-size--small);
	line-height: var(--wp--custom--line-height--medium);
	margin: 12px 0 0;
}

.ob-ingredient-detail__panel-grid {
	display: grid;
	gap: clamp(18px, 2vw, 26px);
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.ob-ingredient-detail__panel-chips {
	margin-top: 12px;
}

.ob-ingredient-detail__aside {
	align-self: start;
}

.ob-ingredient-detail__aside .ob-ingredient-index__reset {
	display: inline-flex;
	margin-top: 16px;
}

.ob-ingredient-detail__related {
	margin-top: clamp(34px, 5vw, 60px);
}

.ob-ingredient-detail__related-grid {
	display: grid !important;
	gap: clamp(20px, 2.5vw, 32px);
	grid-auto-rows: 1fr;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	margin-top: clamp(20px, 3vw, 34px) !important;
}

@media only screen and (max-width: 1100px) {
	.ob-ingredient-index__filters,
	.ob-ingredient-detail__hero,
	.ob-ingredient-detail__layout {
		grid-template-columns: 1fr;
	}

	.ob-ingredient-index__filter-actions {
		min-width: 0;
	}

	.ob-ingredient-detail__aside {
		max-width: 720px;
	}

	.ob-ingredient-detail__related-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media only screen and (max-width: 700px) {
	.ob-ingredient-index__filters,
	.ob-ingredient-detail__hero,
	.ob-ingredient-detail__panel,
	.ob-ingredient-detail__aside {
		padding: 24px;
	}

	.ob-ingredient-detail__title {
		font-size: clamp(2rem, 11vw, 2.75rem);
	}

	.ob-ingredient-detail__intro {
		font-size: var(--wp--preset--font-size--small);
	}

	.ob-ingredient-detail__panel-grid {
		grid-template-columns: 1fr;
	}

	.ob-ingredient-detail__related-grid {
		grid-template-columns: 1fr;
	}

	.ob-ingredient-index__filter-actions {
		align-items: stretch;
		flex-direction: column;
	}

	.ob-ingredient-index__filter-actions .ob-publication__cta {
		width: 100%;
	}
}

/* Free Recipe
---------------------------------------------------------------------------- */

.ob-free-recipe-page {
	--ob-mm-forest: var(--wp--preset--color--forest);
	--ob-mm-terracotta: var(--wp--preset--color--accent-dark);
	--ob-mm-parchment: var(--wp--preset--color--parchment);
	--ob-mm-tan: var(--wp--preset--color--tan);
	--ob-mm-ink: var(--wp--preset--color--ink);
	--ob-mm-muted: var(--wp--preset--color--muted);
	background: var(--ob-mm-parchment);
	color: var(--ob-mm-ink);
	position: relative;
}

.ob-free-recipe,
.ob-free-recipe-optin {
	--ob-mm-forest: var(--wp--preset--color--forest);
	--ob-mm-terracotta: var(--wp--preset--color--accent-dark);
	--ob-mm-parchment: var(--wp--preset--color--parchment);
	--ob-mm-tan: var(--wp--preset--color--tan);
	--ob-mm-ink: var(--wp--preset--color--ink);
	--ob-mm-muted: var(--wp--preset--color--muted);
	color: var(--ob-mm-ink);
	margin-inline: auto;
	max-width: 1180px;
	width: 100%;
}

.ob-free-recipe__hero {
	align-items: center;
	background: var(--ob-mm-parchment);
	border: 1px solid var(--ob-mm-tan);
	border-radius: 8px;
	display: grid;
	gap: clamp(28px, 5vw, 58px);
	grid-template-columns: minmax(0, 0.92fr) minmax(300px, 1.08fr);
	overflow: hidden;
	padding: clamp(30px, 6vw, 70px);
}

.ob-free-recipe__hero-copy {
	min-width: 0;
}

.ob-free-recipe__title {
	color: var(--ob-mm-ink);
	font-size: clamp(2.25rem, 5vw, 3.35rem);
	font-weight: var(--wp--custom--font-weight--bold);
	letter-spacing: 0;
	line-height: 1.05;
	margin: 0;
}

.ob-free-recipe__subtitle {
	color: var(--ob-mm-terracotta);
	font-family: var(--wp--preset--font-family--heading);
	font-size: clamp(1.35rem, 2.8vw, 1.8rem);
	font-style: italic;
	letter-spacing: 0;
	line-height: 1.18;
	margin: 12px 0 0;
}

.ob-free-recipe__intro {
	color: var(--ob-mm-muted);
	font-size: var(--wp--preset--font-size--medium);
	line-height: var(--wp--custom--line-height--medium);
	margin: 18px 0 0;
	max-width: 42rem;
}

.ob-free-recipe__facts {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: clamp(22px, 3vw, 30px);
}

.ob-free-recipe__facts span {
	background: var(--wp--preset--color--white);
	border: 1px solid var(--ob-mm-tan);
	border-radius: 999px;
	color: var(--ob-mm-muted);
	display: inline-flex;
	font-size: var(--wp--preset--font-size--small);
	gap: 6px;
	line-height: 1.2;
	padding: 9px 13px;
}

.ob-free-recipe__facts strong {
	color: var(--ob-mm-forest);
}

.ob-free-recipe__media {
	background: var(--wp--preset--color--white);
	border: 1px solid var(--ob-mm-tan);
	border-radius: 8px;
	margin: 0;
	overflow: hidden;
	padding: clamp(12px, 2vw, 18px);
}

.ob-free-recipe__media img {
	aspect-ratio: 16 / 10;
	border-radius: 6px;
	display: block;
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.ob-free-recipe__details,
.ob-free-recipe__book-note,
.ob-free-recipe-optin {
	margin-top: clamp(30px, 5vw, 58px);
}

.ob-free-recipe__section-head {
	max-width: 760px;
}

.ob-free-recipe__section-head h2,
.ob-free-recipe__book-note h2,
.ob-free-recipe-optin__title {
	color: var(--ob-mm-ink);
	font-size: clamp(1.75rem, 4vw, 2.25rem);
	font-weight: var(--wp--custom--font-weight--bold);
	letter-spacing: 0;
	line-height: 1.1;
	margin: 0;
}

.ob-free-recipe__section-head p:not(.ob-publication__eyebrow),
.ob-free-recipe__include-card p,
.ob-free-recipe-optin__text,
.ob-free-recipe-optin__note {
	color: var(--ob-mm-muted);
	font-size: var(--wp--preset--font-size--medium);
	line-height: var(--wp--custom--line-height--medium);
	margin: 12px 0 0;
}

.ob-free-recipe__include-grid {
	display: grid;
	gap: clamp(18px, 2vw, 26px);
	grid-template-columns: repeat(3, minmax(0, 1fr));
	margin-top: clamp(20px, 3vw, 34px);
}

.ob-free-recipe__include-card {
	background: var(--wp--preset--color--white);
	border: 1px solid var(--ob-mm-tan);
	border-radius: 8px;
	box-shadow: 0 12px 28px rgba(28, 80, 58, 0.08);
	min-width: 0;
	padding: clamp(20px, 3vw, 28px);
}

.ob-free-recipe__include-card h3 {
	color: var(--ob-mm-ink);
	font-size: clamp(1.15rem, 2vw, 1.35rem);
	font-weight: var(--wp--custom--font-weight--bold);
	letter-spacing: 0;
	line-height: 1.15;
	margin: 0;
}

.ob-free-recipe-optin {
	background: var(--wp--preset--color--white);
	border: 1px solid var(--ob-mm-tan);
	border-radius: 8px;
	box-shadow: 0 18px 42px rgba(44, 44, 42, 0.06);
	max-width: 860px;
	padding: clamp(24px, 4vw, 42px);
}

.ob-free-recipe-optin__copy > * {
	margin-left: 0;
	margin-right: 0;
}

.ob-free-recipe-optin__message {
	background: var(--ob-mm-parchment);
	border: 1px solid var(--ob-mm-tan);
	border-left: 5px solid var(--ob-mm-forest);
	border-radius: 8px;
	color: var(--ob-mm-ink);
	font-size: var(--wp--preset--font-size--small);
	line-height: var(--wp--custom--line-height--medium);
	margin: 18px 0 0;
	padding: 12px 14px;
}

.ob-free-recipe-optin__message--error {
	border-left-color: var(--ob-mm-terracotta);
}

.ob-free-recipe-optin__form {
	display: grid;
	gap: 10px;
	margin-top: clamp(22px, 3vw, 30px);
}

.ob-free-recipe-optin__label {
	color: var(--ob-mm-ink);
	font-size: var(--wp--preset--font-size--small);
	font-weight: var(--wp--custom--font-weight--bold);
	line-height: 1.3;
}

.ob-free-recipe-optin__form-row {
	display: grid;
	gap: 12px;
	grid-template-columns: minmax(0, 1fr) auto;
}

.ob-free-recipe-optin__input {
	background: var(--wp--preset--color--white);
	border: 1px solid var(--wp--preset--color--control-boundary);
	border-radius: 8px !important;
	color: var(--ob-mm-ink);
	font: inherit;
	font-size: var(--wp--preset--font-size--small);
	min-height: 52px;
	min-width: 0;
	padding: 12px 14px;
	width: 100%;
}

.ob-free-recipe-optin__input:focus {
	border-color: var(--ob-mm-forest);
	box-shadow: 0 0 0 3px rgba(28, 80, 58, 0.14);
	outline: none;
}

.ob-free-recipe-optin__submit {
	cursor: pointer;
	font-family: inherit;
	margin-top: 0;
	min-height: 52px;
	white-space: normal;
}

.ob-free-recipe-optin__submit:focus-visible {
	outline: 2px solid var(--ob-mm-terracotta);
	outline-offset: 3px;
}

.ob-free-recipe-optin__field-trap {
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	height: 1px;
	overflow: hidden;
	position: absolute;
	white-space: nowrap;
	width: 1px;
}

.ob-free-recipe-optin__note {
	font-size: var(--wp--preset--font-size--small);
	margin-top: 14px;
}

.ob-free-recipe__book-note {
	background: linear-gradient(180deg, rgba(250, 247, 242, 0.75), rgba(255, 255, 255, 0.96));
	border: 1px solid var(--ob-mm-tan);
	border-left: 5px solid var(--ob-mm-forest);
	border-radius: 8px;
	box-shadow: 0 18px 42px rgba(44, 44, 42, 0.06);
	padding: clamp(24px, 4vw, 36px);
}

@media only screen and (max-width: 1100px) {
	.ob-free-recipe__hero {
		grid-template-columns: 1fr;
	}

	.ob-free-recipe__include-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media only screen and (max-width: 700px) {
	.ob-free-recipe__hero,
	.ob-free-recipe-optin,
	.ob-free-recipe__book-note {
		padding: 24px;
	}

	.ob-free-recipe__title {
		font-size: clamp(2rem, 11vw, 2.75rem);
	}

	.ob-free-recipe__intro,
	.ob-free-recipe__section-head p:not(.ob-publication__eyebrow),
	.ob-free-recipe__include-card p,
	.ob-free-recipe-optin__text {
		font-size: var(--wp--preset--font-size--small);
	}

	.ob-free-recipe__include-grid,
	.ob-free-recipe-optin__form-row {
		grid-template-columns: 1fr;
	}

	.ob-free-recipe-optin__submit {
		width: 100%;
	}
}

/* Grower Questions
---------------------------------------------------------------------------- */

.ob-grower-threads-page {
	--ob-mm-forest: var(--wp--preset--color--forest);
	--ob-mm-terracotta: var(--wp--preset--color--accent-dark);
	--ob-mm-parchment: var(--wp--preset--color--parchment);
	--ob-mm-tan: var(--wp--preset--color--tan);
	--ob-mm-ink: var(--wp--preset--color--ink);
	--ob-mm-muted: var(--wp--preset--color--muted);
	background: var(--ob-mm-parchment);
	color: var(--ob-mm-ink);
	margin-top: 0;
	padding-bottom: clamp(58px, 8vw, 88px);
	padding-top: clamp(70px, 9vw, 92px);
	position: relative;
}

.ob-grower-threads,
.ob-grower-thread-single {
	--ob-mm-forest: var(--wp--preset--color--forest);
	--ob-mm-terracotta: var(--wp--preset--color--accent-dark);
	--ob-mm-parchment: var(--wp--preset--color--parchment);
	--ob-mm-tan: var(--wp--preset--color--tan);
	--ob-mm-ink: var(--wp--preset--color--ink);
	--ob-mm-muted: var(--wp--preset--color--muted);
	--ob-blog-purple: var(--ob-mm-forest);
	--ob-blog-ink: var(--ob-mm-ink);
	--ob-blog-muted: var(--ob-mm-muted);
	--ob-blog-border: rgba(28, 80, 58, 0.18);
	--ob-blog-border-strong: rgba(28, 80, 58, 0.36);
	--ob-blog-soft: rgba(28, 80, 58, 0.07);
	--ob-blog-accent: var(--ob-mm-terracotta);
	--ob-blog-shadow: rgba(28, 80, 58, 0.08);
	--ob-blog-shadow-strong: rgba(28, 80, 58, 0.14);
	color: var(--ob-mm-ink);
	margin-inline: auto;
	max-width: 1180px;
	width: 100%;
}

.ob-grower-threads__closed {
	align-items: flex-start;
	display: block;
	margin-inline: auto;
	margin-top: clamp(30px, 5vw, 58px);
	max-width: 860px;
	min-height: 0;
}

.ob-grower-threads__closed h2 {
	color: var(--ob-mm-ink);
	font-size: clamp(1.55rem, 3vw, 2rem);
	font-weight: var(--wp--custom--font-weight--bold);
	letter-spacing: 0;
	line-height: 1.12;
	margin: 0;
}

.ob-grower-threads__closed p {
	margin-top: 12px;
}

.ob-grower-threads .ob-free-recipe-optin {
	margin-top: clamp(30px, 5vw, 58px);
}

.ob-grower-threads__notice {
	background: var(--wp--preset--color--white);
	border: 1px solid var(--ob-mm-tan);
	border-left: 5px solid var(--ob-mm-forest);
	border-radius: 8px;
	box-shadow: 0 12px 28px rgba(28, 80, 58, 0.08);
	color: var(--ob-mm-ink);
	margin: clamp(24px, 4vw, 38px) auto 0;
	max-width: 860px;
	padding: 14px 16px;
}

.ob-grower-threads__notice--error {
	border-left-color: var(--ob-mm-terracotta);
}

.ob-grower-threads__notice p {
	margin: 0;
}

.ob-grower-threads__topics {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: clamp(28px, 4vw, 42px);
}

.ob-grower-threads__topic {
	background: var(--wp--preset--color--white);
	border: 1px solid var(--ob-mm-tan);
	border-radius: 999px;
	color: var(--ob-mm-forest);
	display: inline-flex;
	font-size: var(--wp--preset--font-size--small);
	font-weight: var(--wp--custom--font-weight--bold);
	line-height: 1.2;
	padding: 9px 13px;
	text-decoration: none;
}

.ob-grower-threads__topic.is-active,
.ob-grower-threads__topic:focus,
.ob-grower-threads__topic:hover {
	background: var(--ob-mm-forest);
	border-color: var(--ob-mm-forest);
	color: var(--wp--preset--color--white);
	text-decoration: none;
}

.ob-grower-threads__topic:focus-visible {
	outline: 2px solid var(--ob-mm-terracotta);
	outline-offset: 3px;
}

.ob-grower-threads__section,
.ob-grower-thread-single__question,
.ob-grower-thread-single__answer,
.ob-grower-thread-comments {
	margin-top: clamp(34px, 5vw, 60px);
}

.ob-grower-threads__grid {
	display: grid;
	gap: clamp(20px, 2.5vw, 32px);
	grid-template-columns: repeat(3, minmax(0, 1fr));
	margin-top: clamp(20px, 3vw, 34px);
}

.ob-grower-thread-card,
.ob-grower-threads__form-card,
.ob-grower-thread-single__header,
.ob-grower-thread-single__question,
.ob-grower-thread-single__answer,
.ob-grower-thread-comments {
	background: var(--wp--preset--color--white);
	border: 1px solid var(--ob-blog-border);
	border-radius: 8px;
	box-shadow: 0 12px 28px var(--ob-blog-shadow);
}

.ob-grower-thread-card {
	border-left: 4px solid var(--ob-mm-forest);
	display: flex;
	flex-direction: column;
	gap: 12px;
	min-width: 0;
	padding: clamp(20px, 3vw, 28px);
	transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, transform 0.2s ease-in-out;
}

.ob-grower-thread-card:focus-within,
.ob-grower-thread-card:hover {
	border-color: var(--ob-blog-border-strong);
	border-left-color: var(--ob-blog-border-strong);
	box-shadow: 0 18px 36px var(--ob-blog-shadow-strong);
	transform: translateY(-2px);
}

.ob-grower-thread-card--featured {
	border-left-width: 5px;
}

.ob-grower-thread-card__labels {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.ob-grower-thread-card__topic,
.ob-grower-thread-card__label {
	align-items: center;
	border-radius: 999px;
	display: inline-flex;
	font-size: 0.75rem;
	font-weight: var(--wp--custom--font-weight--bold);
	letter-spacing: 0.08em;
	line-height: 1.2;
	padding: 7px 10px;
	text-transform: uppercase;
}

.ob-grower-thread-card__topic {
	background: rgba(28, 80, 58, 0.08);
	color: var(--ob-mm-forest);
}

.ob-grower-thread-card__label {
	background: var(--ob-mm-parchment);
	border: 1px solid var(--ob-mm-tan);
	color: var(--ob-mm-muted);
}

.ob-grower-thread-card__label--buyer {
	background: rgba(176, 106, 58, 0.12);
	border-color: rgba(176, 106, 58, 0.32);
	color: var(--ob-mm-terracotta);
}

.ob-grower-thread-card__meta {
	font-size: 0.84rem !important;
}

.ob-grower-thread-card__title,
.ob-grower-thread-single__title,
.ob-grower-threads__form-copy h2,
.ob-grower-thread-single__question h2,
.ob-grower-thread-single__answer h2,
.ob-grower-thread-comments__head h2,
.ob-grower-thread-comments__reply-title {
	color: var(--ob-mm-ink);
	font-weight: var(--wp--custom--font-weight--bold);
	letter-spacing: 0;
	line-height: 1.1;
	margin: 0;
}

.ob-grower-thread-card__title {
	font-size: clamp(1.25rem, 2.2vw, 1.55rem);
}

.ob-grower-thread-card__title a {
	color: inherit;
	text-decoration: none;
}

.ob-grower-thread-card__title a:focus,
.ob-grower-thread-card__title a:hover {
	color: var(--ob-mm-forest);
	text-decoration: none;
}

.ob-grower-thread-card__title a:focus-visible {
	outline: 2px solid var(--ob-blog-accent);
	outline-offset: 3px;
}

.ob-grower-thread-card__excerpt,
.ob-grower-thread-card__answer,
.ob-grower-threads__form-copy p,
.ob-grower-thread-single__content,
.ob-grower-thread-comments__head p,
.ob-grower-thread-form__note {
	color: var(--ob-mm-muted);
	font-size: var(--wp--preset--font-size--small);
	line-height: var(--wp--custom--line-height--medium);
	margin: 0;
}

.ob-grower-thread-card__answer {
	background: var(--ob-mm-parchment);
	border-left: 4px solid var(--ob-mm-forest);
	border-radius: 8px;
	color: var(--ob-mm-ink);
	padding: 12px 14px;
}

.ob-grower-thread-card__link {
	margin-top: auto;
}

.ob-grower-threads__form-card {
	display: grid;
	gap: clamp(24px, 4vw, 40px);
	grid-template-columns: minmax(220px, 0.42fr) minmax(0, 0.58fr);
	padding: clamp(24px, 4vw, 42px);
}

.ob-grower-threads__form-copy > * + * {
	margin-top: 12px;
}

.ob-grower-thread-form {
	display: grid;
	gap: 16px;
	margin: 0;
}

.ob-grower-thread-form__grid {
	display: grid;
	gap: 14px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.ob-grower-thread-form__field {
	display: grid;
	gap: 7px;
	margin: 0;
}

.ob-grower-thread-form__label-row {
	align-items: center;
	display: inline-flex;
	flex-wrap: wrap;
	gap: 7px;
	position: relative;
	width: fit-content;
}

.ob-grower-thread-form__field label {
	color: var(--ob-mm-ink);
	font-size: var(--wp--preset--font-size--small);
	font-weight: var(--wp--custom--font-weight--bold);
	line-height: 1.3;
}

.ob-grower-thread-form__field label span {
	color: var(--ob-mm-muted);
	font-weight: var(--wp--custom--font-weight--regular);
}

.ob-grower-thread-form__info {
	display: inline-flex;
	position: relative;
}

.ob-grower-thread-form__info-button {
	align-items: center;
	background: var(--ob-mm-parchment);
	border: 1px solid var(--ob-mm-tan);
	border-radius: 999px;
	color: var(--ob-mm-forest);
	cursor: help;
	display: inline-flex;
	font-size: 0.75rem;
	font-family: inherit;
	font-weight: var(--wp--custom--font-weight--bold);
	height: 20px;
	justify-content: center;
	line-height: 1;
	padding: 0;
	text-transform: none;
	width: 20px;
}

.ob-grower-thread-form__info-button:focus,
.ob-grower-thread-form__info-button:hover {
	background: var(--ob-mm-forest);
	border-color: var(--ob-mm-forest);
	color: var(--wp--preset--color--white);
}

.ob-grower-thread-form__info-button:focus-visible {
	outline: 2px solid var(--ob-mm-terracotta);
	outline-offset: 3px;
}

.ob-grower-thread-form__info-tooltip {
	background: var(--wp--preset--color--white);
	border: 1px solid var(--ob-mm-tan);
	border-radius: 8px;
	box-shadow: 0 12px 28px rgba(28, 80, 58, 0.08);
	color: var(--ob-mm-ink);
	font-size: 0.82rem;
	font-weight: var(--wp--custom--font-weight--regular);
	left: 50%;
	line-height: var(--wp--custom--line-height--medium);
	max-width: min(260px, calc(100vw - 48px));
	opacity: 0;
	padding: 10px 12px;
	pointer-events: none;
	position: absolute;
	text-transform: none;
	top: calc(100% + 10px);
	transform: translateX(-50%) translateY(-4px);
	transition: opacity 160ms ease, transform 160ms ease;
	visibility: hidden;
	width: max-content;
	z-index: 20;
}

.ob-grower-thread-form__info-tooltip::before {
	background: var(--wp--preset--color--white);
	border-left: 1px solid var(--ob-mm-tan);
	border-top: 1px solid var(--ob-mm-tan);
	content: "";
	height: 10px;
	left: 50%;
	position: absolute;
	top: -6px;
	transform: translateX(-50%) rotate(45deg);
	width: 10px;
}

.ob-grower-thread-form__info:focus-within .ob-grower-thread-form__info-tooltip,
.ob-grower-thread-form__info:hover .ob-grower-thread-form__info-tooltip {
	opacity: 1;
	transform: translateX(-50%) translateY(0);
	visibility: visible;
}

.ob-grower-thread-form input:not([type="checkbox"]):not([type="submit"]),
.ob-grower-thread-form select,
.ob-grower-thread-form textarea {
	background: var(--wp--preset--color--white);
	border: 1px solid var(--wp--preset--color--control-boundary);
	border-radius: 8px !important;
	color: var(--ob-mm-ink);
	font: inherit;
	font-size: var(--wp--preset--font-size--small);
	min-height: 48px;
	min-width: 0;
	padding: 11px 13px;
	width: 100%;
}

.ob-grower-thread-form > .ob-free-recipe-optin__field-trap,
.ob-grower-thread-form > input.ob-free-recipe-optin__field-trap {
	border: 0 !important;
	height: 1px !important;
	margin: -1px !important;
	padding: 0 !important;
	width: 1px !important;
}

.ob-grower-thread-form textarea {
	line-height: var(--wp--custom--line-height--medium);
	resize: vertical;
}

.ob-grower-thread-form input:focus,
.ob-grower-thread-form select:focus,
.ob-grower-thread-form textarea:focus {
	border-color: var(--ob-mm-forest);
	box-shadow: 0 0 0 3px rgba(28, 80, 58, 0.14);
	outline: none;
}

.ob-grower-thread-form__submit {
	cursor: pointer;
	font-family: inherit;
	margin-top: 2px;
}

.ob-grower-thread-form__submit:focus-visible {
	outline: 2px solid var(--ob-mm-terracotta);
	outline-offset: 3px;
}

.ob-grower-thread-single {
	max-width: 980px;
}

.ob-grower-thread-single__closed {
	margin-inline: auto;
}

.ob-grower-thread-single__header,
.ob-grower-thread-single__question,
.ob-grower-thread-single__answer,
.ob-grower-thread-comments {
	padding: clamp(24px, 4vw, 42px);
}

.ob-grower-thread-single__title {
	font-size: clamp(2rem, 5vw, 3rem);
	margin-top: 12px;
}

.ob-grower-thread-single__meta {
	margin-top: 16px;
}

.ob-grower-thread-single__question h2,
.ob-grower-thread-single__answer h2,
.ob-grower-thread-comments__head h2,
.ob-grower-thread-comments__reply-title {
	font-size: clamp(1.45rem, 3vw, 2rem);
}

.ob-grower-thread-single__content {
	color: var(--ob-mm-ink);
	font-size: var(--wp--preset--font-size--medium);
	margin-top: 16px;
}

.ob-grower-thread-single__content > * {
	margin-block-start: 0;
}

.ob-grower-thread-single__content > * + * {
	margin-block-start: 1em;
}

.ob-grower-thread-comments__head {
	margin-bottom: clamp(20px, 3vw, 30px);
}

.ob-grower-thread-comments__head > * + * {
	margin-top: 10px;
}

.ob-grower-thread-comments__list,
.ob-grower-thread-comments__list .children {
	list-style: none;
	margin: 0;
	padding: 0;
}

.ob-grower-thread-comments__list .children {
	border-left: 1px solid var(--ob-mm-tan);
	margin-left: clamp(18px, 4vw, 36px);
	margin-top: 14px;
	padding-left: clamp(14px, 3vw, 24px);
}

.ob-grower-comment {
	margin: 0;
}

.ob-grower-comment + .ob-grower-comment {
	margin-top: 14px;
}

.ob-grower-comment__body {
	background: var(--ob-mm-parchment);
	border: 1px solid var(--ob-mm-tan);
	border-radius: 8px;
	padding: 16px;
}

.ob-grower-comment__meta {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 10px;
}

.ob-grower-comment__author {
	color: var(--ob-mm-ink);
}

.ob-grower-comment__date {
	color: var(--ob-mm-muted);
	font-size: var(--wp--preset--font-size--small);
	text-decoration: none;
}

.ob-grower-comment__content {
	color: var(--ob-mm-ink);
	font-size: var(--wp--preset--font-size--small);
	line-height: var(--wp--custom--line-height--medium);
}

.ob-grower-comment__content > * {
	margin-block-start: 0;
}

.ob-grower-comment__content > * + * {
	margin-block-start: 1em;
}

.ob-grower-comment .comment-reply-link {
	color: var(--ob-mm-forest);
	display: inline-flex;
	font-size: var(--wp--preset--font-size--small);
	font-weight: var(--wp--custom--font-weight--bold);
	margin-top: 12px;
	text-decoration: none;
}

.ob-grower-comment .comment-reply-link:focus,
.ob-grower-comment .comment-reply-link:hover {
	color: var(--ob-mm-terracotta);
	text-decoration: underline;
}

.ob-grower-thread-comments__empty {
	margin-bottom: clamp(20px, 3vw, 30px);
	min-height: 0;
}

.ob-grower-thread-form--reply {
	margin-top: clamp(24px, 4vw, 38px);
}

.ob-grower-thread-form--reply .form-submit .ob-publication__cta {
	background: var(--ob-mm-forest);
	border-color: var(--ob-mm-forest);
	border-radius: 999px !important;
	color: var(--wp--preset--color--white);
}

.ob-grower-thread-form--reply .form-submit .ob-publication__cta:focus,
.ob-grower-thread-form--reply .form-submit .ob-publication__cta:hover {
	background: var(--wp--preset--color--accent-dark);
	border-color: var(--wp--preset--color--accent-dark);
	color: var(--wp--preset--color--white);
}

.ob-grower-thread-form--reply .logged-in-as,
.ob-grower-thread-form--reply .comment-notes {
	color: var(--ob-mm-muted);
	font-size: var(--wp--preset--font-size--small);
	line-height: var(--wp--custom--line-height--medium);
	margin: 0;
}

@media only screen and (max-width: 1024px) {
	.ob-grower-threads__grid,
	.ob-grower-threads__form-card {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media only screen and (max-width: 700px) {
	.ob-grower-threads-page {
		padding-bottom: 58px;
		padding-top: 62px;
	}

	.ob-grower-threads__grid,
	.ob-grower-threads__form-card,
	.ob-grower-thread-form__grid {
		grid-template-columns: 1fr;
	}

	.ob-grower-thread-single__title {
		font-size: clamp(2rem, 11vw, 2.75rem);
	}

	.ob-grower-thread-single__content {
		font-size: var(--wp--preset--font-size--small);
	}

	.ob-grower-thread-form__submit {
		width: 100%;
	}
}

/* Design system sampler
---------------------------------------------------------------------------- */

.ob-design-system-page {
	background: var(--wp--preset--color--parchment);
}

.ob-design-system {
	--ob-mm-forest: var(--wp--preset--color--forest);
	--ob-mm-terracotta: var(--wp--preset--color--accent-dark);
	--ob-mm-parchment: var(--wp--preset--color--parchment);
	--ob-mm-tan: var(--wp--preset--color--tan);
	--ob-mm-ink: var(--wp--preset--color--ink);
	--ob-mm-muted: var(--wp--preset--color--muted);
	color: var(--wp--preset--color--ink);
}

.ob-design-system .ob-publication,
.ob-design-system .ob-blog {
	--ob-mm-forest: var(--wp--preset--color--forest);
	--ob-mm-terracotta: var(--wp--preset--color--accent-dark);
	--ob-mm-parchment: var(--wp--preset--color--parchment);
	--ob-mm-tan: var(--wp--preset--color--tan);
	--ob-mm-ink: var(--wp--preset--color--ink);
	--ob-mm-muted: var(--wp--preset--color--muted);
	--ob-blog-purple: var(--wp--preset--color--forest);
	--ob-blog-ink: var(--wp--preset--color--ink);
	--ob-blog-muted: var(--wp--preset--color--muted);
	--ob-blog-border: rgba(28, 80, 58, 0.18);
	--ob-blog-border-strong: rgba(28, 80, 58, 0.36);
	--ob-blog-soft: rgba(28, 80, 58, 0.07);
	--ob-blog-accent: var(--wp--preset--color--accent-dark);
	--ob-blog-shadow: rgba(28, 80, 58, 0.08);
	--ob-blog-shadow-strong: rgba(28, 80, 58, 0.14);
}

.ob-design-system__intro,
.ob-design-system__section {
	margin-inline: auto;
	max-width: 1180px;
	width: 100%;
}

.ob-design-system__section {
	margin-top: clamp(34px, 5vw, 60px);
}

.ob-design-system__section-head {
	margin-bottom: clamp(20px, 3vw, 34px);
	max-width: 760px;
}

.ob-design-system__section-head > * {
	margin-left: 0;
	margin-right: 0;
}

.ob-design-system__section-head h2,
.ob-design-system__section h2 {
	color: var(--wp--preset--color--ink);
	font-size: clamp(1.75rem, 4vw, 2.25rem);
	font-weight: var(--wp--custom--font-weight--bold);
	letter-spacing: 0;
	line-height: 1.1;
	margin: 0;
}

.ob-design-system__section-head p:not(.ob-publication__eyebrow),
.ob-design-system__preview-panel p,
.ob-design-system__family-card p:not(.ob-design-system__family-label) {
	color: var(--wp--preset--color--muted);
	font-size: var(--wp--preset--font-size--small);
	line-height: var(--wp--custom--line-height--medium);
	margin: 10px 0 0;
}

.ob-design-system__family-grid,
.ob-design-system__swatch-grid,
.ob-design-system__control-grid {
	display: grid;
	gap: clamp(18px, 2vw, 26px);
}

.ob-design-system__family-grid,
.ob-design-system__swatch-grid {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.ob-design-system__control-grid {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.ob-design-system__family-card,
.ob-design-system__swatch,
.ob-design-system__preview-panel {
	background: var(--wp--preset--color--white);
	border: 1px solid var(--wp--preset--color--tan);
	border-radius: 8px;
	box-shadow: 0 12px 28px rgba(28, 80, 58, 0.08);
	min-width: 0;
	padding: clamp(20px, 3vw, 28px);
}

.ob-design-system__family-card {
	border-left: 4px solid rgba(102, 51, 153, 0.38);
}

.ob-design-system__family-card--natural {
	border-left-color: var(--wp--preset--color--forest);
}

.ob-design-system__stripe-demo {
	background: var(--wp--preset--color--white);
	border: 1px solid var(--wp--preset--color--tan);
	border-radius: 8px;
	box-shadow: 0 12px 28px rgba(28, 80, 58, 0.08);
	overflow: hidden;
}

.ob-design-system__stripe-demo-header {
	background:
		radial-gradient(circle at 12% 12%, rgba(255, 255, 255, 0.12), transparent 28%),
		radial-gradient(circle at 88% 18%, rgba(176, 106, 58, 0.18), transparent 34%),
		linear-gradient(135deg, #6b379c 0%, #552c7e 46%, #42245f 100%);
	color: var(--wp--preset--color--white);
	font-weight: var(--wp--custom--font-weight--bold);
	padding: 18px clamp(20px, 3vw, 28px);
}

.ob-design-system__stripe-demo-bar {
	background: var(--ob-brand-stripe, linear-gradient(90deg, var(--wp--preset--color--primary), var(--wp--preset--color--terracotta), var(--wp--preset--color--forest)));
	height: 8px;
}

.ob-design-system__stripe-demo-body {
	color: var(--wp--preset--color--muted);
	font-size: var(--wp--preset--font-size--small);
	line-height: var(--wp--custom--line-height--medium);
	padding: clamp(20px, 3vw, 28px);
}

.ob-design-system__family-label {
	color: var(--wp--preset--color--accent-dark);
	font-size: 0.8rem;
	font-weight: var(--wp--custom--font-weight--bold);
	letter-spacing: 0.1em;
	line-height: 1.2;
	margin: 0 0 8px;
	text-transform: uppercase;
}

.ob-design-system__family-card h3,
.ob-design-system__swatch strong {
	color: var(--wp--preset--color--ink);
	font-size: clamp(1.15rem, 2vw, 1.35rem);
	font-weight: var(--wp--custom--font-weight--bold);
	letter-spacing: 0;
	line-height: 1.15;
	margin: 0;
}

.ob-design-system__swatch {
	align-items: center;
	display: grid;
	gap: 10px;
	grid-template-columns: 52px minmax(0, 1fr);
}

.ob-design-system__swatch code {
	background: transparent;
	color: var(--wp--preset--color--muted);
	font-size: 0.84rem;
	grid-column: 2;
	line-height: 1.2;
	padding: 0;
}

.ob-design-system__swatch-chip {
	align-self: stretch;
	border: 1px solid var(--wp--preset--color--tan);
	border-radius: 8px;
	grid-row: span 2;
	min-height: 52px;
}

.ob-design-system__swatch-chip--primary {
	background: var(--wp--preset--color--primary);
}

.ob-design-system__swatch-chip--secondary {
	background: var(--wp--preset--color--secondary);
}

.ob-design-system__swatch-chip--tertiary {
	background: var(--wp--preset--color--tertiary);
}

.ob-design-system__swatch-chip--forest {
	background: var(--wp--preset--color--forest);
}

.ob-design-system__swatch-chip--terracotta {
	background: var(--wp--preset--color--terracotta);
}

.ob-design-system__swatch-chip--accent-dark {
	background: var(--wp--preset--color--accent-dark);
}

.ob-design-system__swatch-chip--parchment {
	background: var(--wp--preset--color--parchment);
}

.ob-design-system__swatch-chip--tan {
	background: var(--wp--preset--color--tan);
}

.ob-design-system__swatch-chip--control-boundary {
	background: var(--wp--preset--color--control-boundary);
}

.ob-design-system__swatch-chip--ink {
	background: var(--wp--preset--color--ink);
}

.ob-design-system__preview-panel {
	display: flex;
	flex-direction: column;
	gap: 14px;
}

.ob-design-system__preview-panel .wp-block-buttons {
	gap: 12px;
	margin: 0;
}

.ob-design-system__preview-panel .ob-site-search--mobile {
	margin-top: 0;
}

.ob-design-system__preview-panel.ob-free-recipe-optin {
	margin-top: 0;
	max-width: none;
}

.ob-design-system__publication-posts {
	grid-template-columns: 1fr;
}

.ob-design-system .ob-grower-threads__grid {
	grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.48fr);
}

.ob-design-system .ob-grower-threads__form-card {
	grid-column: 1 / -1;
	grid-template-columns: minmax(0, 0.78fr) minmax(0, 1.12fr);
}

.ob-design-system .ob-grower-threads__form-card > *,
.ob-design-system .ob-grower-thread-form {
	min-width: 0;
}

.ob-design-system .ob-publication__empty {
	height: 100%;
	min-height: 220px;
}

@media only screen and (max-width: 1100px) {
	.ob-design-system__family-grid,
	.ob-design-system__swatch-grid,
	.ob-design-system__control-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.ob-design-system .ob-grower-threads__grid,
	.ob-design-system .ob-grower-threads__form-card {
		grid-template-columns: 1fr;
	}
}

@media only screen and (max-width: 700px) {
	.ob-design-system__family-grid,
	.ob-design-system__swatch-grid,
	.ob-design-system__control-grid,
	.ob-design-system .ob-grower-threads__grid,
	.ob-design-system .ob-grower-threads__form-card {
		grid-template-columns: 1fr;
	}
}

/* About page
---------------------------------------------------------------------------- */

.wp-site-blocks > .ob-about {
	background: var(--wp--preset--color--white);
	color: var(--wp--preset--color--ink);
	margin-left: calc(-1 * var(--wp--custom--spacing--outer));
	margin-right: calc(-1 * var(--wp--custom--spacing--outer));
	margin-block: 0;
	margin-top: 0;
}

.wp-site-blocks > .ob-about + footer.wp-block-template-part {
	margin-block-start: 0;
}

.ob-about {
	--ob-mm-forest: var(--wp--preset--color--forest);
	--ob-mm-terracotta: var(--wp--preset--color--accent-dark);
	--ob-mm-parchment: var(--wp--preset--color--parchment);
	--ob-mm-tan: var(--wp--preset--color--tan);
	--ob-mm-ink: var(--wp--preset--color--ink);
	--ob-mm-muted: var(--wp--preset--color--muted);
	--ob-about-border: var(--wp--preset--color--tan);
	--ob-about-border-strong: rgba(28, 80, 58, 0.28);
	--ob-about-shadow: rgba(44, 44, 42, 0.08);
	--ob-about-radius: 8px;
}

.ob-about :where(h1, h2, h3, p, figure) {
	margin-top: 0;
}

.ob-about :where(h1, h2, h3) {
	color: var(--wp--preset--color--ink);
	font-family: var(--wp--preset--font-family--heading);
	font-weight: var(--wp--custom--font-weight--bold);
	letter-spacing: 0;
	line-height: 1.08;
}

.ob-about p {
	color: inherit;
	line-height: var(--wp--custom--line-height--body);
}

.ob-about__wrap {
	margin-inline: auto;
	max-width: 1180px;
	padding-inline: var(--ob-edge-gutter);
	width: 100%;
}

.ob-about__narrow {
	max-width: 850px;
}

.ob-about .ob-about__eyebrow {
	color: var(--wp--preset--color--accent-dark);
	font-size: 0.88rem;
	font-weight: var(--wp--custom--font-weight--bold);
	letter-spacing: 0.12em;
	line-height: 1.2;
	margin-bottom: 10px;
	text-transform: uppercase;
}

.ob-about-section {
	padding-block: clamp(64px, 8vw, 96px);
}

.ob-about-section--mission,
.ob-about-section--values,
.ob-about-section--publication {
	background: var(--wp--preset--color--parchment);
}

.ob-about-section.ob-about-section--mission {
	padding-bottom: 0;
}

.ob-about-section--origin,
.ob-about-section--systems,
.ob-about-section--bio {
	background: var(--wp--preset--color--white);
}

.ob-about-section--thesis {
	background: var(--wp--preset--color--forest);
	color: var(--wp--preset--color--white);
}

.ob-about-section--cta {
	background: var(--wp--preset--color--ink);
	color: var(--wp--preset--color--white);
	padding-bottom: 104px;
}

.ob-about-hero {
	isolation: isolate;
	margin: 0;
	min-height: clamp(560px, 40vw, 680px);
	overflow: hidden;
	position: relative;
	width: 100%;
}

.ob-about-hero__image {
	height: 100%;
	inset: 0;
	object-fit: cover;
	object-position: center center;
	position: absolute;
	width: 100%;
	z-index: -2;
}

.ob-about-hero__shade {
	background:
		linear-gradient(90deg, rgba(250, 247, 242, 0.96) 0%, rgba(250, 247, 242, 0.86) 35%, rgba(250, 247, 242, 0.3) 64%, rgba(250, 247, 242, 0) 100%),
		linear-gradient(180deg, rgba(250, 247, 242, 0.02) 0%, rgba(44, 44, 42, 0.02) 68%, rgba(44, 44, 42, 0.16) 100%);
	inset: 0;
	position: absolute;
	z-index: -1;
}

.ob-about-hero__inner {
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin-inline: auto;
	max-width: 1180px;
	min-height: clamp(560px, 40vw, 680px);
	padding: clamp(76px, 9vw, 112px) var(--ob-edge-gutter);
	width: 100%;
}

.ob-about-hero h1 {
	font-size: clamp(3rem, 5.5vw, 4.9rem);
	margin-bottom: 24px;
	max-width: 720px;
}

.ob-about-hero__lead {
	color: var(--wp--preset--color--ink);
	font-size: clamp(1.12rem, 2vw, 1.34rem);
	line-height: var(--wp--custom--line-height--medium);
	margin-bottom: 30px;
	max-width: 650px;
}

.ob-about-hero__actions {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
}

.ob-about__button {
	margin-top: 0;
}

.ob-about__text-link {
	color: var(--wp--preset--color--forest);
	font-size: var(--wp--preset--font-size--small);
	font-weight: var(--wp--custom--font-weight--bold);
	text-decoration: none;
}

.ob-about__text-link:focus,
.ob-about__text-link:hover {
	color: var(--wp--preset--color--accent-dark);
	text-decoration: none;
}

.ob-about__mission-intro,
.ob-about__origin-grid,
.ob-about__split,
.ob-about__bio-grid,
.ob-about__cta-grid {
	display: grid;
	gap: clamp(30px, 5vw, 58px);
	grid-template-columns: minmax(0, 1.05fr) minmax(300px, 0.95fr);
}

.ob-about__mission-intro {
	align-items: end;
	grid-template-columns: minmax(0, 0.95fr) minmax(300px, 1.05fr);
}

.ob-about__mission-intro h2 {
	margin-bottom: 0;
}

.ob-about__origin-grid {
	grid-template-columns: minmax(0, 1.1fr) minmax(300px, 0.9fr);
}

.ob-about__split--reverse {
	grid-template-columns: minmax(300px, 0.95fr) minmax(0, 1.05fr);
}

.ob-about__copy {
	align-self: center;
	min-width: 0;
}

.ob-about__copy h2,
.ob-about__section-head h2 {
	font-size: clamp(2rem, 4vw, 2.85rem);
	margin-bottom: 24px;
}

.ob-about__copy p {
	font-size: 1.05rem;
	margin-bottom: 18px;
}

.ob-about__copy p:last-child {
	margin-bottom: 0;
}

.ob-about__mission-quote-band {
	background: var(--wp--preset--color--forest);
	margin-top: clamp(50px, 7vw, 84px);
}

.ob-about__mission-quote {
	align-items: start;
	display: grid;
	gap: clamp(20px, 3vw, 38px);
	grid-template-columns: clamp(56px, 7vw, 88px) minmax(0, 1fr);
	padding-block: clamp(56px, 8vw, 92px);
}

.ob-about__mission-quote-mark {
	color: var(--wp--preset--color--white);
	font-family: var(--wp--preset--font-family--heading);
	font-size: clamp(5.5rem, 10vw, 9rem);
	font-weight: var(--wp--custom--font-weight--regular);
	line-height: 0.68;
	opacity: 0.78;
}

.ob-about__mission-quote p {
	color: var(--wp--preset--color--white);
	font-family: var(--wp--preset--font-family--heading);
	font-size: clamp(2rem, 3.6vw, 3rem);
	font-weight: var(--wp--custom--font-weight--semi-bold);
	line-height: 1.32;
	margin-bottom: 0;
	max-width: 62rem;
	text-wrap: balance;
}

.ob-about__editorial-note {
	align-self: center;
	border-left: 3px solid var(--wp--preset--color--terracotta);
	padding: 6px 0 6px clamp(24px, 4vw, 38px);
}

.ob-about .ob-about__editorial-note-lead {
	color: var(--wp--preset--color--ink);
	display: block;
	font-family: var(--wp--preset--font-family--heading);
	font-size: clamp(1.3rem, 2.5vw, 1.7rem);
	font-weight: var(--wp--custom--font-weight--semi-bold);
	line-height: 1.4;
	margin-bottom: 18px;
}

.ob-about .ob-about__editorial-note-context {
	color: var(--wp--preset--color--muted);
	display: block;
	font-family: var(--wp--preset--font-family--primary);
	font-size: 1.05rem;
	font-weight: var(--wp--custom--font-weight--semi-bold);
	line-height: var(--wp--custom--line-height--medium);
	margin-bottom: 0;
}

.ob-about-section--thesis .ob-about__copy h2,
.ob-about-section--thesis .ob-about__copy p,
.ob-about-section--thesis .ob-about__eyebrow,
.ob-about-section--cta .ob-about__copy h2,
.ob-about-section--cta .ob-about__copy p,
.ob-about-section--cta .ob-about__eyebrow {
	color: inherit;
}

.ob-about-section--thesis .ob-about__eyebrow,
.ob-about-section--cta .ob-about__eyebrow {
	color: var(--wp--preset--color--parchment);
}

.ob-about__media,
.ob-about__image-frame {
	border-radius: var(--ob-about-radius);
}

.ob-about__media {
	align-items: flex-start;
	align-self: stretch;
	background: rgba(250, 247, 242, 0.1);
	border: 1px dashed rgba(250, 247, 242, 0.44);
	color: var(--wp--preset--color--white);
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	min-height: 440px;
	overflow: hidden;
	padding: 30px;
}

.ob-about__media--photo {
	background: transparent;
	border: 0;
	display: block;
	margin-bottom: 0;
	padding: 0;
	position: relative;
}

.ob-about__media--photo img {
	display: block;
	height: 100%;
	inset: 0;
	object-fit: cover;
	position: absolute;
	width: 100%;
}

.ob-about__media--plant img {
	object-position: center center;
}

.ob-about__media--profile {
	aspect-ratio: 1 / 1;
	min-height: 0;
}

.ob-about__media--profile img {
	object-position: center center;
}

.ob-about__media p {
	color: inherit;
	line-height: var(--wp--custom--line-height--medium);
	margin-bottom: 0;
	max-width: 430px;
}

.ob-about__media-label {
	font-size: 0.82rem;
	font-weight: var(--wp--custom--font-weight--bold);
	margin-bottom: 10px !important;
	text-transform: uppercase;
}

.ob-about__image-frame {
	background: var(--wp--preset--color--white);
	border: 1px solid var(--ob-about-border);
	box-shadow: 0 18px 42px var(--ob-about-shadow);
	margin-bottom: 0;
	overflow: hidden;
}

.ob-about__image-frame img {
	aspect-ratio: 4 / 3;
	display: block;
	height: auto;
	object-fit: cover;
	object-position: center center;
	width: 100%;
}

.ob-about__image-frame figcaption {
	color: var(--wp--preset--color--muted);
	font-size: 0.9rem;
	line-height: var(--wp--custom--line-height--medium);
	padding: 14px 18px 18px;
	text-align: left;
}

.ob-about__section-head {
	margin-bottom: 34px;
	max-width: 820px;
}

.ob-about__section-head p:not(.ob-about__eyebrow) {
	color: var(--wp--preset--color--muted);
	font-size: var(--wp--preset--font-size--medium);
	line-height: var(--wp--custom--line-height--medium);
	margin-bottom: 0;
}

.ob-about-values {
	display: grid;
	gap: clamp(18px, 2vw, 26px);
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.ob-about-value {
	background: var(--wp--preset--color--white);
	border: 1px solid var(--ob-about-border);
	border-radius: var(--ob-about-radius);
	box-shadow: 0 14px 34px var(--ob-about-shadow);
	padding: clamp(20px, 2.5vw, 26px);
}

.ob-about-value h3 {
	font-size: 1.35rem;
	margin-bottom: 12px;
}

.ob-about-value p {
	color: var(--wp--preset--color--muted);
	font-size: var(--wp--preset--font-size--small);
	line-height: var(--wp--custom--line-height--medium);
	margin-bottom: 0;
}
.ob-about-publication {
	align-items: center;
	background: var(--wp--preset--color--white);
	border: 1px solid var(--ob-about-border);
	border-radius: var(--ob-about-radius);
	box-shadow: 0 18px 42px var(--ob-about-shadow);
	display: grid;
	gap: clamp(28px, 5vw, 54px);
	grid-template-columns: minmax(0, 1fr) minmax(260px, 0.74fr);
	padding-block: clamp(28px, 5vw, 46px);
	padding-inline: clamp(24px, 4vw, 42px);
}

.ob-about-publication__copy {
	min-width: 0;
}

.ob-about-publication__copy h2 {
	font-size: clamp(2rem, 4vw, 2.85rem);
	margin-bottom: 18px;
}

.ob-about-publication__copy p {
	color: var(--wp--preset--color--muted);
	font-size: var(--wp--preset--font-size--medium);
	line-height: var(--wp--custom--line-height--medium);
	margin-bottom: clamp(20px, 3vw, 28px);
	max-width: 44rem;
}

.ob-about-publication__mark {
	align-items: center;
	background: var(--wp--preset--color--parchment);
	border: 1px solid var(--ob-about-border);
	border-radius: var(--ob-about-radius);
	display: flex;
	justify-content: center;
	min-height: 240px;
	padding: clamp(24px, 4vw, 38px);
}

.ob-about-publication__mark img {
	display: block;
	height: auto;
	max-width: 360px;
	width: 100%;
}

.ob-about-form {
	margin-top: 28px;
	max-width: 540px;
}

.ob-about-form__row {
	display: flex;
	gap: 10px;
}

.ob-about-form__input {
	background: var(--wp--preset--color--white);
	border: 1px solid var(--wp--preset--color--control-boundary);
	border-radius: 999px;
	color: var(--wp--preset--color--ink);
	flex: 1 1 auto;
	font-size: var(--wp--preset--font-size--small);
	min-width: 0;
	padding: 13px 14px;
	width: auto;
}

.ob-about-form__input::placeholder {
	color: var(--wp--preset--color--muted);
	opacity: 1;
}

.ob-about-form__button {
	cursor: pointer;
	flex: 0 0 auto;
	margin-top: 0;
}

.ob-about-form__note {
	color: var(--wp--preset--color--tan) !important;
	font-size: 0.92rem !important;
	line-height: var(--wp--custom--line-height--medium) !important;
	margin-top: 14px;
	max-width: 520px;
}

.ob-about__sr-only,
.ob-about__field-trap {
	border: 0;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	white-space: nowrap;
	width: 1px;
}

.ob-about__cta-note {
	align-self: center;
	background: rgba(250, 247, 242, 0.08);
	border: 1px solid rgba(250, 247, 242, 0.22);
	border-radius: var(--ob-about-radius);
	padding: clamp(24px, 4vw, 34px);
}

.ob-about__cta-note ul {
	display: grid;
	gap: 14px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.ob-about__cta-note li {
	color: var(--wp--preset--color--tan);
	font-size: var(--wp--preset--font-size--small);
	line-height: var(--wp--custom--line-height--medium);
	padding-left: 20px;
	position: relative;
}

.ob-about__cta-note li::before {
	background: var(--wp--preset--color--terracotta);
	border-radius: 999px;
	content: "";
	height: 7px;
	left: 0;
	position: absolute;
	top: 0.62em;
	width: 7px;
}

@media only screen and (max-width: 1040px) {
	.ob-about__mission-intro,
	.ob-about__origin-grid,
	.ob-about__split,
	.ob-about__split--reverse,
	.ob-about__bio-grid,
	.ob-about__cta-grid {
		grid-template-columns: 1fr;
	}

	.ob-about-publication {
		grid-template-columns: 1fr;
	}

	.ob-about-values {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media only screen and (max-width: 760px) {
	.ob-about__wrap {
		max-width: 100%;
		padding-inline: var(--ob-edge-gutter-compact);
		width: auto;
	}

	.ob-about__bio-grid,
	.ob-about__bio-grid > *,
	.ob-about__media--profile {
		max-width: 100%;
		min-width: 0;
		width: 100%;
	}

	.ob-about-section {
		padding-block: 62px;
	}

	.ob-about-hero {
		min-height: 610px;
	}

	.ob-about-hero__image {
		object-position: 72% center;
	}

	.ob-about-hero__shade {
		background:
			linear-gradient(180deg, rgba(44, 44, 42, 0) 0%, rgba(44, 44, 42, 0) 70%, rgba(44, 44, 42, 0.14) 100%),
			linear-gradient(180deg, rgba(250, 247, 242, 0.98) 0%, rgba(250, 247, 242, 0.9) 58%, rgba(250, 247, 242, 0.5) 100%),
			linear-gradient(90deg, rgba(250, 247, 242, 0.96) 0%, rgba(250, 247, 242, 0.68) 100%);
	}

	.ob-about-hero__inner {
		min-height: 610px;
		padding: 58px var(--ob-edge-gutter-compact);
	}

	.ob-about-hero h1 {
		font-size: 3rem;
	}

	.ob-about-hero__lead {
		font-size: 1.08rem;
	}

	.ob-about__copy h2,
	.ob-about__section-head h2 {
		font-size: 2.15rem;
	}

	.ob-about__mission-quote-band {
		margin-top: 40px;
	}

	.ob-about__mission-quote {
		gap: 18px;
		grid-template-columns: 1fr;
		padding-block: 46px;
	}

	.ob-about__mission-quote-mark {
		font-size: 5rem;
		line-height: 0.58;
	}

	.ob-about__mission-quote p {
		font-size: 2rem;
		line-height: 1.34;
	}

	.ob-about__media {
		min-height: 320px;
		padding: 24px;
	}

	.ob-about__media--photo {
		padding: 0;
	}

	.ob-about-values {
		grid-template-columns: 1fr;
	}

	.ob-about-form__row {
		flex-direction: column;
	}

	.ob-about-form__button,
	.ob-about-form__input {
		width: 100%;
	}
}

/* Homepage signup hero
---------------------------------------------------------------------------- */

.home-hero-signup {
	--home-hero-radius: 6px;
	--home-hero-paper: #faf7f2;
	--home-hero-earth: #67553b;
	--home-hero-canopy: #263f2b;
	background-color: var(--home-hero-paper);
	color: var(--wp--preset--color--ink);
	margin-block-start: 0;
	overflow: hidden;
}

.wp-site-blocks > .home-hero-signup {
	margin-block-start: 0;
}

.page-template-test-page .wp-site-blocks > .home-hero-signup.alignfull {
	border-radius: 0;
	margin-left: calc(-1 * var(--wp--custom--spacing--outer)) !important;
	margin-right: calc(-1 * var(--wp--custom--spacing--outer)) !important;
	max-width: none;
	width: auto;
}

.home-hero-signup__inner {
	display: grid;
	grid-template-columns: 1fr;
	margin-inline: auto;
	max-width: var(--wp--style--global--wide-size);
	min-height: auto;
	padding: 64px var(--ob-edge-gutter-compact);
	width: 100%;
}

.home-hero-signup__content {
	align-self: center;
	margin-inline: auto;
	max-width: 640px;
	text-align: center;
	width: 100%;
}

.home-hero-signup__content > * {
	margin-block-start: 0;
}

.home-hero-signup__eyebrow {
	color: var(--wp--preset--color--accent-dark);
	font-size: 15px;
	font-weight: var(--wp--custom--font-weight--bold);
	letter-spacing: 0;
	line-height: 1.2;
	margin-block-end: 14px;
	text-transform: uppercase;
}

.home-hero-signup__title {
	color: var(--wp--preset--color--ink);
	font-size: 38px;
	font-weight: var(--wp--custom--font-weight--bold);
	line-height: 1.05;
	margin-block-end: 18px;
}

.home-hero-signup__text {
	color: var(--wp--preset--color--muted);
	font-size: var(--wp--preset--font-size--medium);
	line-height: var(--wp--custom--line-height--medium);
	margin-block-end: 0;
}

.home-hero-signup__form {
	margin-block-start: 28px;
	width: 100%;
}

.home-hero-signup__form > *,
.home-hero-signup__form form,
.home-hero-signup__form [id^="sib_signup_form"] {
	max-width: 640px;
	width: 100%;
}

.home-hero-signup__form form,
.home-hero-signup__form [id^="sib_signup_form"] {
	margin: 0 auto;
}

.home-hero-signup__form p {
	margin-block: 0 12px;
}

.home-hero-signup__form :is(label, .sib-label) {
	color: var(--wp--preset--color--ink);
	display: block;
	font-size: var(--wp--preset--font-size--small);
	font-weight: var(--wp--custom--font-weight--medium);
	line-height: 1.4;
	margin-block-end: 7px;
}

.home-hero-signup__form :is(input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]), select, textarea) {
	background-color: var(--wp--preset--color--white);
	border: 1px solid var(--wp--preset--color--control-boundary);
	border-radius: var(--home-hero-radius);
	color: var(--wp--preset--color--ink);
	font-family: inherit;
	font-size: var(--wp--preset--font-size--small);
	min-height: 52px;
	padding: 12px 14px;
	width: 100%;
}

.home-hero-signup__form :is(input[type="submit"], button[type="submit"], .sib-default-btn) {
	background-color: var(--wp--preset--color--forest);
	border: 1px solid var(--wp--preset--color--forest);
	border-radius: var(--home-hero-radius);
	color: var(--wp--preset--color--parchment);
	cursor: pointer;
	font-family: inherit;
	font-size: var(--wp--preset--font-size--small);
	font-weight: var(--wp--custom--font-weight--bold);
	line-height: 1.2;
	min-height: 52px;
	padding: 13px 22px;
	text-decoration: none;
	width: 100%;
}

.home-hero-signup__form :is(input[type="submit"], button[type="submit"], .sib-default-btn):hover {
	background-color: var(--wp--preset--color--accent-dark);
	border-color: var(--wp--preset--color--accent-dark);
	color: var(--wp--preset--color--white);
	text-decoration: none;
}

.home-hero-signup__form :is(a, button, input, select, textarea):focus-visible {
	outline: 2px solid var(--wp--preset--color--terracotta);
	outline-offset: 2px;
}

.home-hero-signup__privacy {
	color: var(--wp--preset--color--muted);
	font-size: var(--wp--preset--font-size--small);
	line-height: 1.45;
	margin-block-end: 0;
	margin-block-start: 14px;
}

.home-hero-signup__visual {
	display: none;
}

@media (min-width: 768px) {

	.home-hero-signup {
		background-color: #e9dfcf;
		background-image:
			linear-gradient(
				90deg,
				var(--home-hero-paper) 0%,
				rgba(250, 247, 242, 0.98) 34%,
				rgba(250, 247, 242, 0.82) 47%,
				rgba(103, 85, 59, 0.11) 64%,
				rgba(38, 63, 43, 0.2) 100%
			),
			url("assets/images/hero-image-compressed.webp"),
			linear-gradient(90deg, var(--home-hero-paper) 0%, #d4c0a1 58%, var(--home-hero-canopy) 100%);
		background-position:
			center,
			center right,
			center left;
		background-repeat:
			no-repeat,
			no-repeat,
			no-repeat;
		background-size:
			cover,
			auto 100%,
			cover;
	}

	.home-hero-signup__inner {
		grid-template-columns: minmax(0, 0.48fr) minmax(0, 0.52fr);
		min-height: clamp(560px, 72vh, 780px);
		padding: 0 var(--wp--custom--spacing--outer);
	}

	.home-hero-signup__content {
		justify-self: start;
		margin-inline: 0;
		max-width: 560px;
		padding: 56px 0;
		text-align: left;
	}

	.home-hero-signup__title {
		font-size: 58px;
	}

	.home-hero-signup__form form,
	.home-hero-signup__form [id^="sib_signup_form"] {
		margin-left: 0;
		margin-right: 0;
	}

	.home-hero-signup__visual {
		display: block;
		min-width: 0;
	}

}

@media (min-width: 1000px) {

	.home-hero-signup__form [class^="sib_signup_box_inside_"],
	.home-hero-signup__form [class*=" sib_signup_box_inside_"] {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		column-gap: 16px;
		row-gap: 14px;
	}

	.home-hero-signup__form [class^="sib_signup_box_inside_"] > p,
	.home-hero-signup__form [class*=" sib_signup_box_inside_"] > p {
		margin-block-end: 0;
	}

	.home-hero-signup__form [class^="sib_signup_box_inside_"] > .sib_msg_disp:empty,
	.home-hero-signup__form [class*=" sib_signup_box_inside_"] > .sib_msg_disp:empty {
		display: none;
	}

	.home-hero-signup__form [class^="sib_signup_box_inside_"] > .sib_msg_disp,
	.home-hero-signup__form [class*=" sib_signup_box_inside_"] > .sib_msg_disp,
	.home-hero-signup__form [class^="sib_signup_box_inside_"] > .invi-recaptcha,
	.home-hero-signup__form [class*=" sib_signup_box_inside_"] > .invi-recaptcha,
	.home-hero-signup__form [class^="sib_signup_box_inside_"] > p:has(:is(input[type="submit"], button[type="submit"], .sib-default-btn)),
	.home-hero-signup__form [class*=" sib_signup_box_inside_"] > p:has(:is(input[type="submit"], button[type="submit"], .sib-default-btn)),
	.home-hero-signup__form [class^="sib_signup_box_inside_"] > .sib-alert-message,
	.home-hero-signup__form [class*=" sib_signup_box_inside_"] > .sib-alert-message,
	.home-hero-signup__form [class^="sib_signup_box_inside_"] > .sib-captcha,
	.home-hero-signup__form [class*=" sib_signup_box_inside_"] > .sib-captcha {
		grid-column: 1 / -1;
	}

}

@media (min-width: 1200px) {

	.home-hero-signup {
		background-size:
			cover,
			auto 100%,
			cover;
	}

	.home-hero-signup__title {
		font-size: 64px;
	}

}

@media (max-width: 767px) {

	.home-hero-signup {
		background-image: none;
	}

	.home-hero-signup__inner {
		grid-template-columns: 1fr;
	}

	.home-hero-signup__content {
		margin-inline: auto;
		max-width: 520px;
		width: 100%;
	}

}

/* OrchidBoy Homepage — Mineral & Microbe front page
----------------------------------------------------------------------------
   Every rule is scoped under .ob-home so no other template is affected.
   Colors resolve from the brand presets added in theme.json:
   forest, terracotta, parchment, tan, ink, muted, white.
   Type uses Nunito for body copy and Lora for headings, as registered in
   theme.json.
---------------------------------------------------------------------------- */

.ob-home {
	--ob-radius: 6px;
	color: var(--wp--preset--color--ink);
}

.ob-home a {
	color: var(--wp--preset--color--accent-dark);
}

/* Section label / eyebrow */
.ob-home .ob-label {
	font-size: 13px;
	font-weight: var(--wp--custom--font-weight--bold);
	letter-spacing: 0.12em;
	text-transform: uppercase;
	line-height: 1.2;
	margin: 0 0 12px;
}

/* Caption */
.ob-home .ob-caption {
	font-size: 13px;
	color: var(--wp--preset--color--muted);
}

/* Accessible, visually hidden labels */
.ob-home .sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	border: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
}

/* Subscribe form (shared by hero + book teaser)
--------------------------------------------- */

.ob-home .ob-subscribe {
	width: 100%;
	max-width: 420px;
	margin: 0 auto;
}

.ob-home .ob-subscribe__row {
	display: flex;
	gap: 8px;
}

.ob-home .ob-subscribe__input {
	flex: 1 1 auto;
	width: auto;
	min-width: 0;
	background-color: var(--wp--preset--color--white);
	border: 1px solid var(--wp--preset--color--control-boundary);
	border-radius: var(--ob-radius);
	color: var(--wp--preset--color--ink);
	font-size: var(--wp--preset--font-size--small);
	padding: 12px 14px;
}

.ob-home .ob-subscribe__input::placeholder {
	color: var(--wp--preset--color--muted);
	font-size: var(--wp--preset--font-size--small);
	opacity: 1;
}

.ob-home .ob-subscribe__button {
	flex: 0 0 auto;
	background-color: var(--wp--preset--color--forest);
	color: var(--wp--preset--color--parchment);
	border: 1px solid var(--wp--preset--color--forest);
	border-radius: var(--ob-radius);
	font-weight: var(--wp--custom--font-weight--bold);
	font-size: var(--wp--preset--font-size--small);
	line-height: 1.2;
	padding: 12px 22px;
	cursor: pointer;
}

.ob-home .ob-subscribe__button:hover {
	filter: brightness(1.12);
}

.ob-home .ob-subscribe__input:focus-visible,
.ob-home .ob-subscribe__button:focus-visible {
	outline: 2px solid var(--wp--preset--color--terracotta);
	outline-offset: 2px;
}

/* Quiet/secondary variant — keeps Subscribe the only primary CTA */
.ob-home .ob-subscribe--quiet .ob-subscribe__button {
	background-color: transparent;
	color: var(--wp--preset--color--forest);
	border-color: var(--wp--preset--color--forest);
	font-weight: var(--wp--custom--font-weight--medium);
}

.ob-home .ob-subscribe--quiet .ob-subscribe__button:hover {
	background-color: var(--wp--preset--color--forest);
	color: var(--wp--preset--color--parchment);
	filter: none;
}

/* 1. Hero (above the fold)
--------------------------------------------- */

.ob-home.ob-hero {
	margin-top: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding-top: 80px;
	padding-bottom: 80px;
}

.ob-hero .ob-hero__inner {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 14px;
	text-align: center;
}

.ob-hero .ob-hero__inner > * {
	margin: 0;
}

.ob-hero .ob-avatar {
	width: 104px;
}

.ob-hero .ob-avatar img {
	width: 104px;
	height: 104px;
	border-radius: 50%;
	object-fit: cover;
	box-shadow: none;
	display: block;
}

.ob-hero .ob-hero__bio {
	font-size: var(--wp--preset--font-size--small);
	color: var(--wp--preset--color--muted);
}

.ob-hero h1 {
	font-weight: var(--wp--custom--font-weight--bold);
	font-size: clamp(26px, 6vw, 38px);
	line-height: 1.15;
	color: var(--wp--preset--color--ink);
}

.ob-hero .ob-hero__subline {
	font-size: var(--wp--preset--font-size--medium);
	color: var(--wp--preset--color--ink);
}

/* 2. Recent essays
--------------------------------------------- */

.ob-home.ob-essays {
	padding-top: 56px;
	padding-bottom: 56px;
}

.ob-essays .ob-label {
	text-align: center;
}

.ob-essays .ob-essays__list {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 30px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.ob-essays .ob-essays__list > li {
	margin: 0;
}

.ob-essays .ob-essay__image {
	margin: 0 0 14px;
}

.ob-essays .ob-essay__image img {
	width: 100%;
	aspect-ratio: 3 / 2;
	object-fit: cover;
	border-radius: var(--ob-radius);
}

/* When a post has no featured image, WP renders no image element at all,
   which would let that card's title ride up. Reserve the same 3:2 space
   with a quiet placeholder so every card's title aligns on one baseline. */
.ob-essays .ob-essays__list > li:not(.has-post-thumbnail)::before {
	content: "";
	display: block;
	aspect-ratio: 3 / 2;
	margin: 0 0 14px;
	border-radius: var(--ob-radius);
	background-color: var(--wp--preset--color--tan);
}

.ob-essays .ob-essay__title {
	font-size: var(--wp--preset--font-size--large);
	font-weight: var(--wp--custom--font-weight--semi-bold);
	line-height: 1.25;
	margin: 0 0 8px;
}

.ob-essays .ob-essay__title a {
	color: var(--wp--preset--color--ink);
	text-decoration: none;
}

.ob-essays .ob-essay__title a:hover {
	color: var(--wp--preset--color--accent-dark);
}

.ob-essays .ob-essay__dek,
.ob-essays .ob-essay__dek p {
	margin: 0;
	color: var(--wp--preset--color--muted);
	font-size: var(--wp--preset--font-size--small);
}

.ob-essays .ob-essay__dek p {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

/* 3. Book teaser (quiet)
--------------------------------------------- */

.ob-home.ob-book {
	padding-top: 48px;
	padding-bottom: 48px;
}

.ob-book .ob-book__inner {
	gap: 32px;
}

.ob-book .ob-book__cover {
	margin: 0;
	flex: 0 0 auto;
}

.ob-book .ob-book__cover img {
	width: 150px;
	height: auto;
	border-radius: var(--ob-radius);
	box-shadow: none;
}

.ob-book .ob-book__text {
	max-width: 360px;
}

.ob-book .ob-book__text .ob-label {
	color: var(--wp--preset--color--muted);
	margin-bottom: 6px;
}

.ob-book .ob-book__title {
	font-size: var(--wp--preset--font-size--large);
	font-weight: var(--wp--custom--font-weight--semi-bold);
	line-height: 1.2;
	color: var(--wp--preset--color--muted);
	margin: 0 0 14px;
}

/* 4. Brand cross-links (homepage footer band)
--------------------------------------------- */

.ob-home.ob-brands {
	padding-top: 40px;
	padding-bottom: 40px;
	border-top: 1px solid var(--wp--preset--color--tan);
}

.ob-brands .ob-brands__links {
	font-weight: var(--wp--custom--font-weight--semi-bold);
	margin: 0 0 10px;
}

.ob-brands .ob-brands__links a {
	color: var(--wp--preset--color--forest);
	text-decoration: none;
}

.ob-brands .ob-brands__links a:hover {
	color: var(--wp--preset--color--accent-dark);
}

.ob-brands .ob-brands__dot {
	color: var(--wp--preset--color--muted);
}

.ob-brands .ob-brands__explainer {
	max-width: 560px;
	margin: 0 auto 14px;
	font-size: var(--wp--preset--font-size--small);
	color: var(--wp--preset--color--muted);
}

.ob-brands .ob-brands__social {
	margin: 0;
	font-size: 13px;
}

.ob-brands .ob-brands__social a {
	color: var(--wp--preset--color--muted);
	text-decoration: none;
}

.ob-brands .ob-brands__social a:hover {
	color: var(--wp--preset--color--accent-dark);
}

/* Responsive
--------------------------------------------- */

@media (max-width: 781px) {

	.ob-essays .ob-essays__list {
		grid-template-columns: 1fr;
	}

	.ob-book .ob-book__text {
		text-align: center;
	}

}

/* Grower-first homepage and resource directory
---------------------------------------------------------------------------- */

.ob-homepage-page,
.ob-start-page {
	background: var(--wp--preset--color--white);
	margin-top: 0;
	padding: clamp(58px, 7vw, 82px) var(--ob-edge-gutter) clamp(62px, 8vw, 88px);
}

.ob-homepage,
.ob-start,
.ob-resource-directory,
.ob-search-resources {
	--ob-mm-forest: var(--wp--preset--color--forest);
	--ob-mm-terracotta: var(--wp--preset--color--accent-dark);
	--ob-mm-parchment: var(--wp--preset--color--parchment);
	--ob-mm-tan: var(--wp--preset--color--tan);
	--ob-mm-ink: var(--wp--preset--color--ink);
	--ob-mm-muted: var(--wp--preset--color--muted);
	--ob-blog-purple: var(--wp--preset--color--forest);
	--ob-blog-accent: var(--wp--preset--color--accent-dark);
	--ob-blog-border: rgba(28, 80, 58, 0.18);
	--ob-blog-border-strong: rgba(28, 80, 58, 0.36);
	--ob-blog-shadow: rgba(28, 80, 58, 0.08);
	--ob-blog-shadow-strong: rgba(28, 80, 58, 0.14);
	color: var(--ob-mm-ink);
}

.ob-homepage,
.ob-start {
	display: grid;
	gap: clamp(44px, 7vw, 78px);
	margin-inline: auto;
	max-width: 1180px;
	width: 100%;
}

.ob-homepage > *,
.ob-start > *,
.ob-homepage__section > *,
.ob-start__section > * {
	margin-block-start: 0;
}

.ob-homepage__hero,
.ob-start__hero {
	margin-inline: auto;
	max-width: 1040px;
	text-align: left;
}

.ob-homepage__hero .ob-publication__title,
.ob-start__hero .ob-publication__title {
	max-width: 18ch;
}

.ob-homepage__hero .ob-publication__intro,
.ob-start__hero .ob-publication__intro {
	margin-inline: 0;
	max-width: 760px;
}

.ob-homepage__actions {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 14px 22px;
	margin-top: clamp(24px, 4vw, 34px);
}

.ob-homepage__text-link,
.ob-resource-card .ob-post-card__read-more {
	align-items: center;
	color: var(--ob-mm-forest);
	display: inline-flex;
	font-weight: var(--wp--custom--font-weight--bold);
	gap: 8px;
	text-decoration-color: transparent;
	text-underline-offset: 4px;
}

.ob-homepage__text-link:focus,
.ob-homepage__text-link:hover,
.ob-resource-card .ob-post-card__read-more:focus,
.ob-resource-card .ob-post-card__read-more:hover {
	color: var(--ob-mm-terracotta);
	text-decoration-color: currentColor;
}

.ob-homepage__section,
.ob-start__section {
	display: grid;
	gap: clamp(22px, 4vw, 34px);
}

.ob-homepage__section-header {
	margin-inline: 0;
	max-width: 760px;
}

.ob-homepage__section-header > * {
	margin-block-start: 0;
}

.ob-homepage__section-title {
	color: var(--ob-mm-ink);
	font-size: clamp(1.8rem, 3.6vw, 2.8rem);
	line-height: 1.12;
	margin: 0;
}

.ob-homepage__section-intro {
	color: var(--ob-mm-muted);
	font-size: var(--wp--preset--font-size--medium);
	line-height: var(--wp--custom--line-height--medium);
	margin: 14px 0 0;
}

.ob-resource-directory {
	display: grid;
	gap: clamp(20px, 3vw, 30px);
	width: 100%;
}

.ob-resource-directory__header {
	max-width: 760px;
}

.ob-resource-directory__header > * {
	margin-block-start: 0;
}

.ob-resource-directory .ob-resource-directory__grid {
	display: grid;
	gap: clamp(18px, 2vw, 26px);
	grid-auto-rows: 1fr;
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.ob-resource-directory__grid > * {
	margin-block-start: 0;
	min-width: 0;
}

.ob-resource-card {
	border-left: 4px solid var(--ob-mm-forest);
	box-shadow: 0 12px 28px var(--ob-blog-shadow);
	min-height: 100%;
}

.ob-resource-card:focus-within,
.ob-resource-card:hover {
	border-left-color: var(--ob-blog-border-strong);
}

.ob-resource-card .ob-post-card__body {
	gap: 13px;
	padding: clamp(20px, 2.5vw, 26px);
}

.ob-resource-card .ob-post-card__meta,
.ob-resource-card__eyebrow {
	color: var(--ob-mm-terracotta);
	font-size: 0.76rem;
	font-weight: var(--wp--custom--font-weight--extra-bold);
	letter-spacing: 0.12em;
	line-height: 1.2;
	text-transform: uppercase;
}

.ob-resource-card .ob-post-card__title,
.ob-resource-card .ob-post-card__title a {
	color: var(--ob-mm-ink);
}

.ob-resource-card .ob-post-card__title a:focus,
.ob-resource-card .ob-post-card__title a:hover {
	color: var(--ob-mm-forest);
}

.ob-resource-card .ob-post-card__excerpt {
	color: var(--ob-mm-muted);
	flex: 1 1 auto;
	line-height: 1.6;
}

.ob-homepage__book {
	grid-template-columns: minmax(0, 1.35fr) minmax(190px, 0.65fr);
}

.ob-homepage__book-media {
	align-items: center;
	display: flex;
	justify-content: center;
	min-width: 0;
}

.ob-homepage__book-media img {
	box-shadow: none;
	height: auto;
	margin: 0;
	max-height: 360px;
	object-fit: contain;
	width: auto;
}

.ob-homepage__closing {
	align-items: start;
	background: var(--ob-mm-parchment);
	border: 1px solid var(--ob-mm-tan);
	border-radius: 8px;
	display: grid;
	gap: clamp(26px, 4vw, 46px);
	grid-template-columns: minmax(0, 1fr) minmax(320px, 0.82fr);
	padding: clamp(26px, 5vw, 48px);
}

.ob-homepage__closing > * {
	margin-block-start: 0;
	min-width: 0;
}

.ob-homepage__closing h2 {
	color: var(--ob-mm-ink);
	font-size: clamp(1.65rem, 3vw, 2.3rem);
	margin: 0;
}

.ob-homepage__closing p:not(.ob-publication__eyebrow) {
	color: var(--ob-mm-muted);
	line-height: var(--wp--custom--line-height--medium);
}

.ob-homepage .ob-publication-latest {
	margin-inline: 0;
	width: 100%;
}

.ob-homepage .ob-publication-latest__inner {
	padding-inline: 0;
}

.ob-start__section--deeper {
	background: var(--ob-mm-parchment);
	border: 1px solid var(--ob-mm-tan);
	border-radius: 8px;
	padding: clamp(24px, 4vw, 40px);
}

.ob-start__section--deeper .ob-resource-directory__grid {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.ob-search-resources {
	border-bottom: 1px solid var(--ob-mm-tan);
	margin-bottom: clamp(34px, 5vw, 52px);
	padding-bottom: clamp(34px, 5vw, 52px);
}

.ob-search-resources .ob-resource-directory__grid {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.ob-search__articles-header {
	margin-inline: 0;
	margin-top: clamp(34px, 5vw, 52px);
	max-width: 760px;
}

.ob-search-resources + .ob-search__articles-header {
	margin-top: 0;
}

.ob-search__articles-header > * {
	margin-block-start: 0;
}

.ob-resource-footer {
	border-bottom: 1px solid rgba(255, 255, 255, 0.24);
	display: grid;
	gap: clamp(24px, 4vw, 44px);
	grid-template-columns: repeat(3, minmax(0, 1fr));
	margin-bottom: clamp(26px, 4vw, 36px);
	margin-inline: auto;
	padding-bottom: clamp(26px, 4vw, 36px);
	width: 100%;
}

.ob-resource-footer__group,
.ob-resource-footer__column {
	min-width: 0;
}

.ob-resource-footer__title {
	color: var(--wp--preset--color--white);
	font-family: var(--wp--preset--font-family--heading);
	font-size: 1.05rem;
	font-weight: var(--wp--custom--font-weight--bold);
	margin: 0 0 12px;
}

.ob-resource-footer__links {
	display: grid;
	gap: 8px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.ob-resource-footer__links li,
.ob-resource-footer__links a {
	margin: 0;
}

.ob-resource-footer-shell {
	padding: 40px var(--ob-edge-gutter);
}

.ob-resource-footer-shell > .ob-resource-footer {
	border-bottom: 0;
	margin-bottom: 0;
	padding-bottom: 0;
}

@media screen and (max-width: 1024px) {
	.ob-resource-directory .ob-resource-directory__grid,
	.ob-search-resources .ob-resource-directory__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.ob-homepage__closing {
		grid-template-columns: 1fr;
	}
}

@media screen and (max-width: 700px) {
	.ob-homepage-page,
	.ob-start-page {
		padding-inline: var(--ob-edge-gutter-compact);
		padding-top: 46px;
	}

	.ob-homepage,
	.ob-start {
		gap: 46px;
	}

	.ob-homepage__actions,
	.ob-resource-directory .ob-resource-directory__grid,
	.ob-search-resources .ob-resource-directory__grid,
	.ob-start__section--deeper .ob-resource-directory__grid,
	.ob-resource-footer {
		grid-template-columns: 1fr;
	}

	.ob-homepage__actions {
		align-items: stretch;
		display: grid;
	}

	.ob-homepage__actions .ob-publication__cta,
	.ob-homepage__actions .ob-homepage__text-link {
		justify-content: center;
		width: 100%;
	}

	.ob-homepage__book {
		grid-template-columns: 1fr;
	}

	.ob-homepage__book-media {
		grid-row: 2;
	}

	.ob-homepage__book-media img {
		max-height: 280px;
	}

	.ob-homepage__closing {
		padding: 24px 20px;
	}
}

/* Migrated Custom CSS (from Customizer → Additional CSS)
----------------------------------------------------------------------------
   These rules previously lived in Appearance → Customize → Additional CSS,
   which WordPress stores in the database (post type `custom_css`) and prints
   inline in <head> — so they never appeared in this file or in git.

   Moved here so they are version-controlled and deploy with the theme.
   AFTER you confirm these are correct, delete the matching rules from
   Customizer → Additional CSS so the two copies don't compete.

   Triage notes:
   - Dropped blocks that were already commented out in the source (dead).
   - Fixed selector `.header-email-field-submit` (was missing its leading dot).
   - Removed a stray comment-close sequence after the `.button-inverse` rule.
   - Added a missing `;` after `font-size: 24px`.
   - Targeted plugins are all still active: Stackable, Font Awesome, Brevo (mailin).
---------------------------------------------------------------------------- */

/* Headings
--------------------------------------------- */

h3,
h4,
h5,
h6 {
	color: #333333 !important;
}

/* Flow spacing — paragraphs / lists
   Restores margins that WP's .is-layout-flow rules were overriding.
--------------------------------------------- */

:root :where(.is-layout-flow) > p,
:root :where(.is-layout-flow) > ul,
:root :where(.is-layout-flow) > ol {
	margin-block-start: 1.5em;
	margin-block-end: 1.5em;
}

:root :where(.is-layout-flow) > p + ul,
:root :where(.is-layout-flow) > p + ol {
	margin-block-start: 0;
}

:root :where(.is-layout-flow) > p:has(+ ul),
:root :where(.is-layout-flow) > p:has(+ ol) {
	margin-block-end: 0.5em;
}

/* Single posts — editorial rhythm
--------------------------------------------- */

.ob-single-post-main {
	margin-top: 0;
	padding: clamp(56px, 7vw, 82px) var(--ob-edge-gutter) clamp(58px, 7vw, 76px);
}

.ob-single-post {
	--ob-single-forest: var(--wp--preset--color--forest);
	--ob-single-terracotta: var(--wp--preset--color--accent-dark);
	--ob-single-parchment: var(--wp--preset--color--parchment);
	--ob-single-tan: var(--wp--preset--color--tan);
	--ob-single-ink: var(--wp--preset--color--ink);
	--ob-single-muted: var(--wp--preset--color--muted);
	--ob-mm-forest: var(--ob-single-forest);
	--ob-mm-terracotta: var(--ob-single-terracotta);
	--ob-mm-parchment: var(--ob-single-parchment);
	--ob-mm-tan: var(--ob-single-tan);
	--ob-mm-ink: var(--ob-single-ink);
	--ob-mm-muted: var(--ob-single-muted);
	color: var(--ob-single-ink);
	margin-inline: auto;
	max-width: 1180px;
	width: 100%;
}

.ob-single-post__header {
	margin-inline: auto;
	max-width: 1180px;
	text-align: left;
}

.ob-single-post__header-copy {
	max-width: 920px;
}

.ob-single-post__breadcrumb {
	color: var(--ob-single-muted);
	font-size: var(--wp--preset--font-size--small);
	line-height: 1.45;
	margin-bottom: clamp(18px, 3vw, 26px);
	max-width: 100%;
	overflow: hidden;
}

.ob-single-post__breadcrumb ol {
	display: flex;
	gap: 8px;
	list-style: none;
	margin: 0;
	min-width: 0;
	overflow: hidden;
	padding: 0;
	white-space: nowrap;
}

.ob-single-post__breadcrumb li {
	align-items: center;
	display: inline-flex;
	flex: 0 0 auto;
	gap: 8px;
	min-width: 0;
}

.ob-single-post__breadcrumb li:last-child {
	flex: 1 1 auto;
	min-width: 0;
}

.ob-single-post__breadcrumb li + li::before {
	color: var(--ob-single-tan);
	content: "/";
	flex: 0 0 auto;
}

.ob-single-post__breadcrumb a {
	color: var(--ob-single-forest);
	text-decoration-color: transparent;
	text-underline-offset: 4px;
}

.ob-single-post__breadcrumb a:focus,
.ob-single-post__breadcrumb a:hover {
	color: var(--ob-single-terracotta);
	text-decoration-color: currentColor;
}

.ob-single-post__breadcrumb a,
.ob-single-post__breadcrumb span {
	display: block;
	white-space: nowrap;
}

.ob-single-post__breadcrumb li:last-child span {
	overflow: hidden;
	text-overflow: ellipsis;
}

.ob-single-post__publication-marker {
	align-items: center;
	color: var(--ob-single-forest);
	display: inline-flex;
	font-size: var(--wp--preset--font-size--small);
	font-weight: var(--wp--custom--font-weight--bold);
	gap: 10px;
	letter-spacing: 0.08em;
	line-height: 1.2;
	margin-bottom: 18px;
	text-decoration: none;
	text-transform: uppercase;
}

.ob-single-post__publication-marker:focus,
.ob-single-post__publication-marker:hover {
	color: var(--ob-single-terracotta);
	text-decoration: none;
}

.ob-single-post__publication-logo {
	height: 34px;
	object-fit: contain;
	width: auto;
}

.ob-single-post__title {
	color: var(--ob-single-ink);
	font-family: var(--wp--preset--font-family--heading);
	font-size: clamp(2.35rem, 5vw, 4.35rem);
	font-weight: var(--wp--custom--font-weight--bold);
	letter-spacing: 0;
	line-height: 1.05;
	margin: 0;
}

.ob-single-post__dek {
	color: var(--ob-single-muted);
	font-size: clamp(1.13rem, 2.3vw, 1.32rem);
	line-height: var(--wp--custom--line-height--medium);
	margin: clamp(18px, 3vw, 26px) 0 0;
	max-width: 46rem;
}

.ob-single-post__meta {
	align-items: center;
	color: var(--ob-single-muted);
	display: flex;
	flex-wrap: wrap;
	font-size: var(--wp--preset--font-size--small);
	gap: 6px 10px;
	line-height: 1.45;
	margin-top: clamp(22px, 3vw, 30px);
}

.ob-single-post__meta a {
	color: var(--ob-single-forest);
	font-weight: var(--wp--custom--font-weight--semi-bold);
	text-decoration-color: transparent;
	text-underline-offset: 4px;
}

.ob-single-post__meta a:focus,
.ob-single-post__meta a:hover {
	color: var(--ob-single-terracotta);
	text-decoration-color: currentColor;
}

.ob-single-post__meta-separator {
	color: var(--ob-single-tan);
}

.ob-single-post__featured {
	background: var(--ob-single-parchment);
	border: 1px solid var(--ob-single-tan);
	border-radius: 8px;
	margin: clamp(30px, 5vw, 48px) 0 0;
	overflow: hidden;
	width: 100%;
}

.ob-single-post__featured-image {
	aspect-ratio: 16 / 9;
	display: block;
	height: auto;
	object-fit: cover;
	width: 100%;
}

.ob-single-post__featured-placeholder {
	align-items: center;
	aspect-ratio: 16 / 9;
	background:
		radial-gradient(circle at 78% 20%, rgba(176, 106, 58, 0.22), transparent 28%),
		linear-gradient(135deg, rgba(28, 80, 58, 0.12), rgba(250, 247, 242, 0.96));
	color: var(--ob-single-forest);
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-height: 0;
	text-align: center;
}

.ob-single-post__featured-mark {
	font-size: clamp(4rem, 12vw, 8rem);
	font-weight: var(--wp--custom--font-weight--extra-bold);
	letter-spacing: 0;
	line-height: 0.82;
}

.ob-single-post__featured-label {
	color: var(--ob-single-muted);
	font-size: 0.78rem;
	font-weight: var(--wp--custom--font-weight--bold);
	letter-spacing: 0.14em;
	line-height: 1;
	margin-top: 14px;
	text-transform: uppercase;
}

.ob-single-post__admin-warning {
	background: var(--ob-single-parchment);
	border: 1px solid var(--ob-single-tan);
	border-left: 4px solid var(--ob-single-terracotta);
	border-radius: 8px;
	color: var(--ob-single-ink);
	font-size: var(--wp--preset--font-size--small);
	line-height: var(--wp--custom--line-height--medium);
	margin: 14px 0 0;
	padding: 12px 14px;
}

.ob-single-post__layout {
	align-items: start;
	display: grid;
	gap: clamp(30px, 5vw, 58px);
	grid-template-columns: minmax(0, 1fr) minmax(280px, 340px);
	margin-top: clamp(34px, 5vw, 56px);
}

.ob-single-post__primary {
	min-width: 0;
}

.ob-single-post__content {
	margin-top: 0;
}

.ob-single-post__content > :where(p, ul, ol, blockquote, figure, pre, table, hr, .wp-block-image, .wp-block-quote, .wp-block-pullquote) {
	max-width: 760px;
}

.ob-single-post__content > :where(p, ul, ol, blockquote, figure, pre, table, hr, .wp-block-image, .wp-block-quote, .wp-block-pullquote):first-child {
	margin-block-start: 0;
}

.ob-single-post__content > figure,
.ob-single-post__content > .wp-block-image {
	margin-block: clamp(28px, 5vw, 46px);
}

.ob-single-post__content img {
	border-radius: 8px;
	height: auto;
	max-width: 100%;
}

.ob-single-post__content figcaption,
.ob-single-post__content .wp-element-caption {
	color: var(--ob-single-muted);
	font-size: var(--wp--preset--font-size--small);
	line-height: var(--wp--custom--line-height--medium);
	margin-top: 10px;
	text-align: left;
}

.ob-single-post__content blockquote,
.ob-single-post__content .wp-block-quote {
	border-left: 4px solid var(--ob-single-forest);
	color: var(--ob-single-ink);
	font-family: var(--wp--preset--font-family--heading);
	font-size: clamp(1.25rem, 3vw, 1.6rem);
	line-height: var(--wp--custom--line-height--medium);
	margin-block: clamp(30px, 5vw, 48px);
	padding-left: clamp(18px, 3vw, 26px);
}

.ob-single-post__content .wp-block-pullquote {
	background: var(--ob-single-parchment);
	border: 1px solid var(--ob-single-tan);
	border-radius: 8px;
	margin-block: clamp(34px, 5vw, 54px);
	padding: clamp(24px, 4vw, 36px);
}

.ob-single-post__content table {
	border-collapse: collapse;
	display: block;
	font-size: var(--wp--preset--font-size--small);
	line-height: var(--wp--custom--line-height--medium);
	margin-block: clamp(28px, 5vw, 46px);
	overflow-x: auto;
	width: 100%;
}

.ob-single-post__content :where(th, td) {
	border: 1px solid var(--ob-single-tan);
	padding: 10px 12px;
	text-align: left;
	vertical-align: top;
}

.ob-single-post__content th {
	background: var(--ob-single-parchment);
	color: var(--ob-single-ink);
	font-weight: var(--wp--custom--font-weight--bold);
}

.ob-single-post__content pre {
	background: var(--ob-single-ink);
	border-radius: 8px;
	color: var(--wp--preset--color--white);
	font-size: var(--wp--preset--font-size--small);
	line-height: 1.6;
	margin-block: clamp(28px, 5vw, 46px);
	overflow-x: auto;
	padding: clamp(18px, 3vw, 24px);
}

.ob-single-post__content code {
	background: rgba(28, 80, 58, 0.08);
	border-radius: 4px;
	color: var(--ob-single-ink);
	padding: 0.08em 0.26em;
}

.ob-single-post__content pre code {
	background: transparent;
	border-radius: 0;
	color: inherit;
	padding: 0;
}

.ob-single-post__content hr {
	border: 0;
	border-top: 1px solid var(--ob-single-tan);
	margin-block: clamp(34px, 6vw, 58px);
}

.ob-single-post__content a:focus-visible,
.ob-single-post__breadcrumb a:focus-visible,
.ob-single-post__publication-marker:focus-visible,
.ob-single-post__meta a:focus-visible,
.ob-single-post__share-link:focus-visible,
.ob-single-post__toc a:focus-visible,
.ob-single-post__support-link:focus-visible {
	outline: 2px solid var(--ob-single-terracotta);
	outline-offset: 3px;
}

.ob-single-post__sidebar {
	display: grid;
	gap: 18px;
}

.ob-single-post__sticky-stack {
	display: grid;
	gap: 18px;
	position: sticky;
	top: clamp(20px, 4vw, 42px);
}

.ob-single-post__resource-stack {
	display: grid;
	gap: 18px;
}

.ob-single-post__panel,
.ob-single-post .ob-free-recipe-optin {
	background: var(--wp--preset--color--white);
	border: 1px solid var(--ob-single-tan);
	border-radius: 8px;
	box-shadow: 0 14px 34px rgba(44, 44, 42, 0.06);
	color: var(--ob-single-ink);
	margin: 0;
	max-width: none;
	padding: clamp(18px, 3vw, 24px);
	width: 100%;
}

.ob-single-post__panel-title,
.ob-single-post .ob-free-recipe-optin__title {
	color: var(--ob-single-ink);
	font-family: var(--wp--preset--font-family--heading);
	font-size: clamp(1.18rem, 2vw, 1.42rem);
	font-weight: var(--wp--custom--font-weight--bold);
	letter-spacing: 0;
	line-height: var(--wp--custom--line-height--heading);
	margin: 0;
}

.ob-single-post__panel p:not(.ob-publication__eyebrow),
.ob-single-post .ob-free-recipe-optin__text,
.ob-single-post .ob-free-recipe-optin__note {
	color: var(--ob-single-muted);
	font-size: var(--wp--preset--font-size--small);
	line-height: var(--wp--custom--line-height--medium);
	margin: 12px 0 0;
}

.ob-single-post__panel .ob-publication__cta,
.ob-single-post .ob-free-recipe-optin__submit {
	margin-top: 16px;
	white-space: normal;
}

.ob-single-post__toc--section {
	margin-bottom: clamp(30px, 5vw, 44px);
}

.ob-single-post__toc--section .ob-single-post__toc-list {
	grid-template-columns: 1fr;
}

.ob-single-post__toc-list {
	display: grid;
	gap: 9px;
	list-style: none;
	margin: 16px 0 0;
	padding: 0;
}

.ob-single-post__toc-item {
	margin: 0;
}

.ob-single-post__toc-item--h3 {
	padding-left: 14px;
}

.ob-single-post__toc a {
	color: var(--ob-single-forest);
	font-size: var(--wp--preset--font-size--small);
	font-weight: var(--wp--custom--font-weight--semi-bold);
	line-height: 1.35;
	text-decoration-color: transparent;
	text-underline-offset: 4px;
}

.ob-single-post__toc a:focus,
.ob-single-post__toc a:hover {
	color: var(--ob-single-terracotta);
	text-decoration-color: currentColor;
}

.ob-single-post__share-list {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 16px;
}

.ob-single-post__share-link {
	align-items: center;
	background: var(--wp--preset--color--white);
	border: 1px solid var(--ob-single-tan);
	border-radius: 999px;
	color: var(--ob-single-forest);
	cursor: pointer;
	display: inline-flex;
	font: inherit;
	font-size: 0.82rem;
	font-weight: var(--wp--custom--font-weight--bold);
	line-height: 1.2;
	padding: 8px 11px;
	text-decoration: none;
}

.ob-single-post__share-link:focus,
.ob-single-post__share-link:hover {
	border-color: var(--ob-single-forest);
	color: var(--ob-single-terracotta);
	text-decoration: none;
}

.ob-single-post__author-header {
	align-items: center;
	display: grid;
	gap: 14px;
	grid-template-columns: auto minmax(0, 1fr);
}

.ob-single-post__author-avatar {
	aspect-ratio: 1;
	border: 1px solid var(--ob-single-tan);
	border-radius: 999px;
	display: block;
	height: 68px;
	object-fit: cover;
	width: 68px;
}

.ob-single-post__author-role {
	color: var(--ob-single-muted);
	font-size: var(--wp--preset--font-size--small);
	line-height: 1.4;
	margin: 5px 0 0;
}

.ob-single-post__text-link {
	margin-top: 14px;
}

.ob-single-post__ebook {
	display: grid;
	gap: 18px;
	grid-template-columns: minmax(0, 1fr) minmax(76px, 96px);
}

.ob-single-post__ebook-media {
	align-self: end;
	display: block;
	text-decoration: none;
}

.ob-single-post__ebook-media img {
	display: block;
	height: auto;
	width: 100%;
}

.ob-single-post .ob-free-recipe-optin__form-row {
	grid-template-columns: 1fr;
}

.ob-single-post .ob-free-recipe-optin__submit {
	justify-content: center;
	width: 100%;
}

.ob-single-post__support-link {
	border-radius: 8px;
	display: block;
	margin-top: 16px;
	overflow: hidden;
	text-decoration: none;
}

.ob-single-post__support-link img {
	aspect-ratio: 16 / 9;
	display: block;
	height: auto;
	object-fit: cover;
	width: 100%;
}

.ob-single-post__support-link.is-disabled {
	filter: saturate(0.85);
	opacity: 0.86;
}

.ob-single-post__related {
	--ob-blog-purple: var(--ob-single-forest);
	--ob-blog-border: rgba(28, 80, 58, 0.18);
	--ob-blog-border-strong: rgba(28, 80, 58, 0.36);
	--ob-blog-soft: rgba(28, 80, 58, 0.07);
	--ob-blog-shadow: rgba(28, 80, 58, 0.08);
	--ob-blog-shadow-strong: rgba(28, 80, 58, 0.14);
	margin-top: clamp(46px, 7vw, 72px);
}

.ob-single-post__related-header {
	margin-left: 0;
	margin-bottom: clamp(20px, 3vw, 30px);
	margin-right: 0;
	text-align: left;
}

.ob-single-post__related .ob-blog__title {
	color: var(--ob-single-forest);
}

.ob-single-post__related .ob-blog__grid {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.ob-single-post-comments {
	background: var(--wp--preset--color--white);
	border: 1px solid var(--wp--preset--color--tan);
	border-radius: 8px;
	box-shadow: 0 14px 34px rgba(44, 44, 42, 0.05);
	color: var(--wp--preset--color--ink);
	margin: clamp(50px, 8vw, 82px) auto 0;
	max-width: 860px;
	padding: clamp(22px, 4vw, 34px);
}

.ob-single-post-comments .wp-block-comments-title {
	color: var(--wp--preset--color--ink);
	font-family: var(--wp--preset--font-family--heading);
	font-size: clamp(1.45rem, 3vw, 2rem);
	letter-spacing: 0;
	line-height: var(--wp--custom--line-height--heading);
	margin: 0 0 22px;
}

.ob-single-post-comments__comment {
	background: var(--wp--preset--color--parchment);
	border: 1px solid var(--wp--preset--color--tan);
	border-radius: 8px;
	margin-block: 18px;
	padding: 18px;
}

.ob-single-post-comments__meta {
	align-items: center;
	gap: 12px;
}

.ob-single-post-comments .avatar {
	border-radius: 999px;
}

.ob-single-post-comments :where(.wp-block-comment-author-name, .wp-block-comment-date, .wp-block-comment-edit-link, .wp-block-comment-reply-link) {
	font-size: var(--wp--preset--font-size--small);
	line-height: var(--wp--custom--line-height--medium);
}

.ob-single-post-comments .wp-block-post-comments-form :where(input:not([type="submit"]), textarea) {
	border-color: var(--wp--preset--color--control-boundary);
	border-radius: 4px;
	color: var(--wp--preset--color--ink);
}

.ob-single-post-comments .wp-block-post-comments-form :where(input:not([type="submit"]), textarea):focus {
	border-color: var(--wp--preset--color--forest);
	box-shadow: 0 0 0 2px rgba(28, 80, 58, 0.12);
	outline: none;
}

.ob-single-post-comments .wp-block-post-comments-form input[type="submit"] {
	background: var(--wp--preset--color--forest);
	border-color: var(--wp--preset--color--forest);
	border-radius: 999px;
	color: var(--wp--preset--color--white);
	font-weight: var(--wp--custom--font-weight--bold);
}

.ob-single-post-comments .wp-block-post-comments-form input[type="submit"]:focus,
.ob-single-post-comments .wp-block-post-comments-form input[type="submit"]:hover {
	background: var(--wp--preset--color--accent-dark);
	border-color: var(--wp--preset--color--accent-dark);
	color: var(--wp--preset--color--white);
}

.single-post .single-post-header {
	margin-bottom: clamp(28px, 4vw, 44px);
}

.single-post .single-post-featured-image {
	margin-bottom: clamp(24px, 3vw, 36px);
}

.single-post .rank-math-breadcrumb p {
	font-size: var(--wp--preset--font-size--small);
	line-height: 1.5;
	margin: 0 0 24px;
}

.single-post .single-post-title,
.single-post .site-content .wp-block-post-title {
	line-height: 1.15;
	margin-top: 0 !important;
	margin-bottom: 12px !important;
	max-width: 820px;
}

.single-post .site-content .wp-block-post-title:not(.single-post-title) {
	font-size: clamp(2.125rem, 4vw, 3rem) !important;
}

.single-post .single-post-meta,
.single-post .site-content .wp-block-post-title + .wp-block-group {
	align-items: center;
	color: var(--wp--preset--color--muted) !important;
	column-gap: 10px;
	font-size: var(--wp--preset--font-size--small) !important;
	line-height: 1.45;
	margin-bottom: clamp(28px, 3vw, 40px);
	margin-top: 0 !important;
	row-gap: 4px;
}

.single-post .single-post-meta p,
.single-post .single-post-meta .wp-block-post-author,
.single-post .single-post-meta .wp-block-post-author__name,
.single-post .site-content .wp-block-post-title + .wp-block-group p,
.single-post .site-content .wp-block-post-title + .wp-block-group .wp-block-post-date,
.single-post .site-content .wp-block-post-title + .wp-block-group .wp-block-post-author-name {
	font-size: var(--wp--preset--font-size--small) !important;
	line-height: 1.45;
	margin: 0;
}

.single-post .site-content .wp-block-post-title + .wp-block-group p:empty {
	display: none;
}

.single-post .wp-block-post-content {
	margin-top: 0;
}

.single-post .wp-block-post-content > p,
.single-post .wp-block-post-content > .wp-block-stackable-text {
	margin-block-start: 0;
	margin-block-end: 1.4em;
}

.single-post .wp-block-post-content > :is(ul, ol) {
	line-height: 1.6;
	margin-block-start: 0;
	margin-block-end: 1.6em;
	padding-left: 1.35em;
}

.single-post .wp-block-post-content > :is(h2, h3, h4, h5, h6) {
	line-height: var(--wp--custom--line-height--heading);
}

.single-post .wp-block-post-content > h2 {
	margin-block-start: clamp(44px, 6vw, 64px);
	margin-block-end: 18px;
}

.single-post .wp-block-post-content > h3 {
	margin-block-start: clamp(32px, 4vw, 44px);
	margin-block-end: 14px;
}

.single-post .wp-block-post-content > h4,
.single-post .wp-block-post-content > h5,
.single-post .wp-block-post-content > h6 {
	margin-block-start: 30px;
	margin-block-end: 12px;
}

.single-post .wp-block-post-content > :is(h2, h3, h4, h5, h6):first-child {
	margin-block-start: 0;
}

.single-post .wp-block-post-content .stk-block-text__text {
	line-height: var(--wp--custom--line-height--body);
	margin: 0;
}

.single-post .wp-block-post-content:not(.ob-single-post__content) > h2:first-of-type + ul.wp-block-list {
	background: var(--wp--preset--color--parchment);
	border-left: 4px solid var(--wp--preset--color--secondary);
	border-radius: 4px;
	font-size: var(--wp--preset--font-size--small);
	list-style: none;
	line-height: 1.5;
	margin-block-start: 0;
	margin-block-end: clamp(36px, 5vw, 52px);
	padding: 18px 22px;
}

.single-post .wp-block-post-content:not(.ob-single-post__content) > h2:first-of-type + ul.wp-block-list li {
	margin: 6px 0;
}

.single-post .wp-block-post-content:not(.ob-single-post__content) > h2:first-of-type + ul.wp-block-list ul,
.single-post .wp-block-post-content:not(.ob-single-post__content) > h2:first-of-type + ul.wp-block-list ol {
	border-left: 1px solid var(--wp--preset--color--tan);
	list-style: none;
	margin: 8px 0 8px 4px;
	padding-left: 16px;
}

.ob-living-soil-inline {
	--ob-living-soil-inline-forest: var(--wp--preset--color--forest);
	--ob-living-soil-inline-terracotta: var(--wp--preset--color--accent-dark);
	--ob-living-soil-inline-parchment: var(--wp--preset--color--parchment);
	--ob-living-soil-inline-tan: var(--wp--preset--color--tan);
	--ob-living-soil-inline-ink: var(--wp--preset--color--ink);
	--ob-living-soil-inline-muted: var(--wp--preset--color--muted);
	align-items: stretch;
	background: var(--ob-living-soil-inline-parchment);
	border: 1px solid var(--ob-living-soil-inline-tan);
	border-radius: 8px;
	box-shadow: 0 16px 36px rgba(28, 80, 58, 0.1);
	color: var(--ob-living-soil-inline-ink);
	display: grid;
	gap: clamp(22px, 4vw, 38px);
	grid-template-columns: minmax(0, 1fr) minmax(180px, 250px);
	margin-block: clamp(34px, 5vw, 54px);
	overflow: hidden;
	padding: clamp(22px, 4vw, 34px);
}

.single-post .wp-block-post-content > .ob-living-soil-inline {
	left: 50%;
	position: relative;
	transform: translateX(-50%);
	width: min(880px, calc(100vw - var(--ob-edge-gutter-compact) - var(--ob-edge-gutter-compact)));
}

.ob-living-soil-inline__copy {
	min-width: 0;
}

.ob-living-soil-inline__eyebrow {
	margin-bottom: 10px;
}

.ob-living-soil-inline__title {
	color: var(--ob-living-soil-inline-ink);
	font-family: var(--wp--preset--font-family--heading);
	font-size: clamp(1.5rem, 3vw, 2.05rem);
	font-weight: var(--wp--custom--font-weight--bold);
	letter-spacing: 0;
	line-height: var(--wp--custom--line-height--heading);
	margin: 0;
}

.ob-living-soil-inline__intro {
	color: var(--ob-living-soil-inline-muted);
	font-size: var(--wp--preset--font-size--small);
	line-height: var(--wp--custom--line-height--medium);
	margin: 14px 0 0;
}

.ob-living-soil-inline__list {
	display: grid;
	gap: 9px;
	list-style: none;
	margin: 18px 0 0;
	padding: 0;
}

.ob-living-soil-inline__list li {
	color: var(--ob-living-soil-inline-ink);
	font-size: var(--wp--preset--font-size--small);
	line-height: var(--wp--custom--line-height--medium);
	padding-left: 22px;
	position: relative;
}

.ob-living-soil-inline__list li::before {
	background: var(--ob-living-soil-inline-terracotta);
	border-radius: 999px;
	content: "";
	height: 8px;
	left: 0;
	position: absolute;
	top: 0.68em;
	width: 8px;
}

.ob-living-soil-inline__cta {
	margin-top: clamp(18px, 3vw, 24px);
}

.ob-living-soil-inline__media {
	align-items: flex-end;
	align-self: stretch;
	display: flex;
	justify-content: center;
	min-height: 0;
	text-decoration: none;
}

.ob-living-soil-inline__media:focus,
.ob-living-soil-inline__media:hover {
	text-decoration: none;
}

.ob-living-soil-inline__media:focus-visible {
	outline: 2px solid var(--ob-living-soil-inline-terracotta);
	outline-offset: 3px;
}

.ob-living-soil-inline__book {
	display: block;
	max-width: 300px;
	width: 100%;
}

.ob-living-soil-inline__cover {
	aspect-ratio: 1523 / 1832;
	background: transparent;
	display: block;
	height: auto;
	object-fit: contain;
	transition: transform 180ms ease;
	width: 100%;
}

.ob-living-soil-inline__media:focus .ob-living-soil-inline__cover,
.ob-living-soil-inline__media:hover .ob-living-soil-inline__cover {
	transform: translateY(-2px);
}

.single-post .wp-block-post-content,
.ob-design-system__article-sample {
	--ob-citation-forest: var(--wp--preset--color--forest);
	--ob-citation-terracotta: var(--wp--preset--color--accent-dark);
	--ob-citation-parchment: var(--wp--preset--color--parchment);
	--ob-citation-tan: var(--wp--preset--color--tan);
	--ob-citation-ink: var(--wp--preset--color--ink);
	--ob-citation-muted: var(--wp--preset--color--muted);
}

.single-post .wp-block-post-content :is(sup, .fn),
.ob-design-system__article-sample :is(sup, .fn) {
	font-size: 0.72em;
	line-height: 0;
}

.single-post .wp-block-post-content :is(sup, .fn) a,
.ob-design-system__article-sample :is(sup, .fn) a {
	align-items: center;
	background: rgba(28, 80, 58, 0.08);
	border: 1px solid rgba(28, 80, 58, 0.24);
	border-radius: 999px;
	color: var(--ob-citation-forest);
	display: inline-flex;
	font-size: 0.78rem;
	font-weight: var(--wp--custom--font-weight--bold);
	justify-content: center;
	line-height: 1;
	min-height: 1.4em;
	min-width: 1.4em;
	padding: 0.13em 0.38em;
	text-decoration: none;
	vertical-align: baseline;
}

.single-post .wp-block-post-content :is(sup, .fn) a:focus,
.single-post .wp-block-post-content :is(sup, .fn) a:hover,
.ob-design-system__article-sample :is(sup, .fn) a:focus,
.ob-design-system__article-sample :is(sup, .fn) a:hover {
	background: var(--ob-citation-forest);
	border-color: var(--ob-citation-forest);
	color: var(--wp--preset--color--white);
	text-decoration: none;
}

.single-post .wp-block-post-content :is(sup, .fn) a:focus-visible,
.ob-design-system__article-sample :is(sup, .fn) a:focus-visible {
	outline: 2px solid var(--ob-citation-terracotta);
	outline-offset: 3px;
}

.single-post .wp-block-post-content :is(a[rel~="cite"], .ob-source-link),
.ob-design-system__article-sample :is(a[rel~="cite"], .ob-source-link) {
	color: var(--ob-citation-forest);
	font-weight: var(--wp--custom--font-weight--semi-bold);
	text-decoration-color: rgba(28, 80, 58, 0.38);
	text-decoration-thickness: 1px;
	text-underline-offset: 0.16em;
}

.single-post .wp-block-post-content :is(a[rel~="cite"], .ob-source-link):focus,
.single-post .wp-block-post-content :is(a[rel~="cite"], .ob-source-link):hover,
.ob-design-system__article-sample :is(a[rel~="cite"], .ob-source-link):focus,
.ob-design-system__article-sample :is(a[rel~="cite"], .ob-source-link):hover {
	color: var(--ob-citation-terracotta);
	text-decoration-color: currentColor;
}

.single-post .wp-block-post-content :is(a[rel~="cite"], .ob-source-link):focus-visible,
.ob-design-system__article-sample :is(a[rel~="cite"], .ob-source-link):focus-visible {
	outline: 2px solid var(--ob-citation-terracotta);
	outline-offset: 3px;
}

.single-post .wp-block-post-content .wp-block-footnotes,
.ob-design-system__article-sample .wp-block-footnotes {
	background: var(--ob-citation-parchment);
	border: 1px solid var(--ob-citation-tan);
	border-radius: 8px;
	color: var(--ob-citation-muted);
	font-size: var(--wp--preset--font-size--small);
	line-height: var(--wp--custom--line-height--medium);
	margin-block-start: clamp(36px, 5vw, 56px);
	margin-block-end: clamp(30px, 4vw, 44px);
	overflow-wrap: anywhere;
	padding: clamp(20px, 3vw, 28px) clamp(22px, 4vw, 34px);
}

.single-post .wp-block-post-content .wp-block-footnotes::before,
.ob-design-system__article-sample .wp-block-footnotes::before {
	color: var(--ob-citation-terracotta);
	content: "Sources and notes";
	display: block;
	font-size: 0.78rem;
	font-weight: var(--wp--custom--font-weight--bold);
	letter-spacing: 0.1em;
	line-height: 1.2;
	margin-bottom: 12px;
	text-transform: uppercase;
}

.single-post .wp-block-post-content .wp-block-footnotes li,
.ob-design-system__article-sample .wp-block-footnotes li {
	padding-left: 0.2em;
}

.single-post .wp-block-post-content .wp-block-footnotes li + li,
.ob-design-system__article-sample .wp-block-footnotes li + li {
	margin-top: 10px;
}

.single-post .wp-block-post-content .wp-block-footnotes a,
.single-post .wp-block-post-content .ob-source-note a,
.single-post .wp-block-post-content .ob-citation-note a,
.ob-design-system__article-sample .wp-block-footnotes a,
.ob-design-system__article-sample .ob-source-note a,
.ob-design-system__article-sample .ob-citation-note a {
	color: var(--ob-citation-forest);
	font-weight: var(--wp--custom--font-weight--semi-bold);
	overflow-wrap: anywhere;
	text-decoration-color: rgba(28, 80, 58, 0.38);
	text-decoration-thickness: 1px;
	text-underline-offset: 0.16em;
}

.single-post .wp-block-post-content .wp-block-footnotes a:focus,
.single-post .wp-block-post-content .wp-block-footnotes a:hover,
.single-post .wp-block-post-content .ob-source-note a:focus,
.single-post .wp-block-post-content .ob-source-note a:hover,
.single-post .wp-block-post-content .ob-citation-note a:focus,
.single-post .wp-block-post-content .ob-citation-note a:hover,
.ob-design-system__article-sample .wp-block-footnotes a:focus,
.ob-design-system__article-sample .wp-block-footnotes a:hover,
.ob-design-system__article-sample .ob-source-note a:focus,
.ob-design-system__article-sample .ob-source-note a:hover,
.ob-design-system__article-sample .ob-citation-note a:focus,
.ob-design-system__article-sample .ob-citation-note a:hover {
	color: var(--ob-citation-terracotta);
	text-decoration-color: currentColor;
}

.single-post .wp-block-post-content .wp-block-footnotes a:focus-visible,
.single-post .wp-block-post-content .ob-source-note a:focus-visible,
.single-post .wp-block-post-content .ob-citation-note a:focus-visible,
.ob-design-system__article-sample .wp-block-footnotes a:focus-visible,
.ob-design-system__article-sample .ob-source-note a:focus-visible,
.ob-design-system__article-sample .ob-citation-note a:focus-visible {
	outline: 2px solid var(--ob-citation-terracotta);
	outline-offset: 3px;
}

.single-post .wp-block-post-content .wp-block-footnotes a[href^="#footnote-anchor"],
.single-post .wp-block-post-content .wp-block-footnotes a[href^="#fnref"],
.ob-design-system__article-sample .wp-block-footnotes a[href^="#footnote-anchor"],
.ob-design-system__article-sample .wp-block-footnotes a[href^="#fnref"] {
	background: var(--wp--preset--color--white);
	border: 1px solid var(--ob-citation-tan);
	border-radius: 999px;
	display: inline-flex;
	font-size: 0.86em;
	line-height: 1;
	margin-left: 0.35em;
	padding: 0.18em 0.46em;
	text-decoration: none;
}

.single-post .wp-block-post-content .wp-block-footnotes a[href^="#footnote-anchor"]:focus,
.single-post .wp-block-post-content .wp-block-footnotes a[href^="#footnote-anchor"]:hover,
.single-post .wp-block-post-content .wp-block-footnotes a[href^="#fnref"]:focus,
.single-post .wp-block-post-content .wp-block-footnotes a[href^="#fnref"]:hover,
.ob-design-system__article-sample .wp-block-footnotes a[href^="#footnote-anchor"]:focus,
.ob-design-system__article-sample .wp-block-footnotes a[href^="#footnote-anchor"]:hover,
.ob-design-system__article-sample .wp-block-footnotes a[href^="#fnref"]:focus,
.ob-design-system__article-sample .wp-block-footnotes a[href^="#fnref"]:hover {
	background: var(--ob-citation-forest);
	border-color: var(--ob-citation-forest);
	color: var(--wp--preset--color--white);
	text-decoration: none;
}

.single-post .wp-block-post-content .ob-source-note,
.single-post .wp-block-post-content .ob-citation-note,
.ob-design-system__article-sample .ob-source-note,
.ob-design-system__article-sample .ob-citation-note {
	border-radius: 8px;
	color: var(--ob-citation-ink);
	font-size: var(--wp--preset--font-size--small);
	line-height: var(--wp--custom--line-height--medium);
	margin-block: clamp(26px, 4vw, 42px);
	overflow-wrap: anywhere;
	padding: clamp(18px, 3vw, 26px);
}

.single-post .wp-block-post-content .ob-source-note,
.ob-design-system__article-sample .ob-source-note {
	background: var(--ob-citation-parchment);
	border: 1px solid var(--ob-citation-tan);
}

.single-post .wp-block-post-content .ob-citation-note,
.ob-design-system__article-sample .ob-citation-note {
	background: var(--wp--preset--color--white);
	border: 1px solid var(--ob-citation-tan);
	border-left: 4px solid var(--ob-citation-forest);
	box-shadow: 0 12px 28px rgba(28, 80, 58, 0.08);
}

.single-post .wp-block-post-content .ob-source-note__label,
.ob-design-system__article-sample .ob-source-note__label {
	color: var(--ob-citation-terracotta);
	font-size: 0.78rem;
	font-weight: var(--wp--custom--font-weight--bold);
	letter-spacing: 0.1em;
	line-height: 1.2;
	margin: 0 0 8px;
	text-transform: uppercase;
}

.single-post .wp-block-post-content .ob-source-note__title,
.ob-design-system__article-sample .ob-source-note__title {
	color: var(--ob-citation-ink);
	font-family: var(--wp--preset--font-family--heading);
	font-size: var(--wp--preset--font-size--large);
	font-weight: var(--wp--custom--font-weight--bold);
	letter-spacing: 0;
	line-height: var(--wp--custom--line-height--heading);
	margin: 0 0 10px;
}

.single-post .wp-block-post-content :is(.ob-source-note, .ob-citation-note) > *:last-child,
.ob-design-system__article-sample :is(.ob-source-note, .ob-citation-note) > *:last-child {
	margin-bottom: 0;
}

.single-post .wp-block-post-content :is(.ob-source-note, .ob-citation-note) p,
.ob-design-system__article-sample :is(.ob-source-note, .ob-citation-note) p {
	margin-block-start: 0;
	margin-block-end: 1em;
}

.single-post .wp-block-post-content .ob-source-note :is(ul, ol),
.ob-design-system__article-sample .ob-source-note :is(ul, ol) {
	margin-block: 0;
	padding-left: 1.2em;
}

.single-post .wp-block-post-content .ob-source-note li + li,
.ob-design-system__article-sample .ob-source-note li + li {
	margin-top: 8px;
}

@media only screen and (max-width: 799px) {
	.ob-single-post-main {
		padding: 36px var(--ob-edge-gutter-compact) 44px;
	}

	.ob-single-post__title {
		font-size: clamp(2.05rem, 10vw, 2.85rem);
	}

	.ob-single-post__breadcrumb li:not(:nth-last-child(-n+2)) {
		display: none;
	}

	.ob-single-post__breadcrumb li:nth-last-child(2) {
		flex: 0 1 45%;
		max-width: 45%;
	}

	.ob-single-post__breadcrumb li:nth-last-child(2) a {
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.ob-single-post__breadcrumb li:last-child {
		flex: 1 1 55%;
	}

	.ob-single-post__layout {
		display: block;
		margin-top: clamp(32px, 8vw, 44px);
	}

	.ob-single-post__sidebar {
		display: grid;
		margin-top: clamp(38px, 8vw, 54px);
	}

	.ob-single-post__sticky-stack {
		position: static;
	}

	.ob-single-post__toc--section .ob-single-post__toc-list {
		grid-template-columns: 1fr;
	}

	.ob-single-post__content > :where(p, ul, ol, blockquote, figure, pre, table, hr, .wp-block-image, .wp-block-quote, .wp-block-pullquote) {
		max-width: none;
	}

	.ob-single-post__ebook {
		grid-template-columns: 1fr;
	}

	.ob-single-post__ebook-media {
		max-width: 140px;
	}

	.ob-single-post__related .ob-blog__grid {
		grid-template-columns: 1fr;
	}

	.ob-single-post-comments {
		margin-top: 44px;
		padding: 20px;
	}

	.single-post .single-post-main {
		padding-top: 28px !important;
		padding-bottom: 34px !important;
	}

	.single-post .single-post-header {
		margin-bottom: 30px;
	}

	.single-post .single-post-title {
		font-size: clamp(2.125rem, 9vw, 2.5rem) !important;
		line-height: 1.1;
		margin-bottom: 10px !important;
	}

	.single-post .rank-math-breadcrumb p {
		font-size: 15px;
		margin-bottom: 20px;
	}

	.single-post .wp-block-post-content > p,
	.single-post .wp-block-post-content .stk-block-text__text,
	.single-post .wp-block-post-content > :is(ul, ol) {
		font-size: 18px;
		line-height: 1.68;
	}

	.single-post .wp-block-post-content > p,
	.single-post .wp-block-post-content > .wp-block-stackable-text {
		margin-block-end: 1.25em;
	}

	.single-post .wp-block-post-content > h2 {
		font-size: clamp(1.75rem, 7vw, 2.125rem);
		margin-block-start: 42px;
		margin-block-end: 14px;
	}

	.single-post .wp-block-post-content > h3 {
		font-size: clamp(1.375rem, 6vw, 1.625rem);
		margin-block-start: 32px;
		margin-block-end: 12px;
	}

	.ob-living-soil-inline {
		gap: 22px;
		grid-template-columns: 1fr;
		padding: 22px;
	}

	.single-post .wp-block-post-content > .ob-living-soil-inline {
		left: auto;
		transform: none;
		width: auto;
	}

	.ob-living-soil-inline__title {
		font-size: clamp(1.5rem, 7vw, 1.85rem);
	}

	.ob-living-soil-inline__intro,
	.ob-living-soil-inline__list li {
		font-size: 16px;
	}

	.ob-living-soil-inline__cta {
		white-space: normal;
	}

	.ob-living-soil-inline__media {
		min-height: 0;
	}

	.ob-living-soil-inline__book {
		max-width: 260px;
	}

	.single-post .wp-block-post-content .wp-block-footnotes {
		font-size: 16px;
		padding: 18px 20px 18px 24px;
	}

	.single-post .wp-block-post-content .ob-source-note,
	.single-post .wp-block-post-content .ob-citation-note {
		font-size: 16px;
		padding: 18px;
	}
}

/* Search icon (Font Awesome) in the menu bar
--------------------------------------------- */

.search-icon::before {
	font-family: 'Font Awesome 6 Free';
	font-weight: 900;
	-webkit-font-smoothing: antialiased;
	content: '\f6e2';
}

/* Subscribe form (Brevo / Sendinblue)
--------------------------------------------- */

#sib_signup_form_2 {
	display: flex;
	justify-content: center;
	margin-top: 30px;
}

input {
	border-radius: 5px !important;
}

.header-email-field,
.header-email-field-submit {
	height: 50px !important;
}

input::placeholder {
	color: #686868;
	opacity: 1;
}

.header-email-field-submit,
.button-inverse {
	background: var(--wp--preset--color--accent-dark) !important;
}

/* Stackable — no-shadow style
--------------------------------------------- */

.stk-block.is-style-no-shadow {
	box-shadow: none !important;
}

/* Sales page — section formatting
--------------------------------------------- */

.section-number .stk-subtitle {
	font-weight: 400 !important;
	font-size: 24px;
}

.section-group {
	padding-top: 72px !important;
	padding-bottom: 64px !important;
}

@media (max-width: 767px) {
	.section-group {
		padding-top: 40px !important;
		padding-bottom: 44px !important;
	}
}

.section-heading {
	margin-bottom: 16px !important;
}

.section-subtitle,
.section-heading-no-subtitle {
	margin-bottom: 56px !important;
	line-height: 1.5 !important;
}

@media (max-width: 768px) {
	.section-heading {
		margin-bottom: 14px !important;
	}

	.section-subtitle {
		margin-bottom: 48px !important;
		line-height: 1.5 !important;
	}
}

/* Navigation — link size, no-wrap, mobile breakpoint
--------------------------------------------- */

/* Site chrome - integrated header/footer palette
--------------------------------------------- */

.wp-site-blocks > .wp-block-template-part:first-child,
body > .wp-block-template-part:first-of-type {
	--ob-brand-stripe: linear-gradient(
		90deg,
		var(--wp--preset--color--primary),
		var(--wp--preset--color--terracotta),
		var(--wp--preset--color--forest)
	);
	position: relative;
}

.wp-site-blocks > .wp-block-template-part:first-child::after,
body > .wp-block-template-part:first-of-type::after {
	background: var(--ob-brand-stripe);
	content: "";
	display: block;
	height: 8px;
	width: 100%;
}

.wp-site-blocks > .wp-block-template-part:first-child::after {
	margin-left: calc(-1 * var(--wp--custom--spacing--outer));
	width: calc(100% + var(--wp--custom--spacing--outer) + var(--wp--custom--spacing--outer));
}

.wp-site-blocks > .wp-block-template-part:first-child + *,
body > .wp-block-template-part:first-of-type + * {
	margin-block-start: 0;
}

.wp-site-blocks > main + footer.wp-block-template-part {
	margin-block-start: 0;
}

.wp-site-blocks > .wp-block-template-part:first-child > .wp-block-group.has-primary-background-color,
body > .wp-block-template-part:first-of-type > .wp-block-group.has-primary-background-color {
	background-color: #4b2877 !important;
	background-image:
		radial-gradient(circle at 12% 12%, rgba(255, 255, 255, 0.12), transparent 28%),
		radial-gradient(circle at 88% 18%, rgba(176, 106, 58, 0.18), transparent 34%),
		linear-gradient(135deg, #6b379c 0%, #552c7e 46%, #42245f 100%) !important;
	border-bottom: 1px solid rgba(232, 226, 213, 0.5);
	box-shadow:
		inset 0 -1px 0 rgba(255, 255, 255, 0.08),
		0 12px 32px rgba(44, 44, 42, 0.08);
	position: relative;
	z-index: 10;
}

.wp-site-blocks > .wp-block-template-part:first-child > .wp-block-group.has-primary-background-color::after,
body > .wp-block-template-part:first-of-type > .wp-block-group.has-primary-background-color::after {
	background: linear-gradient(90deg, transparent, rgba(232, 226, 213, 0.72), transparent);
	bottom: -1px;
	content: "";
	height: 1px;
	left: 0;
	pointer-events: none;
	position: absolute;
	right: 0;
}

.wp-site-blocks > .wp-block-template-part:first-child .ob-site-search__input,
body > .wp-block-template-part:first-of-type .ob-site-search__input {
	background-color: rgba(250, 247, 242, 0.96);
	border-color: rgba(232, 226, 213, 0.9);
	box-shadow: 0 8px 22px rgba(24, 10, 38, 0.14);
}

.wp-site-blocks > .wp-block-template-part:first-child .ob-site-search__submit,
body > .wp-block-template-part:first-of-type .ob-site-search__submit {
	background: var(--wp--preset--color--forest);
}

.wp-site-blocks > .wp-block-template-part:first-child .ob-site-search__submit:hover,
body > .wp-block-template-part:first-of-type .ob-site-search__submit:hover {
	background: var(--wp--preset--color--accent-dark);
}

.wp-site-blocks > footer.wp-block-template-part > .wp-block-group.has-primary-background-color {
	background-color: #352044 !important;
	background-image:
		radial-gradient(circle at 16% 0%, rgba(176, 106, 58, 0.2), transparent 34%),
		linear-gradient(135deg, #4b2877 0%, #352044 58%, #271931 100%) !important;
	border-top: 1px solid rgba(232, 226, 213, 0.5) !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
	color: rgba(250, 247, 242, 0.88) !important;
}

.wp-site-blocks > footer.wp-block-template-part > .wp-block-group.has-primary-background-color a {
	color: var(--wp--preset--color--parchment) !important;
	text-decoration-color: rgba(232, 226, 213, 0.46);
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;
}

.wp-site-blocks > footer.wp-block-template-part > .wp-block-group.has-primary-background-color a:focus,
.wp-site-blocks > footer.wp-block-template-part > .wp-block-group.has-primary-background-color a:hover {
	color: #f4b08e !important;
	text-decoration-color: currentColor;
}

.ob-site-header {
	padding-inline: var(--ob-edge-gutter) !important;
}

.ob-site-header__inner {
	margin-inline: 0 !important;
	max-width: none !important;
	width: 100%;
}

.ob-site-header__row {
	align-items: center;
	display: grid !important;
	gap: clamp(24px, 4vw, 56px);
	grid-template-columns: minmax(220px, 300px) minmax(320px, 560px) minmax(max-content, 1fr);
	min-height: 112px;
	width: 100%;
}

.ob-site-header__row > .wp-block-site-logo {
	justify-self: start;
}

.ob-site-header__row > .ob-site-search--desktop {
	flex: initial;
	justify-self: center;
	margin-left: 0;
	max-width: 560px;
	width: 100%;
}

.ob-site-header__row > .wp-block-navigation {
	justify-self: end;
}

.wp-block-site-logo {
	flex: 0 1 auto;
	line-height: 0;
	min-width: 0;
}

.wp-block-site-logo img {
	display: block;
	height: auto;
	max-width: min(100%, 300px);
}

.wp-block-navigation__container > .wp-block-navigation-item > a {
	font-size: 24px !important;
}

/* Prevent individual menu links from wrapping */
.wp-block-navigation__container {
	align-items: center;
	flex-wrap: nowrap !important;
}

:is(.ob-site-header, .wp-site-blocks > .wp-block-template-part:first-child) .wp-block-navigation__container > .wp-block-navigation-item,
:is(.ob-site-header, .wp-site-blocks > .wp-block-template-part:first-child) .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content {
	flex: 0 0 auto;
	white-space: nowrap;
}

/* Desktop header dropdown
--------------------------------------------- */

@media screen and (min-width: 1101px) {
	.wp-site-blocks > header.wp-block-template-part > .wp-block-group > .wp-block-group.alignwide,
	body > header.wp-block-template-part > .wp-block-group > .wp-block-group.alignwide {
		flex-wrap: nowrap !important;
	}

	:is(.ob-site-header, .wp-site-blocks > .wp-block-template-part:first-child) .wp-block-navigation .wp-block-navigation-item {
		position: relative;
	}

	:is(.ob-site-header, .wp-site-blocks > .wp-block-template-part:first-child) .wp-block-navigation__container > .wp-block-navigation-item > a,
	:is(.ob-site-header, .wp-site-blocks > .wp-block-template-part:first-child) .wp-block-navigation__container > .wp-block-navigation-submenu > a {
		align-items: center;
		border-radius: 999px;
		display: inline-flex;
		line-height: 1.15;
		padding: 8px 4px;
	}

	:is(.ob-site-header, .wp-site-blocks > .wp-block-template-part:first-child) .wp-block-navigation__submenu-icon {
		align-items: center;
		border: 0;
		border-radius: 999px;
		color: currentColor;
		display: inline-flex;
		height: 26px;
		justify-content: center;
		margin-left: 4px;
		padding: 0;
		width: 26px;
	}

	:is(.ob-site-header, .wp-site-blocks > .wp-block-template-part:first-child) .wp-block-navigation__submenu-icon svg {
		height: 13px;
		width: 13px;
	}

	:is(.ob-site-header, .wp-site-blocks > .wp-block-template-part:first-child) .wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__submenu-container,
	:is(.ob-site-header, .wp-site-blocks > .wp-block-template-part:first-child) .wp-block-navigation .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__submenu-container {
		background: var(--wp--preset--color--white);
		border: 1px solid rgba(102, 51, 153, 0.16);
		border-radius: 8px;
		box-shadow: 0 18px 42px rgba(24, 10, 38, 0.2);
		color: var(--wp--preset--color--custom-text);
		left: auto;
		min-width: 240px !important;
		padding: 8px;
		right: 0;
		top: calc(100% + 8px);
		transform: none;
	}

	:is(.ob-site-header, .wp-site-blocks > .wp-block-template-part:first-child) .wp-block-navigation__submenu-container::before {
		background: var(--wp--preset--color--white);
		border-left: 1px solid rgba(102, 51, 153, 0.16);
		border-top: 1px solid rgba(102, 51, 153, 0.16);
		content: "";
		height: 12px;
		left: auto;
		position: absolute;
		right: 24px;
		top: -7px;
		transform: rotate(45deg);
		width: 12px;
	}

	:is(.ob-site-header, .wp-site-blocks > .wp-block-template-part:first-child) .wp-block-navigation__submenu-container::after {
		content: "";
		height: 14px;
		left: 0;
		position: absolute;
		right: 0;
		top: -14px;
	}

	:is(.ob-site-header, .wp-site-blocks > .wp-block-template-part:first-child) .wp-block-navigation :where(.wp-block-navigation__submenu-container) .wp-block-navigation-item {
		width: 100%;
	}

	:is(.ob-site-header, .wp-site-blocks > .wp-block-template-part:first-child) .wp-block-navigation :where(.wp-block-navigation__submenu-container) a {
		border-radius: 6px;
		color: var(--wp--preset--color--custom-text) !important;
		display: block;
		font-size: 16px !important;
		font-weight: var(--wp--custom--font-weight--semi-bold);
		line-height: 1.25;
		padding: 11px 12px !important;
		text-decoration: none;
		white-space: nowrap;
	}

	:is(.ob-site-header, .wp-site-blocks > .wp-block-template-part:first-child) .wp-block-navigation :where(.wp-block-navigation__submenu-container) a:focus,
	:is(.ob-site-header, .wp-site-blocks > .wp-block-template-part:first-child) .wp-block-navigation :where(.wp-block-navigation__submenu-container) a:hover {
		background: rgba(102, 51, 153, 0.08);
		color: var(--wp--preset--color--main) !important;
		text-decoration: none;
	}

	:is(.ob-site-header, .wp-site-blocks > .wp-block-template-part:first-child) .wp-block-navigation :where(.wp-block-navigation__submenu-container) a:focus-visible {
		outline: 2px solid var(--wp--preset--color--secondary);
		outline-offset: 2px;
	}
}

.ob-site-search {
	margin: 0;
	min-width: 0;
}

.ob-site-search__label {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	border: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
}

.ob-site-search__control {
	align-items: center;
	display: flex;
	position: relative;
	width: 100%;
}

.ob-site-search__input {
	background-color: var(--wp--preset--color--white);
	border: 1px solid rgba(255, 255, 255, 0.72);
	border-radius: 999px !important;
	box-shadow: none;
	color: var(--wp--preset--color--ink);
	font-size: 15px;
	height: 44px;
	line-height: 1.2;
	min-width: 0;
	padding: 10px 46px 10px 16px;
	width: 100%;
}

.ob-site-search__input::placeholder {
	color: rgba(44, 44, 42, 0.7);
	font-size: 15px;
	opacity: 1;
}

.ob-site-search__submit {
	align-items: center;
	appearance: none;
	background: var(--wp--preset--color--forest);
	border: 0;
	border-radius: 999px;
	color: var(--wp--preset--color--white);
	cursor: pointer;
	display: inline-flex;
	height: 34px;
	justify-content: center;
	padding: 0;
	position: absolute;
	right: 5px;
	top: 50%;
	transform: translateY(-50%);
	width: 34px;
}

.ob-site-search__submit svg {
	fill: none;
	height: 17px;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 2.25;
	width: 17px;
}

.ob-site-search__submit:focus-visible,
.ob-site-search__input:focus-visible {
	outline: 2px solid var(--wp--preset--color--terracotta);
	outline-offset: 3px;
}

.ob-site-search__submit:hover {
	background: var(--wp--preset--color--accent-dark);
}

.ob-site-search--desktop {
	flex: 0 1 clamp(220px, 28vw, 400px);
	margin-left: 0;
	max-width: 400px;
	width: clamp(220px, 28vw, 400px);
}

.ob-site-search--mobile {
	margin-top: 22px;
	width: 100%;
}

.ob-site-search--mobile .ob-site-search__input {
	border-color: var(--wp--preset--color--control-boundary);
	font-size: 16px;
	height: 52px;
	padding-right: 54px;
}

.ob-site-search--mobile .ob-site-search__input::placeholder {
	font-size: 16px;
}

.ob-site-search--mobile .ob-site-search__submit {
	background: var(--ob-button);
	height: 40px;
	right: 6px;
	width: 40px;
}

.ob-site-search--mobile .ob-site-search__submit:hover {
	background: #256a29;
}

.wp-block-navigation__responsive-container-open,
.wp-block-navigation__responsive-container-close {
	align-items: center;
	background-color: transparent;
	border: 1px solid currentColor;
	border-radius: 999px;
	color: currentColor;
	height: 44px;
	justify-content: center;
	padding: 9px;
	width: 44px;
}

.wp-block-navigation__responsive-container-open svg,
.wp-block-navigation__responsive-container-close svg {
	height: 24px;
	width: 24px;
}

/* Switch to the mobile menu before the fixed logo and large nav links collide. */
@media screen and (max-width: 1100px) {

	/* Show the hamburger button */
	.wp-block-navigation__responsive-container-open {
		display: inline-flex !important;
	}

	/* Hide the desktop menu only when the modal is closed */
	.wp-block-navigation__responsive-container:not(.is-menu-open.has-modal-open) {
		display: none !important;
	}

	.ob-site-search--desktop {
		display: none;
	}

	.ob-site-header {
		padding-inline: var(--ob-edge-gutter-compact) !important;
	}

	.ob-site-header__row {
		gap: 20px;
		grid-template-columns: minmax(0, 1fr) auto;
		min-height: 92px;
	}
}

@media screen and (max-width: 1100px) and (min-width: 769px) {
	.wp-block-site-logo img {
		max-width: 240px;
	}
}

@media screen and (max-width: 768px) {
	.wp-block-site-logo img {
		max-width: min(58vw, 190px);
	}
}

@media screen and (max-width: 1100px) {
	.wp-block-navigation__responsive-container.is-menu-open {
		display: none !important;
	}
}

body.ob-mobile-menu-open {
	overflow: hidden;
}

.ob-mobile-menu {
	--ob-background: var(--wp--preset--color--white);
	--ob-heading: var(--wp--preset--color--ink);
	--ob-text: var(--wp--preset--color--ink);
	--ob-link: var(--wp--preset--color--forest);
	--ob-accent: var(--wp--preset--color--accent-dark);
	--ob-button: var(--wp--preset--color--forest);
	--ob-button-text: var(--wp--preset--color--white);
	--ob-boundary: var(--wp--preset--color--control-boundary);
	inset: 0;
	pointer-events: none;
	position: fixed;
	transition: visibility 0s linear 220ms;
	visibility: hidden;
	z-index: 9999;
}

.ob-mobile-menu.is-open {
	pointer-events: auto;
	transition-delay: 0s;
	visibility: visible;
}

.ob-mobile-menu__overlay {
	appearance: none;
	background: rgba(51, 51, 51, 0.35);
	border: 0;
	cursor: pointer;
	inset: 0;
	opacity: 0;
	padding: 0;
	position: absolute;
	transition: opacity 180ms ease;
	width: 100%;
}

.ob-mobile-menu.is-open .ob-mobile-menu__overlay {
	opacity: 1;
}

.ob-mobile-menu__panel {
	background: var(--ob-background);
	box-shadow: -16px 0 40px rgba(0, 0, 0, 0.18);
	color: var(--ob-text);
	display: flex;
	flex-direction: column;
	height: 100%;
	overflow-y: auto;
	padding: 28px 24px;
	position: absolute;
	right: 0;
	top: 0;
	transform: translateX(100%);
	transition: transform 220ms ease;
	width: min(88vw, 420px);
}

.ob-mobile-menu.is-open .ob-mobile-menu__panel {
	transform: translateX(0);
}

.ob-mobile-menu__header {
	align-items: flex-start;
	border-bottom: 1px solid var(--wp--preset--color--tan);
	display: flex;
	justify-content: space-between;
	padding-bottom: 22px;
}

.ob-mobile-menu__brand,
.ob-mobile-menu__tagline,
.ob-mobile-menu__cta-title,
.ob-mobile-menu__cta-text {
	margin: 0;
}

.ob-mobile-menu__brand {
	color: var(--ob-heading);
	font-size: 1.7rem;
	font-weight: 700;
	line-height: 1;
}

.ob-mobile-menu__tagline {
	color: var(--ob-accent);
	font-size: 0.85rem;
	margin-top: 6px;
}

.ob-mobile-menu__close {
	align-items: center;
	appearance: none;
	background: transparent;
	border: 1px solid var(--ob-boundary);
	border-radius: 999px;
	color: var(--ob-heading);
	cursor: pointer;
	display: inline-flex;
	flex: 0 0 auto;
	font-size: 1.7rem;
	height: 44px;
	justify-content: center;
	line-height: 1;
	padding: 0;
	width: 44px;
}

.ob-mobile-menu__nav {
	display: grid;
	gap: 4px;
	margin-top: 28px;
}

.ob-mobile-menu__item {
	border-bottom: 1px solid var(--wp--preset--color--tan);
}

.ob-mobile-menu__link {
	color: var(--ob-heading);
	display: block;
	font-size: 1.45rem;
	font-weight: 500;
	line-height: 1.25;
	padding: 15px 0;
	text-decoration: none;
}

.ob-mobile-menu__item.has-submenu > .ob-mobile-menu__link {
	padding-bottom: 8px;
}

.ob-mobile-menu__link:focus,
.ob-mobile-menu__link:hover {
	color: var(--ob-link);
	text-decoration: none;
}

.ob-mobile-menu__submenu {
	border-left: 2px solid var(--wp--preset--color--tan);
	display: grid;
	margin: 0 0 12px 2px;
	padding-left: 16px;
}

.ob-mobile-menu__sublink {
	color: var(--wp--preset--color--muted);
	display: block;
	font-size: 1rem;
	font-weight: 600;
	line-height: 1.35;
	padding: 8px 0;
	text-decoration: none;
}

.ob-mobile-menu__sublink:focus,
.ob-mobile-menu__sublink:hover {
	color: var(--ob-link);
	text-decoration: none;
}

.ob-mobile-menu__cta {
	background: var(--wp--preset--color--parchment);
	border: 1px solid var(--wp--preset--color--tan);
	border-radius: 8px;
	margin-top: 30px;
	padding: 20px;
}

.ob-mobile-menu__cta-title {
	color: var(--ob-heading);
	font-size: 1.15rem;
	font-weight: 700;
}

.ob-mobile-menu__cta-text {
	color: var(--wp--preset--color--muted);
	font-size: 0.92rem;
	line-height: 1.45;
	margin-top: 4px;
}

.ob-mobile-menu__cta-button {
	background: var(--ob-button);
	border-radius: 999px;
	color: var(--ob-button-text);
	display: inline-block;
	font-weight: 700;
	line-height: 1.2;
	margin-top: 14px;
	padding: 10px 18px;
	text-decoration: none;
}

.ob-mobile-menu__cta-button:focus,
.ob-mobile-menu__cta-button:hover {
	background: var(--ob-accent);
	color: var(--ob-button-text);
	text-decoration: none;
}

.ob-mobile-menu__social {
	border-top: 1px solid var(--wp--preset--color--tan);
	display: flex;
	gap: 12px;
	margin-top: auto;
	padding-top: 24px;
}

.ob-mobile-menu__social-link {
	align-items: center;
	border: 1px solid var(--ob-boundary);
	border-radius: 999px;
	color: var(--ob-link);
	display: inline-flex;
	height: 42px;
	justify-content: center;
	text-decoration: none;
	width: 42px;
}

.ob-mobile-menu__social-link:focus,
.ob-mobile-menu__social-link:hover {
	background: var(--wp--preset--color--parchment);
	border-color: var(--wp--preset--color--forest);
	color: var(--ob-link);
	text-decoration: none;
}

.ob-mobile-menu__social-link svg {
	fill: none;
	height: 19px;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 1.8;
	width: 19px;
}

.ob-mobile-menu__social-link path {
	fill: currentColor;
	stroke: none;
}

.ob-mobile-menu__social-link:first-child rect,
.ob-mobile-menu__social-link:first-child circle,
.ob-mobile-menu__social-link:nth-child(2) rect {
	fill: none;
	stroke: currentColor;
}

.ob-mobile-menu__social-link:nth-child(2) path {
	fill: currentColor;
	stroke: none;
}

.ob-mobile-menu__social-link:nth-child(4) path {
	fill: none;
	stroke: currentColor;
	stroke-width: 2;
}

.ob-mobile-menu__social-link span {
	font-size: 0.9rem;
	font-weight: 800;
}

.ob-mobile-no-js-nav {
	display: none;
}

@media screen and (max-width: 1100px) {
	.ob-mobile-no-js-nav {
		background: var(--wp--preset--color--white);
		border-bottom: 1px solid var(--wp--preset--color--tan);
		display: grid;
		gap: 0;
		padding: 18px var(--ob-edge-gutter-compact) 22px;
	}

	.ob-mobile-no-js-nav .ob-mobile-menu__item {
		padding-block: 4px;
	}

	.ob-mobile-no-js-nav__link,
	.ob-mobile-no-js-nav__sublink {
		color: var(--wp--preset--color--ink);
		display: block;
		padding: 8px 0;
		text-decoration: none;
	}

	.ob-mobile-no-js-nav__link {
		font-size: 1.05rem;
		font-weight: 800;
	}

	.ob-mobile-no-js-nav__sublink {
		color: var(--wp--preset--color--forest);
		font-size: 0.95rem;
		font-weight: 700;
	}
}

.ob-mobile-menu__close:focus-visible,
.ob-mobile-menu__link:focus-visible,
.ob-mobile-menu__sublink:focus-visible,
.ob-mobile-menu__cta-button:focus-visible,
.ob-mobile-menu__social-link:focus-visible {
	outline: 2px solid var(--ob-accent);
	outline-offset: 3px;
}

@media screen and (max-width: 420px) {
	.ob-mobile-menu__panel {
		padding: 24px 20px;
		width: min(92vw, 420px);
	}

	.ob-mobile-menu__link {
		font-size: 1.32rem;
	}

	.ob-mobile-menu__sublink {
		font-size: 0.96rem;
	}
}

@media (prefers-reduced-motion: reduce) {
	.ob-post-card,
	.ob-post-card__image,
	.ob-grower-thread-card,
	.ob-mm-track-card,
	.ob-mobile-menu__overlay,
	.ob-mobile-menu__panel {
		transition: none;
	}

	.ob-blog .ob-blog__grid > li:focus-within .ob-post-card,
	.ob-blog .ob-blog__grid > li:hover .ob-post-card,
	.ob-grower-thread-card:focus-within,
	.ob-grower-thread-card:hover,
	.ob-mm-track-card:focus-within,
	.ob-mm-track-card:hover,
	.ob-post-card:focus-within,
	.ob-post-card:hover {
		transform: none;
	}

	.ob-blog .ob-blog__grid > li:focus-within .ob-post-card__image,
	.ob-blog .ob-blog__grid > li:hover .ob-post-card__image,
	.ob-post-card:focus-within .ob-post-card__image,
	.ob-post-card:hover .ob-post-card__image {
		transform: none;
	}
}

/* Custom list block (.list-custom)
--------------------------------------------- */

.wp-block-list.list-custom li {
	margin-bottom: 24px; /* row gap */
	padding-left: 10px;  /* icon gap */
}

.wp-block-list.list-custom li:last-child {
	margin-bottom: 0;
}

/* Hero inner wrapper
--------------------------------------------- */

.hero-inner {
	max-width: var(--wp--style--global--content-size);
	margin-left: auto;
	margin-right: auto;
	padding-left: var(--wp--style--root--padding-left);
	padding-right: var(--wp--style--root--padding-right);
	box-sizing: border-box;
}

/* Soft table style (.ob-table-soft)
--------------------------------------------- */

.wp-block-table.ob-table-soft {
	background: transparent;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.wp-block-table.ob-table-soft table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	font-size: 1rem;
	overflow: hidden; /* enables rounded corners */
}

.wp-block-table.ob-table-soft thead th {
	font-family: "Source Serif 4", serif;
	font-weight: var(--wp--custom--font-weight--semi-bold);
	font-size: 1.38rem;
	letter-spacing: 0.08em;
	padding: 16px 18px;
	color: #333333;
	background: #F8F2E9;
}

.wp-block-table.ob-table-soft tbody td {
	padding: 16px 18px;
	line-height: 1.55;
	vertical-align: top;
	background: #FFF;
	font-size: 20px;
}

.wp-block-table.ob-table-soft tbody tr + tr td {
	border-top: 2px solid #e5e5e5;
}

.wp-block-table.ob-table-soft th + th,
.wp-block-table.ob-table-soft td + td {
	border-left: 2px solid #e5e5e5;
}

/* Stackable icon-list — keep marker color on hover
--------------------------------------------- */

.stk-block-icon-list .stk-block-icon-list__ul .stk-block-icon-list-item.green-checkmark .stk-block-icon-list-item__content .stk--svg-wrapper .stk--inner-svg svg :is(use,g,path,rect,polygon,ellipse) {
	fill: #2E7D32;
	color: var(--stk-icon-list-marker-color);
}

.stk-block-icon-list .stk-block-icon-list__ul .stk-block-icon-list-item.red-x .stk-block-icon-list-item__content .stk--svg-wrapper .stk--inner-svg svg :is(use,g,path,rect,polygon,ellipse) {
	fill: #B23A3A;
	color: var(--stk-icon-list-marker-color);
}

/* Stackable — table of contents spacing fix
--------------------------------------------- */

.toc-body-column > .stk-column-wrapper {
	margin-top: 0 !important;
	padding-top: 0 !important;
}

/* Stackable — container shadow utility
--------------------------------------------- */

.container-shadow {
	box-shadow: var(--stk-container-box-shadow);
}