:root{
  --bg-dark:#0A0A0F;
  --bg-light:#FAFAF7;
  --accent:#1A4CFF;
  --accent-light:#4C7CFF;
  --accent-lighter:#6E8FFF;
  --text-dark:#1A1A1A;
  --text-body:#444444;
  --on-dark:#FAFAF7;
  --on-dark-muted:rgba(250,250,247,0.72);
  --on-dark-faint:rgba(250,250,247,0.5);
  --border-faint:rgba(250,250,247,0.12);
}

/* ---------- blog listing ---------- */
.blog-hero{padding:160px 0 60px;}
.blog-list{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));
  gap:28px;margin-top:48px;
}
.post-card{
  display:block;background:rgba(250,250,247,0.03);border:1px solid var(--border-faint);
  border-radius:20px;padding:32px;transition:transform 0.25s ease, border-color 0.25s ease;
}
.post-card:hover{transform:translateY(-4px);border-color:rgba(76,124,255,0.4);}
.post-card-eyebrow{
  text-transform:uppercase;font-weight:800;font-size:11.5px;letter-spacing:0.22em;
  color:var(--accent-lighter);margin-bottom:16px;
}
.post-card-title{font-size:22px;font-weight:800;line-height:1.2;letter-spacing:-0.02em;margin-bottom:12px;}
.post-card-excerpt{font-size:15px;font-weight:500;line-height:1.55;color:var(--on-dark-muted);}
.post-card-meta{margin-top:20px;font-size:13px;font-weight:600;color:var(--on-dark-faint);}
.blog-empty{color:var(--on-dark-muted);font-size:15px;font-weight:500;margin-top:48px;max-width:480px;}

/* ---------- article ---------- */
.post-header{padding:160px 0 40px;}
.post-breadcrumb{
  font-size:13px;font-weight:700;color:var(--on-dark-faint);margin-bottom:28px;
  display:inline-flex;align-items:center;gap:6px;
}
.post-breadcrumb:hover{color:var(--accent-lighter);}
.post-title{
  font-size:clamp(2.1rem,4.6vw,3.4rem);font-weight:900;line-height:1.08;letter-spacing:-0.035em;
  max-width:820px;
}
.post-meta{
  margin-top:24px;font-size:14px;font-weight:600;color:var(--on-dark-faint);
  display:flex;gap:18px;flex-wrap:wrap;
}

.prose{
  max-width:720px;padding:20px 0 100px;
  font-size:18px;font-weight:500;line-height:1.75;color:var(--on-dark-muted);
}
.prose p{margin-bottom:26px;}
.prose h2{
  font-size:clamp(1.5rem,2.6vw,2rem);font-weight:800;letter-spacing:-0.025em;color:var(--on-dark);
  margin:56px 0 22px;line-height:1.2;
}
.prose h3{
  font-size:1.2rem;font-weight:700;letter-spacing:-0.015em;color:var(--on-dark);
  margin:32px 0 16px;
}
.prose ul{margin:0 0 26px;padding-left:22px;}
.prose li{margin-bottom:10px;}
.prose a{color:var(--accent-lighter);font-weight:700;text-decoration:underline;text-decoration-color:rgba(110,143,255,0.4);text-underline-offset:4px;}
.prose a:hover{text-decoration-color:var(--accent-lighter);}
.prose strong{color:var(--on-dark);font-weight:700;}

.post-cta{
  margin-top:12px;padding:44px;border-radius:24px;
  background:radial-gradient(circle at 75% 15%, #3E6BFF 0%, #1A4CFF 55%, #1440E0 100%);
  text-align:left;
}
.post-cta h3{color:#FFFFFF;font-size:1.5rem;font-weight:800;letter-spacing:-0.02em;margin-bottom:14px;}
.post-cta p{color:rgba(255,255,255,0.85);font-size:16px;margin-bottom:24px;}
.post-cta .btn-primary{box-shadow:0 18px 40px rgba(0,0,0,0.3);}

@media (max-width:640px){
  .blog-hero, .post-header{padding-top:120px;}
  .prose{font-size:16.5px;}
  .post-cta{padding:32px;}
}