/* Scoped blog preview. Matches the existing VDB editorial design. */
body.vdb-unified #vdb-blog-preview{padding:64px 0;background:#f3efe7;color:#102f40;clear:both;box-sizing:border-box}
body.vdb-unified #vdb-blog-preview:not([data-topic="home"]){border-radius:24px;margin:24px 0}
body.vdb-unified #vdb-blog-preview *{box-sizing:border-box;min-width:0}
body.vdb-unified #vdb-blog-preview .kmk-shell{width:min(1180px,calc(100% - 48px));max-width:1180px;margin:0 auto;padding:0}
body.vdb-unified #vdb-blog-preview .vdb-blog-preview-eyebrow{margin:0 0 12px;color:#805d23;font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase}
body.vdb-unified #vdb-blog-preview h2{margin:0 0 30px;padding:0;font-size:clamp(28px,3vw,40px);line-height:1.2;letter-spacing:-.8px;color:#102f40;text-transform:none}
body.vdb-unified #vdb-blog-preview h2::before,body.vdb-unified #vdb-blog-preview h2::after{display:none}
body.vdb-unified #vdb-blog-preview .vdb-blog-preview-card{display:grid;grid-template-columns:minmax(0,40%) minmax(0,60%);border:1px solid #dce2e2;border-radius:22px;background:#fff;overflow:hidden;margin:0;padding:0;box-shadow:0 10px 30px rgba(16,47,64,.045)}
body.vdb-unified #vdb-blog-preview a{box-shadow:none;text-decoration:none}
body.vdb-unified #vdb-blog-preview .vdb-blog-preview-picture{display:flex;align-items:center;justify-content:center;position:relative;background:#eaf0ef;overflow:hidden;min-height:340px}
body.vdb-unified #vdb-blog-preview .vdb-blog-preview-image{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;object-fit:cover;margin:0;border-radius:0}
body.vdb-unified #vdb-blog-preview .vdb-blog-preview-placeholder{display:flex;flex-direction:column;align-items:center;gap:15px;padding:30px;font-size:14px;color:#315f69;text-align:center}
body.vdb-unified #vdb-blog-preview .vdb-blog-preview-placeholder>span{font-size:64px;letter-spacing:5px}
body.vdb-unified #vdb-blog-preview .vdb-blog-preview-copy{padding:36px 40px;align-self:center}
body.vdb-unified #vdb-blog-preview .vdb-blog-preview-category{font-size:12px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:#526d72;margin:0 0 14px}
body.vdb-unified #vdb-blog-preview h3{font-size:clamp(23px,2.2vw,29px);line-height:1.3;letter-spacing:-.4px;margin:0 0 18px;padding:0;text-transform:none}
body.vdb-unified #vdb-blog-preview h3 a{color:#102f40}
body.vdb-unified #vdb-blog-preview h3 a:hover{color:#315f69}
body.vdb-unified #vdb-blog-preview .vdb-blog-preview-excerpt{font-size:16px;line-height:1.75;color:#465963;margin:0 0 25px}
body.vdb-unified #vdb-blog-preview .vdb-blog-preview-mobile{display:none}
body.vdb-unified #vdb-blog-preview .vdb-blog-preview-actions{display:flex;align-items:center;flex-wrap:wrap;gap:18px 24px}
body.vdb-unified #vdb-blog-preview .vdb-blog-preview-button{display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:13px 21px;min-height:48px;border-radius:9px;background:#315f69;color:#fff;font-size:15px;font-weight:700;line-height:1.4}
body.vdb-unified #vdb-blog-preview .vdb-blog-preview-button:hover{background:#234a53;color:#fff}
body.vdb-unified #vdb-blog-preview .vdb-blog-preview-all{display:inline-flex;gap:8px;align-items:center;min-height:44px;color:#315f69;font-size:14px;font-weight:600;line-height:1.5}
body.vdb-unified #vdb-blog-preview .vdb-blog-preview-all:hover{text-decoration:underline;text-underline-offset:4px}
body.vdb-unified #vdb-blog-preview a:focus-visible{outline:3px solid #805d23;outline-offset:4px}
@media(max-width:900px){body.vdb-unified #vdb-blog-preview .vdb-blog-preview-copy{padding:28px}}
@media(max-width:700px){
 body.vdb-unified #vdb-blog-preview{padding:38px 0}
 body.vdb-unified #vdb-blog-preview .kmk-shell{width:calc(100% - 40px)}
 body.vdb-unified #vdb-blog-preview h2{font-size:28px;margin-bottom:24px}
 body.vdb-unified #vdb-blog-preview .vdb-blog-preview-card{grid-template-columns:minmax(0,1fr);border-radius:18px}
 body.vdb-unified #vdb-blog-preview .vdb-blog-preview-picture{height:220px;min-height:0}
 body.vdb-unified #vdb-blog-preview .vdb-blog-preview-copy{padding:25px 22px}
 body.vdb-unified #vdb-blog-preview h3{font-size:23px}
 body.vdb-unified #vdb-blog-preview .vdb-blog-preview-desktop{display:none}
 body.vdb-unified #vdb-blog-preview .vdb-blog-preview-mobile{display:block;font-size:15px}
 body.vdb-unified #vdb-blog-preview .vdb-blog-preview-actions{align-items:flex-start;flex-direction:column;gap:10px}
}
@media(prefers-reduced-motion:no-preference){body.vdb-unified #vdb-blog-preview a{transition:background-color .15s,color .15s}}
