.blog-index-header{padding:var(--space-16) var(--space-6) var(--space-12);text-align:center}.blog-index-header h1{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:400;letter-spacing:var(--tracking-tight);color:var(--forest);margin:var(--space-3) 0}.blog-index-grid{max-width:var(--max-width-ui);margin:0 auto;padding:0 var(--space-6) var(--space-20);display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--space-8)}.blog-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;transition:box-shadow var(--transition-base),transform var(--transition-base)}.blog-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.blog-card-image{display:block;width:100%;height:auto;aspect-ratio:16 / 10;object-fit:cover;border-bottom:1px solid var(--color-border);background:var(--cream)}.blog-card-body{padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-3);flex:1}.blog-card-body h2{font-family:var(--font-display);font-size:var(--text-xl);font-weight:400;line-height:var(--leading-snug);color:var(--color-text);margin:0}.blog-card-body h2 a{color:inherit;text-decoration:none}.blog-card-body h2 a:hover{color:var(--forest)}.blog-card-body p{color:var(--color-text-secondary);font-size:var(--text-sm);line-height:var(--leading-normal);margin:0;flex:1}.blog-card-meta{font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--color-text-tertiary)}.blog-card-link{font-weight:var(--weight-semibold);font-size:var(--text-sm);color:var(--forest);text-decoration:none}.blog-card-link:hover{color:var(--forest-mid)}.blog-tags{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center}.blog-tag{font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wide);padding:3px 9px;border-radius:var(--radius-full);background:#284a2a1a;color:var(--forest)}.post-header{max-width:var(--max-width-content);margin:0 auto;padding:var(--space-16) var(--space-6) var(--space-8);text-align:center}.post-header h1{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:400;line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--forest);margin:var(--space-4) 0}.post-meta{font-size:var(--text-sm);color:var(--color-text-tertiary);margin-bottom:var(--space-4)}.post-hero{max-width:960px;margin:0 auto var(--space-8);padding:0 var(--space-6)}.post-hero img{display:block;width:100%;height:auto;border-radius:var(--radius-2xl);border:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.post-hero figcaption,.post-figure figcaption{margin-top:var(--space-3);font-size:var(--text-sm);color:var(--color-text-tertiary);text-align:center}.post-body{max-width:var(--max-width-content);margin:0 auto;padding:0 var(--space-6) var(--space-16);font-size:17px;line-height:var(--leading-relaxed, 1.7);color:var(--color-text)}.post-body h2{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:400;letter-spacing:var(--tracking-snug);color:var(--color-text);margin:var(--space-12) 0 var(--space-4)}.post-body h3{font-family:var(--font-display);font-size:var(--text-xl);font-weight:400;color:var(--color-text);margin:var(--space-8) 0 var(--space-3)}.post-body p{margin:0 0 var(--space-5)}.post-body a{color:var(--clay);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;transition:color var(--transition-fast)}.post-body a:hover{color:var(--clay-light);text-decoration-thickness:2px}.post-body ul,.post-body ol{margin:0 0 var(--space-5);padding-left:var(--space-6)}.post-body li{margin-bottom:var(--space-2)}.post-body em{font-style:italic}.post-figure{margin:var(--space-8) 0}.post-figure img{display:block;width:100%;height:auto;border-radius:var(--radius-xl);border:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.post-callout{background:#284a2a0a;border:1px solid rgba(40,74,42,.12);border-radius:var(--radius-xl);padding:var(--space-6);margin:var(--space-8) 0}.post-callout .post-callout-title{font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--color-text-tertiary);margin:0 0 var(--space-2)}.post-callout p:last-child{margin-bottom:0}.post-table-wrap{border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid var(--color-border);margin:var(--space-8) 0;overflow-x:auto}.post-table{width:100%;border-collapse:collapse;font-size:var(--text-sm);background:var(--color-surface)}.post-table th{background:#284a2a0d;font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--color-text-secondary);text-align:left;padding:var(--space-3) var(--space-4);border-bottom:1.5px solid var(--color-border)}.post-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);vertical-align:top}.post-table tr:last-child td{border-bottom:none}.post-table tr:hover td{background:#284a2a06}.post-table .botanical{font-style:italic;color:var(--color-text-secondary)}.post-cta{background:var(--forest);color:var(--color-text-on-dark);border-radius:var(--radius-xl);padding:var(--space-8);margin:var(--space-12) 0 0;text-align:center}.post-cta h2{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:400;color:var(--cream);margin:0 0 var(--space-3)}.post-cta p{color:#f8f8f3d9;margin:0 auto var(--space-6);max-width:440px}.post-cta .post-cta-btn{display:inline-block;background:var(--cream);color:var(--forest);font-weight:var(--weight-semibold);font-size:var(--text-base);padding:13px 28px;border-radius:var(--radius-md);text-decoration:none;transition:background var(--transition-base),transform var(--transition-fast)}.post-cta .post-cta-btn:hover{background:#fff}.post-cta .post-cta-btn:active{transform:scale(.98)}.post-cta .post-cta-note{font-size:var(--text-sm);color:#f8f8f399;margin:var(--space-4) 0 0}.post-backlink{display:inline-block;font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--forest);text-decoration:none;margin-bottom:var(--space-4)}.post-backlink:hover{color:var(--forest-mid)}@media(max-width:640px){.post-header h1{font-size:var(--text-2xl)}.blog-index-grid{grid-template-columns:1fr}}
