/* Editriq blog styles — minimal additions on top of lp.css */

.breadcrumb{font-size:13px;color:#94a3b8;margin:24px 0 12px;}
.breadcrumb a{color:#94a3b8;text-decoration:none;}
.breadcrumb a:hover{color:#4cc9f0;}

.blog-article{padding:40px 0 80px;}
.blog-header{margin-bottom:40px;padding-bottom:24px;border-bottom:1px solid rgba(148,163,184,0.2);}
.blog-header h1{font-size:clamp(28px,4vw,40px);line-height:1.3;margin:0 0 16px;}
.blog-meta{display:flex;gap:16px;font-size:13px;color:#94a3b8;margin-bottom:20px;flex-wrap:wrap;}
.blog-meta time{color:#cbd5e1;}
.blog-author{color:#4cc9f0;}

.answer-first{background:linear-gradient(135deg,rgba(76,201,240,0.08),rgba(139,92,246,0.08));border-left:4px solid #4cc9f0;border-radius:8px;padding:16px 20px;margin-top:24px;}
.answer-first strong{display:block;color:#4cc9f0;font-size:14px;margin-bottom:8px;}
.answer-first ul{margin:0;padding-left:20px;}
.answer-first li{margin:4px 0;color:#e2e8f0;}

.blog-body{max-width:780px;margin:0 auto;font-size:16px;line-height:1.9;color:#e2e8f0;}
.blog-body h2{margin-top:48px;margin-bottom:16px;font-size:26px;color:#f8fafc;border-left:4px solid #4cc9f0;padding-left:12px;}
.blog-body h3{margin-top:32px;margin-bottom:12px;font-size:20px;color:#f1f5f9;}
.blog-body p{margin:16px 0;}
.blog-body ul,.blog-body ol{padding-left:24px;margin:16px 0;}
.blog-body li{margin:8px 0;}
.blog-body a{color:#4cc9f0;text-decoration:underline;text-underline-offset:2px;}
.blog-body a:hover{color:#8b5cf6;}
.blog-body strong{color:#f8fafc;font-weight:700;}
.blog-body code{background:rgba(148,163,184,0.15);padding:2px 6px;border-radius:4px;font-size:0.9em;color:#4cc9f0;}
.blog-body blockquote{border-left:4px solid #4cc9f0;padding-left:16px;margin:24px 0;color:#cbd5e1;font-style:italic;}
.blog-body table{width:100%;border-collapse:collapse;margin:24px 0;font-size:14px;}
.blog-body table th,.blog-body table td{border:1px solid rgba(148,163,184,0.2);padding:10px 14px;text-align:left;}
.blog-body table th{background:rgba(76,201,240,0.08);color:#4cc9f0;font-weight:700;}
.blog-body table tr:nth-child(even) td{background:rgba(148,163,184,0.04);}

.blog-cta{margin-top:56px;padding:32px;background:linear-gradient(135deg,rgba(76,201,240,0.12),rgba(139,92,246,0.12));border-radius:16px;text-align:center;}
.blog-cta h2{margin-top:0;color:#f8fafc;border:none;padding:0;}
.blog-cta .hero-note{margin-top:12px;}

.blog-footer{margin-top:40px;padding-top:24px;border-top:1px solid rgba(148,163,184,0.2);display:flex;gap:12px;align-items:center;flex-wrap:wrap;}
.blog-footer p{margin:0;color:#94a3b8;font-size:14px;}
.blog-footer .share-btn{background:rgba(148,163,184,0.12);color:#f8fafc;padding:8px 16px;border-radius:8px;text-decoration:none;font-size:14px;}
.blog-footer .share-btn:hover{background:rgba(76,201,240,0.2);}

.related-services{margin-top:48px;padding:24px;background:rgba(15,23,42,0.5);border-radius:12px;border:1px solid rgba(148,163,184,0.15);}
.related-services h3{margin-top:0;color:#f8fafc;font-size:18px;}
.related-services ul{list-style:none;padding:0;margin:0;}
.related-services li{margin:8px 0;}
.related-services a{color:#4cc9f0;text-decoration:none;}
.related-services a:hover{text-decoration:underline;}

/* Blog index */
.blog-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;}
.blog-card{background:rgba(15,23,42,0.5);border:1px solid rgba(148,163,184,0.15);border-radius:12px;padding:24px;transition:all 0.2s;}
.blog-card:hover{border-color:#4cc9f0;transform:translateY(-2px);}
.blog-card h2{margin:0 0 12px;font-size:20px;line-height:1.4;}
.blog-card h2 a{color:#f8fafc;text-decoration:none;}
.blog-card h2 a:hover{color:#4cc9f0;}
.blog-card p{margin:12px 0;font-size:14px;color:#cbd5e1;line-height:1.6;}
.blog-card time{font-size:12px;color:#94a3b8;}

.footer{padding:32px 0;border-top:1px solid rgba(148,163,184,0.2);margin-top:80px;text-align:center;font-size:13px;color:#94a3b8;}
.footer a{color:#94a3b8;text-decoration:none;}
.footer a:hover{color:#4cc9f0;}