.blog-hero{padding:72px 0 40px;background:linear-gradient(180deg,#f8fafc 0%,#fff 100%)}
.blog-hero h1{font-family:"Space Grotesk",system-ui,sans-serif;font-size:clamp(1.8rem,4vw,2.6rem);margin:0 0 12px;color:#0f172a}
.blog-hero p{color:#475569;max-width:640px;font-size:1.05rem;line-height:1.6}
.blog-cats{display:flex;flex-wrap:wrap;gap:8px;margin:28px 0 8px}
.blog-cat{display:inline-block;padding:6px 12px;border:1px solid #e2e8f0;border-radius:999px;font-size:.85rem;color:#334155;text-decoration:none;background:#fff;cursor:pointer;font-family:inherit}
.blog-cat:hover,.blog-cat.active{border-color:#ff5e2e;color:#ff5e2e;background:#fff3ef}
.blog-card.is-hidden{display:none!important}
.blog-empty{display:none;padding:32px 0;color:#64748b;text-align:center}
.blog-empty.show{display:block}
.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:22px;padding:24px 0 64px}
.blog-card{border:1px solid #e2e8f0;border-radius:14px;background:#fff;padding:20px 20px 16px;display:flex;flex-direction:column;min-height:220px}
.blog-card-cat{font-size:.75rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#ff5e2e;text-decoration:none}
.blog-card h2{font-size:1.1rem;line-height:1.35;margin:10px 0;font-family:"Space Grotesk",system-ui,sans-serif}
.blog-card h2 a{color:#0f172a;text-decoration:none}
.blog-card h2 a:hover{color:#ff5e2e}
.blog-card p{color:#64748b;font-size:.92rem;line-height:1.55;flex:1;margin:0}
.blog-card-meta{display:flex;justify-content:space-between;align-items:center;margin-top:16px;font-size:.82rem;color:#94a3b8}
.blog-card-meta a{color:#ff5e2e;font-weight:600;text-decoration:none}
.article-wrap{max-width:760px;margin:0 auto;padding:48px 24px 72px}
.article-wrap .crumb{margin-bottom:18px;font-size:.9rem;color:#64748b}
.article-wrap .crumb a{color:#334155;text-decoration:none}
.article-wrap .eyebrow{display:inline-block;margin-bottom:10px}
.article-wrap h1{font-family:"Space Grotesk",system-ui,sans-serif;font-size:clamp(1.7rem,3.5vw,2.3rem);line-height:1.2;margin:0 0 12px;color:#0f172a}
.article-meta{color:#64748b;font-size:.92rem;margin-bottom:28px}
.article-body h2{font-size:1.25rem;margin:32px 0 12px;color:#0f172a;font-family:"Space Grotesk",system-ui,sans-serif}
.article-body p,.article-body li{color:#334155;line-height:1.75;font-size:1.02rem}
.article-body ul,.article-body ol{padding-left:1.2rem;margin:12px 0}
.article-body a{color:#ff5e2e}
.blog-callout{margin:28px 0;padding:18px 20px;border-left:4px solid #ff5e2e;background:#fff7f4;border-radius:0 12px 12px 0}
.blog-callout p{margin:0;color:#334155}
.article-body .faq-item{border:1px solid #e2e8f0;border-radius:10px;padding:12px 14px;margin:10px 0;background:#fff}
.article-body .faq-item summary{cursor:pointer;font-weight:600;color:#0f172a}
.article-cta{margin-top:40px;padding:28px;border-radius:16px;background:#0f172a;color:#fff;text-align:center}
.article-cta h2{color:#fff;margin:0 0 10px;font-size:1.3rem}
.article-cta p{color:#cbd5e1;margin:0 0 18px}
.article-cta .btn{margin:0 6px}
.related{margin-top:40px}
.related h2{font-size:1.15rem;margin-bottom:12px}
.related ul{list-style:none;padding:0;margin:0}
.related li{margin:8px 0}
.related a{color:#0f172a;text-decoration:none;font-weight:500}
.related a:hover{color:#ff5e2e}