.blog-wrap { max-width:1080px;margin:0 auto;padding:32px 28px 64px; }
.blog-intro { max-width:720px;margin-bottom:32px; }
.blog-intro h1,.blog-article-head h1 { font-size:clamp(28px,4vw,44px);line-height:1.15;letter-spacing:-.035em;color:var(--text);margin-bottom:18px;text-wrap:balance; }
.blog-intro p,.blog-lead { font-size:17px;line-height:1.65;color:var(--text-mid); }
.blog-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px; }
.blog-card { display:flex;flex-direction:column;gap:16px;padding:26px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow); }
.blog-card h2 { font-size:23px;line-height:1.3;letter-spacing:-.025em; }
.blog-card h2 a { color:var(--text); }
.blog-card p { color:var(--text-mid);flex:1; }
.blog-meta { display:flex;flex-wrap:wrap;gap:8px 18px;font-size:13px;line-height:1.6;color:var(--text-muted); }
.blog-read { align-self:flex-start;min-height:44px;display:inline-flex;align-items:center;gap:10px;font-weight:700; }
.blog-back { display:inline-flex;align-items:center;min-height:44px;margin-bottom:22px;font-size:14px; }
.blog-article { max-width:760px;margin:0 auto; }
.blog-article-head { border-bottom:1px solid var(--border);padding-bottom:28px;margin-bottom:30px; }
.blog-article-head .blog-meta { margin-top:20px; }
.blog-body { font-size:17px;line-height:1.8;color:var(--text-mid);overflow-wrap:anywhere; }
.blog-body section { margin-bottom:34px; }
.blog-body h2 { color:var(--text);font-size:26px;line-height:1.3;letter-spacing:-.025em;margin-bottom:16px; }
.blog-body p { margin-bottom:18px; }
.blog-body ul { padding-left:23px;margin:14px 0; }
.blog-body li { margin-bottom:10px;padding-left:3px; }
.blog-product-link a { display:inline-flex;align-items:center;gap:10px;min-height:44px;font-weight:700;text-decoration:underline;text-underline-offset:4px; }
.blog-sources { border-top:1px solid var(--border);padding-top:26px;font-size:14px; }
.blog-sources h2 { font-size:21px; }
.blog-related { max-width:760px;margin:32px auto;padding:24px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius); }
.blog-related h2 { font-size:21px;margin-bottom:12px; }
.blog-related ul { list-style:none; }
.blog-related li+li { margin-top:12px; }
.blog-cta { display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:42px;padding:28px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius); }
.blog-cta h2 { font-size:22px;line-height:1.3;margin-bottom:8px; }
.blog-cta p { color:var(--text-mid);font-size:14px; }
.blog-cta .btn { flex-shrink:0; }
.blog-body .blog-cta { margin:30px 0; }
.blog-empty { padding:20px 0;color:var(--text-muted); }
.blog-footer { max-width:1080px;margin:0 auto;padding:0 28px 28px;display:flex;justify-content:space-between;gap:20px;font-size:13px;color:var(--text-muted); }
.blog-footer nav { display:flex;flex-wrap:wrap;gap:10px 20px; }
.blog-footer a { color:var(--text-mid); }
@media (max-width:700px) {
  .blog-wrap { padding:22px 18px 42px; }
  .blog-grid { grid-template-columns:1fr;gap:18px; }
  .blog-card { padding:22px; }
  .blog-card h2 { font-size:22px; }
  .blog-body { font-size:16px;line-height:1.8; }
  .blog-body h2 { font-size:23px; }
  .blog-cta { flex-direction:column;align-items:flex-start;padding:22px; }
  .blog-cta .btn { width:100%; }
  .blog-footer { flex-direction:column;padding:0 18px 24px;gap:12px; }
}
@media print {
  .site-top,.blog-back,.blog-related,.blog-cta,.blog-footer { display:none; }
  .blog-wrap { padding:0; }
  .blog-body { font-size:12pt; }
}