/* Article shell */
.article-wrap{max-width:740px; margin:0 auto; padding:0 24px;}
.blog-hero{padding:52px 0 8px;}
.eyebrow{
  display:inline-flex; align-items:center; gap:8px; font-family:var(--font-mono); font-size:12px; font-weight:500;
  color:var(--accent-ink); background:var(--accent-wash); border:1px solid var(--line);
  padding:6px 14px; border-radius:999px; margin-bottom:20px; text-transform:uppercase; letter-spacing:.06em;
}
h1.post-title{font-size:36px; line-height:1.2; margin:0 0 14px;}
.post-meta{color:var(--muted); font-size:13.5px; margin-bottom:36px;}
.post-meta b{color:var(--ink);}

.verdict{
  background:var(--card); border:1px solid var(--line); border-left:3px solid var(--accent);
  border-radius:14px; padding:22px 24px; margin:0 0 40px; box-shadow:0 14px 34px -20px rgba(20,21,26,0.12);
}
.verdict h3{margin:0 0 8px; font-size:12.5px; text-transform:uppercase; letter-spacing:.06em; color:var(--accent-ink); font-family:var(--font-mono); font-weight:500;}
.verdict p{margin:0; font-size:15px; color:var(--ink-soft);}

article h2{font-size:23px; margin:40px 0 14px;}
article h3{font-size:17px; margin:28px 0 8px;}
article p{font-size:15.5px; color:var(--ink-soft); margin:0 0 16px;}
article ul, article ol{padding-left:22px; margin:0 0 16px;}
article li{font-size:15.5px; color:var(--ink-soft); margin-bottom:6px;}
article strong{color:var(--ink);}

/* Comparison table */
.compare-table{
  width:100%; border-collapse:collapse; margin:8px 0 32px; font-size:14px;
  background:var(--card); border:1px solid var(--line); border-radius:12px; overflow:hidden;
}
.compare-table th, .compare-table td{text-align:left; padding:11px 14px; border-bottom:1px solid var(--line); vertical-align:top;}
.compare-table th{
  background:var(--paper); font-family:var(--font-mono); font-size:11px; text-transform:uppercase; letter-spacing:.05em; color:var(--muted); font-weight:500;
}
.compare-table th.us, .compare-table td.us{background:var(--accent-wash);}
.compare-table tr:last-child td{border-bottom:none;}
.compare-table-scroll{overflow-x:auto;}

.disclaimer{
  font-size:13px; color:var(--muted); background:var(--paper); border:1px solid var(--line);
  border-radius:10px; padding:14px 16px; margin:36px 0;
}

.cta-band{
  background:var(--ink); border-radius:20px; padding:36px 32px; text-align:center; margin:44px 0 20px; color:#fff;
}
.cta-band h3{margin:0 0 8px; font-size:21px; color:#fff;}
.cta-band p{margin:0 0 20px; color:#B7B8C4; font-size:14.5px;}
.cta-band .btn-primary{background:var(--accent); color:#fff;}
.cta-band .btn-primary:hover{background:#4E59F0;}

/* Blog index */
.blog-index-hero{padding:60px 0 8px; text-align:center;}
.blog-index-hero h1{font-size:38px; margin:0 0 14px;}
.blog-index-hero p{color:var(--muted); font-size:16px; max-width:560px; margin:0 auto;}
.post-grid{display:flex; flex-direction:column; gap:16px; margin:44px 0 80px;}
.post-card{
  display:block; background:var(--card); border:1px solid var(--line); border-radius:14px;
  padding:24px 26px; text-decoration:none; color:inherit;
  transition:transform .2s var(--ease), box-shadow .2s var(--ease), border-color .2s var(--ease);
}
.post-card:hover{border-color:var(--accent); transform:translateY(-3px); box-shadow:0 16px 36px -20px rgba(20,21,26,0.18);}
.post-card .eyebrow{margin-bottom:14px;}
.post-card h2{margin:0 0 8px; font-size:20px; color:var(--ink);}
.post-card p{margin:0; color:var(--muted); font-size:14.5px;}

@media (max-width:640px){
  h1.post-title{font-size:28px;}
  .blog-index-hero h1{font-size:29px;}
  article h2{font-size:20px;}
}