:root {
	--jaid-color-primary: #4CAF50;
	--jaid-color-secondary: #699933;
	--jaid-color-text: #1F221F;
	--jaid-color-heading: #1F221F;
	--jaid-color-background: #FFFFFF;
	--jaid-color-header-bg: #FCFFFB;
	--jaid-color-card-bg: #FCFFFB;
	--jaid-color-primary-rgb: 76, 175, 80;
	--jaid-color-secondary-rgb: 105, 153, 51;
	--jaid-color-score-high: var(--jaid-color-primary);
	--jaid-color-score-mid: #C98A3D;
	--jaid-color-score-low: #C1573F;
	--jaid-radius-hero: 28px 10px 28px 10px;
	--jaid-radius-card: 26px 10px 26px 10px;
	--jaid-radius-img: 26px 10px 0 0;
	--jaid-radius-chip: 999px;
	--jaid-shadow-card: 0 1px 2px rgba(31,34,31,0.05), 0 16px 28px -18px rgba(var(--jaid-color-primary-rgb), 0.45);
	--jaid-shadow-card-hover: 0 1px 2px rgba(31,34,31,0.06), 0 20px 36px -16px rgba(var(--jaid-color-primary-rgb), 0.5);
}

.jaid-plants-archive,
.jaid-plant-single {
	font-family: 'Inter', system-ui, -apple-system, sans-serif;
	color: var(--jaid-color-text);
	line-height: 1.5;
	-webkit-font-smoothing: antialiased;
}

.jaid-plants-archive h1,
.jaid-plants-archive h2,
.jaid-plants-archive h3,
.jaid-plant-single h1,
.jaid-plant-single h2,
.jaid-plant-single h3 {
	font-family: 'Outfit', 'Inter', sans-serif;
	color: var(--jaid-color-heading);
	margin: 0;
}

.jaid-plants-archive ul,
.jaid-plant-single ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.jaid-plants-archive a,
.jaid-plant-single a {
	color: inherit;
	text-decoration: none;
}

.jaid-plants-archive img,
.jaid-plant-single img {
	display: block;
	max-width: 100%;
}

/* ===== Archive header ===== */
.jaid-archive-header {
	max-width: 1120px;
	margin: 0 auto;
	padding: 24px 20px 0;
}

.jaid-archive-header__breadcrumb {
	font-size: 0.85rem;
	color: rgba(31,34,31,0.55);
	font-weight: 500;
	display: flex;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap;
}

.jaid-archive-header__breadcrumb a {
	color: rgba(31,34,31,0.55);
	transition: color 0.15s ease;
}

.jaid-archive-header__breadcrumb a:hover {
	color: var(--jaid-color-primary);
}

.jaid-archive-header h1 {
	font-size: 1.6rem;
	font-weight: 600;
	letter-spacing: -0.01em;
	margin-top: 10px;
}

.jaid-archive-header__count {
	margin: 10px 0 0;
	color: rgba(31,34,31,0.7);
	font-size: 0.95rem;
}

/* ===== Filters ===== */
.jaid-filters {
	max-width: 1120px;
	margin: 0 auto;
	padding: 18px 20px 4px;
	display: flex;
	flex-direction: column;
	gap: 14px;
}

.jaid-filters__group {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.jaid-filters__label {
	font-size: 0.75rem;
	color: rgba(31,34,31,0.45);
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 0.04em;
}

.jaid-filters__chips {
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
}

.jaid-filters__chip {
	flex: none;
	padding: 9px 16px;
	border-radius: var(--jaid-radius-chip);
	border: 1px solid rgba(31,34,31,0.12);
	font-size: 0.85rem;
	font-weight: 500;
	color: var(--jaid-color-text);
	background: var(--jaid-color-background);
	transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}

.jaid-filters__chip[aria-pressed="true"] {
	background: var(--jaid-color-primary);
	border-color: var(--jaid-color-primary);
	color: #FFFFFF;
}

.jaid-filters__chip:hover:not([aria-pressed="true"]) {
	border-color: var(--jaid-color-primary);
	color: var(--jaid-color-primary);
}

.jaid-filters__chip:focus-visible {
	outline: 2px solid var(--jaid-color-primary);
	outline-offset: 2px;
}

/* ===== Grid ===== */
.jaid-plants-grid {
	max-width: 1120px;
	margin: 0 auto;
	padding: 20px 20px 48px;
	display: grid;
	grid-template-columns: 1fr;
	gap: 22px;
}

@media (min-width: 560px) {
	.jaid-plants-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (min-width: 860px) {
	.jaid-plants-grid { grid-template-columns: repeat(3, 1fr); }
}

@media (min-width: 1180px) {
	.jaid-plants-grid { grid-template-columns: repeat(4, 1fr); }
}

/* ===== Card ===== */
.jaid-plant-card {
	position: relative;
	background: var(--jaid-color-card-bg);
	border-radius: var(--jaid-radius-card);
	box-shadow: var(--jaid-shadow-card);
	transition: box-shadow 0.2s ease, transform 0.2s ease;
}

.jaid-plant-card:hover {
	box-shadow: var(--jaid-shadow-card-hover);
	transform: translateY(-3px);
}

.jaid-plant-card:focus-within {
	box-shadow: 0 0 0 3px rgba(var(--jaid-color-primary-rgb), 0.35), var(--jaid-shadow-card);
}

.jaid-plant-card__media {
	position: relative;
}

.jaid-plant-card__img {
	aspect-ratio: 4 / 3;
	border-radius: var(--jaid-radius-img);
	overflow: hidden;
}

.jaid-plant-card__img img {
	margin: 0 auto;
	height: 100%;
}

.jaid-plant-card__score {
	position: absolute;
	right: 14px;
	bottom: -22px;
	z-index: 2;
	width: 54px;
	height: 54px;
	border-radius: 50%;
	padding: 4px;
	background: conic-gradient(var(--tier-color) calc(var(--pct) * 3.6deg), rgba(31,34,31,0.09) 0deg);
	outline: 3px solid var(--jaid-color-card-bg);
}

.jaid-plant-card__score-inner {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background: var(--jaid-color-card-bg);
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: 'Outfit', 'Inter', sans-serif;
	font-weight: 600;
	font-size: 0.8rem;
	color: var(--jaid-color-heading);
}

.jaid-plant-card__body {
	padding: 34px 18px 18px;
}

.jaid-plant-card__name {
	font-size: 1.05rem;
	font-weight: 600;
}

.jaid-plant-card__name a {
	color: var(--jaid-color-heading);
}

.jaid-plant-card__name a::after {
	content: '';
	position: absolute;
	inset: 0;
	z-index: 1;
	border-radius: inherit;
}

.jaid-plant-card__name a:focus-visible {
	outline: none;
}

.jaid-plant-card__latin {
	margin: 3px 0 12px;
	font-style: italic;
	font-size: 0.83rem;
	color: rgba(31,34,31,0.55);
}

.jaid-plant-card__chips {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}

.jaid-plant-card__chips li {
	font-size: 0.75rem;
	font-weight: 500;
	padding: 5px 10px;
	border-radius: 8px;
	background: rgba(var(--jaid-color-primary-rgb), 0.1);
	color: rgba(31,34,31,0.85);
}

.jaid-plant-card__chips a {
	color: inherit;
	position: relative;
	z-index: 2;
}

.jaid-plant-card__chips a:hover {
	color: var(--jaid-color-primary);
}

/* ===== Empty state ===== */
.jaid-empty {
	text-align: center;
	color: rgba(31,34,31,0.6);
	padding: 40px 20px;
}

/* ===== Pagination ===== */
.jaid-pagination {
	max-width: 1120px;
	margin: 0 auto;
	padding: 0 20px 48px;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap;
}

.jaid-pagination a,
.jaid-pagination span.current {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 40px;
	height: 40px;
	padding: 0 12px;
	border-radius: var(--jaid-radius-chip);
	border: 1px solid rgba(31,34,31,0.12);
	font-size: 0.9rem;
	font-weight: 500;
	color: var(--jaid-color-text);
	background: var(--jaid-color-background);
	transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}

.jaid-pagination a:hover {
	border-color: var(--jaid-color-primary);
	color: var(--jaid-color-primary);
}

.jaid-pagination span.current {
	background: var(--jaid-color-primary);
	border-color: var(--jaid-color-primary);
	color: #FFFFFF;
}

.jaid-pagination a:focus-visible {
	outline: 2px solid var(--jaid-color-primary);
	outline-offset: 2px;
}

/* ===== Single — header ===== */
.jaid-plant-single {
	max-width: 1120px;
	margin: 0 auto;
	padding: 20px 20px 60px;
}

.jaid-single-header {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 24px;
}

.jaid-single-header__back {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background: rgba(31,34,31,0.05);
	flex: none;
	transition: background 0.15s ease;
	font-size: 1.1rem;
}

.jaid-single-header__back:hover {
	background: rgba(31,34,31,0.09);
}

.jaid-single-header__breadcrumb {
	font-size: 0.85rem;
	color: rgba(31,34,31,0.55);
	font-weight: 500;
	display: flex;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap;
}

.jaid-single-header__breadcrumb a {
	color: rgba(31,34,31,0.55);
	transition: color 0.15s ease;
}

.jaid-single-header__breadcrumb a:hover {
	color: var(--jaid-color-primary);
}

/* ===== Single — hero ===== */
.jaid-single-hero {
    position: relative;
    border: 2px solid #cccccc30;
    border-radius: var(--jaid-radius-hero);
    margin-bottom: 2rem;
}

.jaid-single-hero__img-wrap {
    overflow: hidden;
    border-radius: var(--jaid-radius-hero);
	height: 100%;
}


@media (min-width: 860px) {
	.jaid-single-hero {
		aspect-ratio: 21 / 9;
	}
}

.jaid-single-hero img {
    object-position: center center;
    margin: 0 auto;
    height: 95%;
    position: relative;
    top: 2.5%;
}

.jaid-single-hero__score {
	position: absolute;
	right: 18px;
	bottom: 18px;
	z-index: 2;
	width: 76px;
	height: 76px;
	border-radius: 50%;
	padding: 5px;
	background: conic-gradient(var(--tier-color) calc(var(--pct) * 3.6deg), rgba(31,34,31,0.09) 0deg);
	outline: 4px solid rgba(255,255,255,0.85);
}

.jaid-single-hero__score-value {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background: var(--jaid-color-card-bg);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	font-family: 'Outfit', 'Inter', sans-serif;
	font-weight: 700;
	font-size: 1.35rem;
	line-height: 1;
	color: var(--jaid-color-heading);
}

/* ===== Single — identity ===== */
.jaid-single-identity h1 {
	font-size: 1.9rem;
	font-weight: 700;
	letter-spacing: -0.01em;
}

.jaid-single-identity__latin {
	margin: 5px 0 0;
	font-style: italic;
	font-size: 0.95rem;
	color: rgba(31,34,31,0.55);
}

.jaid-single-identity__lede {
	margin: 16px 0 0;
	font-size: 1rem;
	color: rgba(31,34,31,0.75);
	max-width: 62ch;
}

.jaid-single-chips {
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
	align-items: center;
	margin-top: 16px;
}

.jaid-single-chips__label {
	font-size: 0.75rem;
	color: rgba(31,34,31,0.45);
	font-weight: 500;
	margin-right: 4px;
}

.jaid-single-chips__item {
	font-size: 0.8rem;
	font-weight: 500;
	padding: 7px 14px;
	border-radius: var(--jaid-radius-chip);
	white-space: nowrap;
	border: 1px solid rgba(31,34,31,0.14);
	color: rgba(31,34,31,0.8);
	transition: border-color 0.15s ease, color 0.15s ease;
}

.jaid-single-chips__item--space {
	background: var(--jaid-color-primary);
	border-color: var(--jaid-color-primary);
	color: #FFFFFF;
}

a.jaid-single-chips__item:hover {
	border-color: var(--jaid-color-primary);
	color: var(--jaid-color-primary);
}

/* ===== Single — specs ===== */
.jaid-specs {
	margin-top: 34px;
}

.jaid-specs h2 {
	font-size: 1.05rem;
	font-weight: 600;
}

.jaid-specs__grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 10px;
	margin-top: 16px;
}

@media (min-width: 480px) {
	.jaid-specs__grid { grid-template-columns: repeat(3, 1fr); }
}

@media (min-width: 860px) {
	.jaid-specs__grid { grid-template-columns: repeat(4, 1fr); }
}

.jaid-specs__item {
	background: var(--jaid-color-card-bg);
	border: 1px solid rgba(31,34,31,0.06);
	border-radius: var(--jaid-radius-card);
	padding: 14px 14px 15px;
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.jaid-specs__label {
	font-size: 0.72rem;
	color: rgba(31,34,31,0.5);
	line-height: 1.3;
}

.jaid-specs__value {
	font-size: 0.92rem;
	font-weight: 600;
	color: var(--jaid-color-heading);
	line-height: 1.3;
}

/* ===== Single — usage notes ===== */
.jaid-usage-notes {
	margin-top: 30px;
	background: rgba(var(--jaid-color-secondary-rgb), 0.08);
	border-left: 3px solid var(--jaid-color-secondary);
	border-radius: 4px 14px 14px 4px;
	padding: 16px 18px;
}

.jaid-usage-notes h3 {
	font-size: 0.9rem;
	font-weight: 600;
	color: var(--jaid-color-heading);
	margin-bottom: 6px;
}

.jaid-usage-notes p {
	font-size: 0.87rem;
	color: rgba(31,34,31,0.75);
	max-width: 72ch;
	margin: 0;
}

/* ===== Single — content ===== */
.jaid-plant-content {
	margin-top: 36px;
}

.jaid-plant-content h2 {
	font-size: 1.05rem;
	font-weight: 600;
}

.jaid-plant-content p,
.jaid-plant-content li {
	font-size: 0.95rem;
	color: rgba(31,34,31,0.78);
	max-width: 72ch;
}

.jaid-plant-content p + p {
	margin-top: 12px;
}

.jaid-plant-content .jaid-plant-cta {
	margin-top: 2rem;
	padding: 1.5rem;
	background: rgba(var(--jaid-color-primary-rgb), 0.08);
	border: 1px solid rgba(var(--jaid-color-primary-rgb), 0.2);
	border-radius: var(--jaid-radius-card);
	text-align: center;
}

.jaid-plant-content .jaid-plant-cta p {
	max-width: none;
	font-size: 1.1rem;
	margin-bottom: 1rem;
}

.jaid-plant-content .jaid-cta-button {
	display: inline-block;
	padding: 0.75rem 1.5rem;
	background: var(--jaid-color-primary);
	color: #fff;
	text-decoration: none;
	border-radius: 8px;
	font-weight: 600;
	transition: background 0.15s ease;
}

.jaid-plant-content .jaid-cta-button:hover {
	background: var(--jaid-color-secondary);
}

/* ===== Posts grid block — plant variant ===== */
.posts-grid--plants {
	gap: 22px;
}

.posts-grid--plants .jaid-plant-card {
	height: 100%;
	display: flex;
	flex-direction: column;
}

.posts-grid--plants .jaid-plant-card__body {
	flex: 1;
}

@media (prefers-reduced-motion: reduce) {
	.jaid-plant-card,
	.jaid-filters__chip,
	.jaid-pagination a,
	.jaid-single-header__back {
		transition: none !important;
	}

	.jaid-plant-card:hover {
		transform: none;
	}
}