/* blog.css - load AFTER css/style.css. Uses the site's variables (--primary, --accent, --radius). */
.wide{width:90%;margin:0 auto}
.blog-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:44px;align-items:start}
.blog-wrap{line-height:1.85;font-size:1.08rem;min-width:0}
.blog-wrap h2{font-size:clamp(1.4rem,2.6vw,1.9rem);color:var(--primary,#1a3a5c);margin:1.9em 0 .5em;padding-bottom:.3em;border-bottom:3px solid var(--accent,#10b981);display:inline-block;scroll-margin-top:100px}
.blog-wrap h3{font-size:1.2rem;color:var(--primary,#1a3a5c);margin:1.5em 0 .4em}
.blog-wrap ul,.blog-wrap ol{padding-left:1.3em;margin:.6em 0 1em}
.blog-wrap li{margin:.35em 0}
.blog-wrap p{margin:.8em 0}
.blog-wrap a:not(.btn){color:var(--accent,#10b981);font-weight:600}
.blog-meta{font-size:.92rem;color:#6b7280}
.blog-hero{width:100%;height:auto;aspect-ratio:16/7;max-height:460px;object-fit:cover;border-radius:var(--radius,12px);margin:16px 0;box-shadow:0 8px 30px rgba(0,0,0,.12)}
.answer-box,.blog-box,.toc{background:#f1f7f5;border-left:5px solid var(--accent,#10b981);padding:18px 22px;border-radius:var(--radius,12px);margin:1.3em 0}
.answer-box{background:#eaf7f1;font-size:1.1rem}
.answer-box p{margin:.4em 0 0}
.toc ol{margin:.5em 0 0;padding-left:1.2em}
.toc a{font-weight:500!important}
.toc-inline{display:none}
.checklist{list-style:none;padding:0!important}
.checklist li:before{content:"\2713\00a0";color:var(--accent,#10b981);font-weight:700}
.cta-block{background:linear-gradient(135deg,#eaf7f1,#f1f7fb);border-radius:var(--radius,12px);padding:34px 24px;margin:2.4em 0;text-align:center}
.cta-block h2{margin-top:0;border:0;display:block}
.cta-block address{font-style:normal;margin-top:14px}
.cta-block .btn{margin:6px}
/* sidebar */
.blog-side{position:sticky;top:100px;align-self:start;max-height:calc(100vh - 120px);overflow:auto;display:flex;flex-direction:column;gap:18px}
.blog-side .toc{margin:0;font-size:.95rem}
.side-card{background:#fff;border:1px solid #e3e8ee;border-radius:var(--radius,12px);padding:20px;box-shadow:0 4px 14px rgba(0,0,0,.05)}
.side-card h3{margin:0 0 10px;font-size:1.1rem;color:var(--primary,#1a3a5c)}
.side-card p{margin:0 0 12px;font-size:.95rem}
.side-card ul{list-style:none;margin:0;padding:0}
.side-card li{border-bottom:1px solid #eef1f4}
.side-card li:last-child{border:0}
.side-card li a{display:block;padding:8px 0;color:var(--primary,#1a3a5c);text-decoration:none;font-size:.95rem}
.side-card li a:hover{color:var(--accent,#10b981)}
.side-cta{background:var(--primary,#1a3a5c);border:0}
.side-cta h3,.side-cta p{color:#fff}
.side-cta .btn{display:block;text-align:center;margin:8px 0}
/* blog listing */
.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:28px}
.blog-card{background:#fff;border:1px solid #e3e8ee;border-radius:var(--radius,12px);overflow:hidden;box-shadow:0 4px 16px rgba(0,0,0,.07);display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}
.blog-card:hover{transform:translateY(-4px);box-shadow:0 10px 26px rgba(0,0,0,.12)}
.blog-card img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;background:#e8eef3;display:block}
.blog-card-body{padding:22px;display:flex;flex-direction:column;gap:10px;flex:1}
.blog-card h2{font-size:1.2rem;line-height:1.4;margin:0}
.blog-card h2 a{color:var(--primary,#1a3a5c);text-decoration:none}
.blog-card p{margin:0;color:#4b5563}
.blog-card .btn{align-self:flex-start;margin-top:auto}
@media(max-width:991px){
 .blog-layout{grid-template-columns:1fr;gap:24px}
 .blog-side{position:static;max-height:none;overflow:visible}
 .blog-side .toc{display:none}
 .toc-inline{display:block}
}
@media(max-width:600px){.blog-wrap{font-size:1rem}.cta-block .btn{display:block}.blog-grid{grid-template-columns:1fr}}