.blog-shell { max-width: 860px; padding-top: 4rem; padding-bottom: 5rem; }
.blog-shell article { background: #fff; border: 1px solid #e5e7eb; border-radius: 1rem; padding: clamp(1.5rem, 4vw, 4rem); }
.blog-shell h1 { font-size: clamp(2rem, 6vw, 3.5rem); line-height: 1.1; margin: .35rem 0 2rem; }
.blog-hero, .blog-infographic { display: block; width: 100%; height: auto; border-radius: .75rem; margin: 1.5rem 0 2rem; }
.blog-content { font-size: 1.08rem; line-height: 1.75; }
.blog-content h2, .blog-content h3 { margin-top: 2rem; }
.blog-content a { color: #2563eb; text-decoration: underline; }
.blog-content table { width: 100%; border-collapse: collapse; overflow: hidden; }
.blog-content th, .blog-content td { border: 1px solid #d1d5db; padding: .65rem; text-align: left; }
.blog-content pre { overflow: auto; padding: 1rem; background: #f3f4f6; border-radius: .5rem; }
.footer-company { color: var(--muted); font-size: .88rem; line-height: 1.55; }
.footer-company strong { color: var(--ink); }
.footer-company address, .footer-company p { margin: .35rem 0 0; font-style: normal; }