/* Blog-specific additions on top of /help/_article.css (shared design system). */

/* Post meta line under the hero h1 / on cards */
.post-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:13.5px;color:rgba(245,240,229,.78);margin-top:14px;}
.post-meta .dot{width:3px;height:3px;border-radius:50%;background:currentColor;opacity:.6;}
main .post-meta{color:var(--muted);margin:0 0 24px;}

/* Author byline block */
.byline{display:flex;align-items:center;gap:12px;margin:30px 0 4px;padding-top:22px;border-top:1px solid var(--cream-dk);}
.byline .av{width:42px;height:42px;flex-shrink:0;display:block;object-fit:cover;}
.byline .who{font-size:14px;line-height:1.4;}
.byline .who b{color:var(--ink);}
.byline .who span{color:var(--muted);}

/* Big end-of-post CTA */
.cta-box{background:linear-gradient(150deg,var(--forest),#26402e);color:var(--cream);border-radius:16px;padding:30px 28px;margin:36px 0 8px;text-align:center;}
.cta-box h2{color:#fff;margin:0 0 8px !important;font-size:24px;}
.cta-box p{color:rgba(245,240,229,.88);max-width:48ch;margin:0 auto 20px;}
.cta-box .btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;}
.cta-box a.primary{background:var(--terra);color:#fff;font-weight:600;text-decoration:none;padding:13px 24px;border-radius:11px;font-size:15.5px;}
.cta-box a.primary:hover{background:#d06d44;}
.cta-box a.ghost{color:var(--lime);font-weight:600;text-decoration:none;padding:13px 18px;font-size:15.5px;}
.cta-box a.ghost:hover{text-decoration:underline;}

/* Blog index grid */
.blog-grid{display:grid;grid-template-columns:1fr;gap:18px;margin-top:6px;}
.post-card{display:block;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:24px 26px;text-decoration:none;color:inherit;transition:transform .14s,box-shadow .14s,border-color .14s;}
.post-card:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(28,22,18,.10);border-color:var(--terra);}
.post-card .tag{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--terra-dk);background:rgba(196,96,58,.10);padding:3px 9px;border-radius:999px;}
.post-card h2{font-family:'Newsreader',serif;font-weight:600;font-size:22px;line-height:1.2;margin:12px 0 8px !important;color:var(--ink);}
.post-card p{color:var(--ink-soft);font-size:15.5px;margin:0 0 12px;}
.post-card .post-meta{color:var(--muted);margin:0;}
.post-card .read{color:var(--terra-dk);font-weight:600;font-size:14px;margin-top:12px;display:inline-block;}
@media(min-width:720px){.blog-grid{grid-template-columns:1fr 1fr;}.post-card.feat{grid-column:1/-1;}}

.callout.amber{background:#FAF0E1;border-color:#E5A663}