/* Southern Plants™ — Public Plant Library page (26 Oct 2026). Uses the variables in style.css. */
.plib { padding-top: var(--space-xl); padding-bottom: var(--space-2xl); }
.plib-kicker { font-size: .78rem; letter-spacing: .08em; text-transform: uppercase; color: var(--green); font-weight: 700; margin-bottom: var(--space-xs); }
.plib-title { font-family: var(--font-display); color: var(--text); font-size: clamp(1.8rem, 4vw, 2.6rem); line-height: 1.15; }
.plib-common { color: var(--text-mid); font-size: 1.1rem; margin-top: var(--space-xs); }
.plib-note { margin-top: var(--space-lg); padding: var(--space-md) var(--space-lg); background: var(--surface-warm); border: 1px solid var(--border); border-left: 4px solid var(--green); border-radius: var(--radius); color: var(--text-mid); line-height: 1.6; }
.plib-note strong { color: var(--text); }
.plib-layout { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); gap: var(--space-xl); margin-top: var(--space-xl); }
.plib h2 { font-family: var(--font-display); font-size: 1.35rem; color: var(--text); margin-bottom: var(--space-md); }
.plib-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: var(--space-sm) var(--space-lg); }
.plib-fact { padding: var(--space-sm) 0; border-bottom: 1px solid var(--border-light); }
.plib-fact dt { font-size: .78rem; text-transform: uppercase; letter-spacing: .05em; color: var(--text-muted); font-weight: 700; }
.plib-fact dd { color: var(--text); margin-top: 2px; }
.plib-muted { color: var(--text-muted); }
.plib-sources { margin-top: var(--space-xl); }
.plib-sources ul { padding-left: 1.2em; color: var(--text-mid); }
.plib-sources li { margin: var(--space-xs) 0; }
.plib-card { background: var(--white); border: 1px solid var(--border); border-radius: var(--radius-lg); padding: var(--space-lg); margin-bottom: var(--space-lg); }
.plib-card-green { background: var(--green-light); border-color: transparent; }
.plib-card-green p { color: var(--text-mid); margin-bottom: var(--space-md); }
.plib-list { list-style: none; }
.plib-list li { padding: var(--space-xs) 0; }
.plib-similar { margin-top: var(--space-2xl); }
.plib-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: var(--space-lg); }
.plib-product { display: block; background: var(--white); border: 1px solid var(--border); border-radius: var(--radius-lg); overflow: hidden; color: var(--text); text-decoration: none; box-shadow: var(--shadow-sm); transition: box-shadow .2s; }
.plib-product:hover { box-shadow: var(--shadow); }
.plib-product img { width: 100%; aspect-ratio: 1 / 1; object-fit: cover; background: var(--surface-warm); }
.plib-product-name { display: block; font-weight: 700; padding: var(--space-md) var(--space-md) 0; }
.plib-product-bot { display: block; font-style: italic; color: var(--text-muted); font-size: .88rem; padding: 2px var(--space-md) var(--space-md); }
@media (max-width: 860px) { .plib-layout { grid-template-columns: 1fr; } }