/* ===== DB-Autosteel blog module (2026-11) ===== */
.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}
.blog-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line,#D7E1EA);border-radius:14px;overflow:hidden;text-decoration:none;color:inherit;transition:box-shadow .2s,transform .2s}
.blog-card:hover{box-shadow:0 10px 30px rgba(15,40,60,.12);transform:translateY(-3px)}
.blog-card .bc-tag{align-self:flex-start;margin:18px 18px 0;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--brand,#0B6FB4);background:#EAF3FB;padding:4px 10px;border-radius:999px}
.blog-card h3{margin:12px 18px 8px;font-size:17px;line-height:1.35}
.blog-card p{margin:0 18px;font-size:13.5px;color:#5A6B7A;line-height:1.55;flex:1}
.blog-card .bc-meta{display:flex;justify-content:space-between;align-items:center;margin:14px 18px 18px;font-size:12px;color:#8A99A8}
.blog-post{max-width:820px;margin:0 auto}
.blog-post .bp-meta{font-size:13px;color:#8A99A8;margin-bottom:8px}
.blog-post h1{font-size:30px;line-height:1.25;margin:6px 0 18px}
.blog-post .bp-body h2{font-size:21px;margin:34px 0 12px}
.blog-post .bp-body p{font-size:16px;line-height:1.75;color:#33465A;margin:0 0 14px}
.blog-post .bp-body table{width:100%;border-collapse:collapse;margin:18px 0;font-size:14px}
.blog-post .bp-body th{background:#0F2A40;color:#fff;text-align:left;padding:10px 12px;font-weight:600}
.blog-post .bp-body td{padding:9px 12px;border-bottom:1px solid #E3EAF1;vertical-align:top}
.blog-post .bp-body tr:nth-child(even) td{background:#F6FAFD}
.bp-nav{display:flex;justify-content:space-between;gap:16px;margin:36px 0 8px;padding-top:20px;border-top:1px solid #E3EAF1;font-size:14px}
.bp-nav a{color:var(--brand,#0B6FB4);text-decoration:none;font-weight:600}
.blog-cta{text-align:center;background:#F2F7FB;border-radius:16px;padding:40px 24px}
.blog-cta h2{margin:0 0 8px;font-size:22px}
.blog-cta p{margin:0 0 20px;color:#5A6B7A}
.blog-lead{max-width:70ch}
@media(max-width:640px){.blog-post h1{font-size:24px}.blog-post .bp-body table{font-size:12px}.blog-post .bp-body th,.blog-post .bp-body td{padding:7px 8px}}