/* blog index & article header band */
.blog-header{background:var(--pine-deep);color:#F1F2EB;padding:56px 0;}
.blog-header .eyebrow{margin-bottom:14px;}
.blog-header h1{font-size:clamp(1.8rem,3.2vw,2.6rem);margin-bottom:10px;}
.blog-header p{color:#C9D4CB;max-width:600px;font-size:1.02rem;}

/* blog index — simple card list */
.blog-list{display:flex;flex-direction:column;gap:16px;}
.blog-card{display:flex;gap:20px;align-items:flex-start;background:var(--paper-raised);border:1px solid var(--line);border-radius:4px;padding:24px;}
.blog-card-icon{width:56px;height:56px;border-radius:50%;background:#0F6E56;flex-shrink:0;display:flex;align-items:center;justify-content:center;}
.blog-card-icon svg{width:30px;height:30px;}
.blog-card-body h2{font-family:var(--font-display);font-weight:700;font-size:1.15rem;margin-bottom:6px;}
.blog-card-body h2 a{color:var(--ink);}
.blog-card-body h2 a:hover{color:var(--pine);}
.blog-card-body p{color:var(--ink-soft);font-size:.92rem;margin-bottom:10px;}
.blog-card-body .card-link{font-weight:700;font-size:.84rem;color:var(--pine);display:inline-flex;align-items:center;gap:5px;}
.blog-card-body .card-link:hover{color:var(--pine-bright);}

/* article page */
.article-header{background:var(--pine-deep);color:#F1F2EB;padding:56px 0 40px;}
.article-icon{width:64px;height:64px;border-radius:50%;background:#0F6E56;border:1px solid rgba(255,255,255,.25);display:flex;align-items:center;justify-content:center;margin-bottom:22px;}
.article-icon svg{width:34px;height:34px;}
.article-header h1{font-size:clamp(1.7rem,3.4vw,2.5rem);margin-bottom:8px;}
.article-meta{font-family:var(--font-mono);font-size:.78rem;color:#9FC7B3;margin-top:14px;}

.article-body{max-width:720px;margin:0 auto;padding:56px 28px;}
.article-body h2{font-size:1.5rem;margin:40px 0 14px;color:var(--ink);}
.article-body h3{font-size:1.15rem;margin:28px 0 10px;color:var(--ink);}
.article-body p{color:var(--ink-soft);font-size:1.02rem;margin-bottom:16px;line-height:1.7;}
.article-body ul,.article-body ol{color:var(--ink-soft);font-size:1.02rem;margin:0 0 16px 22px;line-height:1.7;}
.article-body li{margin-bottom:6px;}
.article-body a.inline-link{color:var(--pine);font-weight:700;text-decoration:underline;text-decoration-color:color-mix(in srgb, var(--pine) 40%, transparent);text-underline-offset:2px;}
.article-body a.inline-link:hover{color:var(--pine-bright);}

.article-cta{background:var(--paper-raised);border:1px solid var(--pine);border-radius:6px;padding:22px 24px;margin:32px 0;}
.article-cta p{margin-bottom:12px;color:var(--ink);}

.article-disclaimer{font-size:.82rem;color:var(--ink-faint);border-top:1px solid var(--line);padding-top:16px;margin-top:32px;}

/* share buttons */
.share-row{display:flex;align-items:center;gap:12px;margin:28px 0;}
.share-label{font-family:var(--font-mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-faint);}
.share-btn{width:38px;height:38px;border-radius:50%;border:1px solid var(--line-strong);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.share-btn:hover{border-color:var(--pine);background:color-mix(in srgb, var(--pine) 10%, transparent);}
.share-btn svg{width:17px;height:17px;}

@media (max-width:560px){
  .blog-card{flex-direction:column;}
}