/* Static blog article styling for crawlers and no-JS visitors.
   JavaScript visitors get the full SPA via spa-loader.js, which replaces #root. */
body{font-family:Inter,Helvetica,Arial,sans-serif;color:#1F2937;line-height:1.6;margin:0;background:#fff;}
.ec-article{max-width:768px;margin:0 auto;padding:96px 16px 64px;}
.ec-back{color:#F97B27;text-decoration:none;font-weight:600;display:inline-block;margin-bottom:16px;}
.ec-cat{display:inline-block;background:#F97B27;color:#fff;padding:4px 12px;border-radius:9999px;font-size:13px;font-weight:700;}
.ec-title{font-family:Poppins,sans-serif;font-size:36px;line-height:1.2;color:#111827;margin:16px 0;}
.ec-meta{color:#6B7280;font-size:14px;margin-bottom:32px;}
.ec-content{font-size:18px;color:#374151;}
.ec-content h2{font-family:Poppins,sans-serif;color:#111827;margin-top:32px;}
.ec-content h3{font-family:Poppins,sans-serif;color:#111827;margin-top:24px;}
.ec-content a{color:#F97B27;}
.ec-content ul,.ec-content ol{padding-left:24px;}
.ec-cta{margin-top:48px;padding:32px;background:#FFF7ED;border-radius:16px;text-align:center;}
.ec-cta h2{font-family:Poppins,sans-serif;color:#111827;margin:0 0 8px;}
.ec-cta p{margin:0 0 16px;}
.ec-cta a{display:inline-block;background:#F97B27;color:#fff;padding:12px 28px;border-radius:9999px;font-weight:700;text-decoration:none;}
.ec-list{max-width:900px;margin:0 auto;padding:96px 16px 64px;}
.ec-list h1{font-family:Poppins,sans-serif;font-size:40px;color:#111827;margin:0 0 16px;}
.ec-list .ec-sub{color:#6B7280;font-size:18px;margin:0 0 40px;}
.ec-card{border:1px solid #E5E7EB;border-radius:16px;padding:24px;margin-bottom:24px;}
.ec-card .ec-cat{margin-bottom:8px;}
.ec-card h2{font-family:Poppins,sans-serif;font-size:22px;margin:0 0 8px;}
.ec-card h2 a{color:#111827;text-decoration:none;}
.ec-card .ec-excerpt{color:#6B7280;margin:0 0 12px;}
.ec-card .ec-small{color:#9CA3AF;font-size:13px;margin:0;}