/* BiO-G Blog Journal - scoped to .biog-bj. Colours, columns, gap, image ratio/radius and padding come from Elementor
   controls as CSS variables. No JavaScript, no theme blog classes. */
.biog-bj {
	--bj-bg: #fbf8f2;
	--bj-accent: #1b8559;
	--bj-card-bg: #fff;
	--bj-cols: 3;
	--bj-gap: 28px;
	--bj-ratio: 1.35 / 1;
	--bj-radius: 20px;
	--bj-ink: #252525;
	--bj-muted: #5f635d;
	box-sizing: border-box;
	width: 100%;
	padding: 72px 32px 80px;
	background-color: var(--bj-bg);
	color: var(--bj-ink);
}
.biog-bj *, .biog-bj *::before, .biog-bj *::after { box-sizing: border-box; }
.biog-bj .biog-bj__inner { max-width: 1240px; margin: 0 auto; }
@media (max-width: 1024px) { .biog-bj { --bj-gap: 22px; padding: 56px 24px 64px; } }
@media (max-width: 767px) { .biog-bj { --bj-gap: 20px; padding: 40px 20px 48px; } }

/* ---- header ------------------------------------------------------------------- */
.biog-bj .biog-bj__header { margin: 0 auto 44px; text-align: center; }
.biog-bj .biog-bj__eyebrow { margin: 0 0 12px; font-size: 14px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--bj-accent); }
.biog-bj .biog-bj__heading { margin: 0 0 12px; padding: 0; font-size: 46px; font-weight: 700 !important; /* theme forces heading weights */ line-height: 1.12; letter-spacing: -0.01em; text-transform: none; text-wrap: balance; color: var(--bj-ink); }
.biog-bj .biog-bj__desc { max-width: 40em; margin: 0 auto; font-size: 17px; line-height: 1.6; color: var(--bj-muted); }
@media (max-width: 1024px) {
	.biog-bj .biog-bj__heading { font-size: 38px; }
	.biog-bj .biog-bj__eyebrow { font-size: 13px; }
	.biog-bj .biog-bj__desc { font-size: 16px; }
}
@media (max-width: 767px) {
	.biog-bj .biog-bj__header { margin-bottom: 28px; }
	.biog-bj .biog-bj__heading { font-size: 30px; }
	.biog-bj .biog-bj__eyebrow { font-size: 12px; }
	.biog-bj .biog-bj__desc { font-size: 15px; }
}

/* ---- grid + cards --------------------------------------------------------------- */
.biog-bj .biog-bj__grid { display: grid; grid-template-columns: repeat(var(--bj-cols), minmax(0, 1fr)); gap: var(--bj-gap); margin: 0; padding: 0; list-style: none; }
.biog-bj .biog-bj__item { display: flex; min-width: 0; margin: 0; padding: 0; list-style: none; }
.biog-bj .biog-bj__card { display: flex; flex-direction: column; width: 100%; margin: 0; padding: 12px 12px 26px; background-color: var(--bj-card-bg); border: 0; border-radius: calc(var(--bj-radius) + 8px); box-shadow: 0 1px 2px rgba(60, 50, 30, 0.04), 0 10px 30px rgba(60, 50, 30, 0.06); transition: transform 0.25s ease, box-shadow 0.25s ease; }
.biog-bj .biog-bj__card:hover, .biog-bj .biog-bj__card:focus-within { transform: translateY(-3px); box-shadow: 0 1px 2px rgba(60, 50, 30, 0.04), 0 16px 38px rgba(60, 50, 30, 0.1); }
.biog-bj .biog-bj__media { display: block; position: relative; margin: 0; overflow: hidden; border-radius: var(--bj-radius); aspect-ratio: var(--bj-ratio); background-color: #eceae4; }
.biog-bj .biog-bj__img { display: block; width: 100%; height: 100%; max-width: none; object-fit: cover; }
.biog-bj .biog-bj__fallback { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; color: rgba(27, 133, 89, 0.55); background: linear-gradient(150deg, #e6f4ec 0%, #d4ecdf 100%); }
.biog-bj .biog-bj__body { display: flex; flex: 1 1 auto; flex-direction: column; padding: 20px 12px 0; }
.biog-bj .biog-bj__date { display: block; margin: 0 0 8px; font-size: 13px; font-weight: 500; letter-spacing: 0.02em; color: var(--bj-muted); }
.biog-bj .biog-bj__title { margin: 0 0 10px; padding: 0; font-size: 21px; font-weight: 700 !important; line-height: 1.25; text-transform: none; color: var(--bj-ink); display: -webkit-box; overflow: hidden; -webkit-line-clamp: 4; -webkit-box-orient: vertical; }
.biog-bj .biog-bj__title a, .biog-bj .biog-bj__title a:hover, .biog-bj .biog-bj__title a:focus { color: inherit; text-decoration: none; }
.biog-bj .biog-bj__title a:hover { color: var(--bj-accent); }
.biog-bj .biog-bj__excerpt { margin: 0 0 18px; font-size: 15.5px; line-height: 1.6; color: var(--bj-muted); display: -webkit-box; overflow: hidden; -webkit-line-clamp: 4; -webkit-box-orient: vertical; }
.biog-bj .biog-bj__read, .biog-bj .biog-bj__all { display: inline-flex; align-items: center; gap: 8px; font-size: 15px; font-weight: 700; text-decoration: none; color: var(--bj-accent); }
.biog-bj .biog-bj__read { margin-top: auto; align-self: flex-start; }
.biog-bj .biog-bj__read:hover, .biog-bj .biog-bj__all:hover, .biog-bj .biog-bj__read:focus, .biog-bj .biog-bj__all:focus { color: var(--bj-accent); text-decoration: none; }
.biog-bj .biog-bj__read svg, .biog-bj .biog-bj__all svg { flex: 0 0 auto; transition: transform 0.2s ease; }
.biog-bj .biog-bj__read:hover svg, .biog-bj .biog-bj__all:hover svg { transform: translateX(3px); }
.biog-bj .biog-bj__title a:focus-visible, .biog-bj .biog-bj__read:focus-visible, .biog-bj .biog-bj__all:focus-visible { outline: 2px solid var(--bj-accent); outline-offset: 3px; border-radius: 4px; }
.biog-bj .biog-bj__all-wrap { margin: 36px 0 0; text-align: center; }
.biog-bj .biog-bj__notice { margin: 0; padding: 20px; text-align: center; font-size: 14px; color: #6b7280; }
@media (max-width: 767px) { .biog-bj .biog-bj__title { font-size: 19px; } .biog-bj .biog-bj__all-wrap { margin-top: 28px; } }
@media (prefers-reduced-motion: reduce) {
	.biog-bj .biog-bj__card, .biog-bj .biog-bj__read svg, .biog-bj .biog-bj__all svg { transition: none; }
	.biog-bj .biog-bj__card:hover, .biog-bj .biog-bj__card:focus-within { transform: none; }
}