/* ============================================================
 * BIOTA · PRIMITIVE · Section
 * Full-bleed band + vertical rhythm + a centered reading column.
 * Files prefixed "_" are design-system primitives; they load before the
 * per-section files (alphabetical: "_" sorts before letters) so sections
 * can build on them.
 * ============================================================ */

.biota-section {
	padding: var(--wp--preset--spacing--bt-60) var(--wp--preset--spacing--bt-70);
}

/* Compact band (e.g. the trust strip). */
.biota-section--tight {
	padding-top: var(--wp--preset--spacing--bt-50);
	padding-bottom: var(--wp--preset--spacing--bt-50);
}

/* Centered single-column content wrapper. */
.biota-section__inner {
	display: flex;
	flex-direction: column;
	gap: var(--wp--preset--spacing--bt-40);
	max-width: 600px;
	margin-inline: auto;
}

.biota-section__inner--center {
	text-align: center;
	align-items: center;
}
/* Wider column for desktop-content sections (e.g. the product page). */
.biota-section__inner--wide {
	max-width: 1120px;
}
/* Home page uses a wider desktop content column (Figma: 1280). Only caps on
   desktop — mobile stays full-width within the section padding. */
.home .biota-section__inner--wide {
	max-width: 1280px;
}

/* Responsive card grids: 1 column on mobile, N on desktop. */
.biota-grid-2,
.biota-grid-3 {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--wp--preset--spacing--bt-50);
}
@media (min-width: 783px) {
	.biota-grid-2 { grid-template-columns: 1fr 1fr; }
	.biota-grid-3 { grid-template-columns: repeat(3, 1fr); gap: 34px; }
}

/* Section header: eyebrow + heading + lead, stacked tight. */
.biota-section__header {
	display: flex;
	flex-direction: column;
	gap: var(--wp--preset--spacing--bt-20);
}
.biota-section__header--center {
	text-align: center;
	align-items: center;
}

/* Muted intro paragraph under a heading. */
.biota-lead {
	margin: 0;
	color: var(--wp--preset--color--text-muted);
	font-size: var(--wp--preset--font-size--body);
	line-height: 1.6;
}

/* Dark band: white body + heading, lightened lead. */
.biota-section--dark {
	color: var(--wp--preset--color--base);
}
.biota-section--dark .wp-block-heading {
	color: var(--wp--preset--color--base);
}
.biota-section--dark .biota-lead {
	color: rgba(255, 255, 255, 0.75);
}

/* 404. The parent theme's version is English and its only button links to "#",
   so the child owns this page rather than inheriting a dead end. */
.biota-404__box {
	border: 1px solid var(--wp--preset--color--border);
	border-radius: 18px;
	padding: 56px 24px;
	text-align: center;
	max-width: 620px;
	margin: 0 auto;
}
.biota-404__title {
	margin: 6px 0 10px;
}
.biota-404__text {
	color: var(--wp--preset--color--text-muted);
	margin: 0 auto 22px;
	max-width: 46ch;
}
.biota-404__box .biota-actions--stacked {
	justify-content: center;
}