:root{color-scheme:light;--navy:#17345d;--blue:#335596;--green:#0d806d;--pale:#f2f7fa}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#26384a;background:#fff;font:16px/1.7 'Segoe UI',Arial,sans-serif}a{color:var(--blue)}img{max-width:100%;height:auto}a:focus-visible{outline:3px solid #087a69;outline-offset:4px}
header{font-family:'Poppins';line-height:1.6}
.blog-header{background:#fff;border-bottom:1px solid #e5edf2}.blog-header-inner{max-width:1200px;margin:auto;padding:18px 24px;display:flex;align-items:center;justify-content:space-between;gap:25px}.blog-brand img{display:block;width:170px}.blog-header nav{display:flex;align-items:center;justify-content:flex-end;gap:22px;flex-wrap:wrap}.blog-header nav a{font-weight:650;text-decoration:none;font-size:14px}.blog-header nav a[aria-current]{color:var(--green)}.blog-header nav .blog-login{background:var(--navy);color:#fff;border-radius:24px;padding:9px 16px}
.blog-intro{background:linear-gradient(120deg,#17345d,#335d80);color:#fff;padding:64px 24px}.blog-intro>div{max-width:1120px;margin:auto}.blog-intro span,.cbt-blog-card span{font-size:12px;font-weight:800;letter-spacing:.13em;color:#78d4c4}.blog-intro h1{font-size:clamp(36px,5vw,55px);line-height:1.15;margin:12px 0}.blog-intro p{margin:0;color:#e1eef4;font-size:18px}
.blog-list{max-width:1168px;margin:auto;padding:50px 24px 70px}.blog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.cbt-blog-card{display:flex;flex-direction:column;border:1px solid #dce8ed;border-radius:14px;overflow:hidden;text-decoration:none;background:white;box-shadow:0 6px 22px #17345d0d;transition:transform .2s,box-shadow .2s}.cbt-blog-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px #17345d20}.cbt-blog-card img{width:100%;height:210px;object-fit:cover}.cbt-blog-card div{padding:24px}.cbt-blog-card span{color:var(--green)}.cbt-blog-card h2{font-size:21px;line-height:1.35;color:var(--navy);margin:9px 0 20px}.cbt-blog-card strong{color:var(--green);font-size:14px}
.blog-article{max-width:1050px;padding:20px 24px 65px;margin:auto}.blog-back{font-size:14px;font-weight:700}.blog-back a{text-decoration:none}.blog-article section{padding:30px 0;border-bottom:1px solid #e3ebef}.blog-article .hero{padding:24px 0 36px}.blog-article h1{font-size:clamp(29px,4vw,46px);line-height:1.15;color:var(--navy);margin:8px 0 20px}.blog-article h2{font-size:clamp(23px,3vw,30px);line-height:1.25;color:var(--navy)}.blog-article h3,.blog-article h4{color:var(--blue)}.hero-content{display:grid;grid-template-columns:1fr 42%;align-items:center;gap:32px}.hero-image img{border-radius:14px;width:100%;max-height:340px;object-fit:cover}.hero-subtitle{font-weight:700;font-size:19px;color:var(--blue)}.blog-article .cta-button,.blog-article .vs-pill-btn{background:var(--green);border:0;border-radius:22px;color:white;padding:10px 18px;text-decoration:none;display:inline-block;cursor:pointer}.blog-article .two-col,.blog-article .vs-icon-grid,.blog-article .vs-stat-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.blog-article .vs-icon-grid,.blog-article .vs-stat-strip{list-style:none;padding:0}.blog-article .vs-icon-grid>li,.blog-article .vs-stat-strip>li,.blog-article .info-callout,.blog-article .vs-alt-callout,.blog-article .col-block{background:var(--pale);border-radius:10px;padding:18px;margin-bottom:12px}.blog-article .vs-card-art{max-height:150px;width:100%;object-fit:cover;border-radius:8px}.blog-article .vs-stat-n,.blog-article .vs-stat-l{display:block}.blog-article .vs-stat-n{font-weight:800;font-size:25px;color:var(--green)}.blog-source{font-size:13px;color:#637486}.blog-footer{background:#17345d;color:#fff;padding:35px 24px}.blog-footer>div{max-width:1120px;margin:auto}.blog-footer p{margin:4px 0}.blog-footer a{color:#b9ece2}
@media(max-width:700px){.blog-header-inner{align-items:flex-start;flex-direction:column}.blog-header nav{justify-content:flex-start;gap:12px 18px}.blog-grid,.hero-content,.blog-article .two-col,.blog-article .vs-icon-grid,.blog-article .vs-stat-strip{grid-template-columns:1fr}.cbt-blog-card img{height:180px}.blog-intro{padding:45px 20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.cbt-blog-card{transition:none}}
.cbt-blog-card img{object-fit:contain;background:#f2f7fa}
.blog-article .hero-image img,.blog-article .vs-card-art{object-fit:contain}