/* What You Plant · blog add-on · 2026-11-04 · uses the site tokens from /styles.css */
.blog-hero{padding:56px 0 40px}
.post-hero{padding:36px 0 8px}
.crumbs{font-size:14px;color:var(--dim);margin-bottom:14px}
.crumbs a{color:var(--dim)}
.post-hero h1{font-size:clamp(34px,6vw,54px);margin-bottom:12px}
.post .meta{font-size:14.5px;color:var(--dim)}
.post-img{margin:26px auto 0;max-width:1000px;border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow);background:var(--sand);aspect-ratio:1376/768}
.post-img img{width:100%;height:100%;object-fit:cover}
.post-body{padding:34px 0 20px}
.post-body h2{font-size:clamp(26px,4vw,34px);margin:42px 0 12px}
.post-body p,.post-body li{font-size:19px}
.post-body ul{margin:0 0 16px 22px}
.post-body li{margin-bottom:6px}
.answer{background:var(--bone);border-left:4px solid var(--moss);border-radius:12px;padding:20px 22px 6px;margin-bottom:8px}
.answer p{font-size:20px}
.verse{font-size:clamp(20px,3vw,24px);border-left:3px solid var(--amber);padding:2px 0 2px 16px;margin:16px 0 18px;color:var(--soil)}
.inline-cta{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px 18px;font-size:17.5px !important}
.inline-cta a{font-weight:700}
.post-cta{background:var(--panel);color:#E7E1D3;border-radius:24px;padding:34px 26px;margin:46px 0 10px}
.post-cta h2{color:var(--paper);margin-top:0}
.post-cta p{color:#D9D3C5}
.post-cta .note{color:#A9B6A6}
.post-cta .btn.ghost{color:var(--paper);border-color:#D9D3C5}
.post-cta .btn.ghost:hover{background:var(--panel2)}
.more{padding:40px 0 10px}
.more h2{margin-top:0}
.post-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.post-grid.three{grid-template-columns:repeat(3,1fr)}
.post-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;text-decoration:none;color:inherit;box-shadow:var(--shadow);transition:transform .2s}
.post-card:hover{transform:translateY(-3px)}
.post-card .media{aspect-ratio:16/9;background:var(--sand);overflow:hidden}
.post-card .media img{width:100%;height:100%;object-fit:cover}
.post-card .txt{padding:20px;display:flex;flex-direction:column;gap:6px;flex:1}
.post-card .tag{font-size:12.5px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;color:var(--amber-deep)}
.post-card h3{font-size:22px;margin:0}
.post-card p{color:var(--dim);font-size:16px;margin:0}
.post-card .go{margin-top:auto;padding-top:8px;font-weight:700;color:var(--moss-deep)}
.fine{font-size:13.5px;color:var(--dim);margin-top:30px}
@media(max-width:900px){.post-grid.three{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.post-grid,.post-grid.three{grid-template-columns:1fr}.post-cta{padding:28px 18px}.seedband .grid{grid-template-columns:1fr}.seedband .txt{padding:28px 20px}}
