/* Card-grid list based on the requested blog reference. */
.cb-blog:not(.cb-blog-editor):not(.cb-blog-detail),
.cb-blog-editor{margin-top:72px}
.cb-blog-detail-page{margin-top:72px}
.cb-blog:not(.cb-blog-editor):not(.cb-blog-detail){width:min(1440px,100%);padding:54px 42px 90px}
.cb-blog__heading h1{font-size:38px}
.cb-blog__tabs{gap:34px;margin-top:46px;padding-bottom:22px;overflow-x:auto;scrollbar-width:none}
.cb-blog__tabs::-webkit-scrollbar{display:none}
.cb-blog__tabs a{padding:0;background:transparent;color:#9aa0aa;font-size:18px;line-height:1.5;border-radius:0;white-space:nowrap}
.cb-blog__tabs a[aria-current]{background:transparent;color:var(--cb-ink)}
.cb-blog__section-head{margin:34px 0 18px}
.cb-blog__list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:30px;row-gap:46px}
.cb-blog-card{min-width:0;padding:0;border:0}
.cb-blog-card>a{display:block}
.cb-blog-card__cover{position:relative;width:100%;height:auto;aspect-ratio:1.55;display:flex;border-radius:20px;background:#f4f4f4}
.cb-blog-card__cover--image{aspect-ratio:1.8}
/* Data2 vehicle cuts use different amounts of source-image whitespace.
   Normalize the three oversized cuts to the Tucson card's visual scale
   without resampling or altering the original vehicle assets. */
@media(min-width:769px){
.cb-blog-card__cover--image>img[src$="blog_gv80_hybrid_data2.png"]{transform:scale(.62)}
.cb-blog-card__cover--image>img[src$="blog_renault_filante_data2.webp"]{transform:scale(.66)}
.cb-blog-card__cover--image>img[src$="blog_kia_pv5_passenger_data2.png"]{transform:scale(.76)}
}
.cb-blog-card__badge{position:absolute;top:12px;right:12px;z-index:1;padding:6px 9px;border-radius:999px;background:#171c24;color:#fff;font-size:12px;font-weight:700;line-height:1;letter-spacing:-.3px}
.cb-blog-card__cover span{max-width:88%;padding:7px 10px;background:#e7edf7;color:#182233;font-size:30px;line-height:1.25;letter-spacing:-1px;text-align:center;word-break:keep-all}
.cb-blog-card__cover--import span{background:#e7eef8}
.cb-blog-card__cover--review span{background:#e8f1eb}
.cb-blog-card__cover--insight span{background:#f4eee4}
.cb-blog-card__body{padding:16px 6px 0}
.cb-blog-card__category{margin:0 0 8px;color:#8b929c;font-size:13px;font-weight:500}
.cb-blog-card h3{margin:0 0 8px;font-size:20px;line-height:1.55;font-weight:700;letter-spacing:-.55px}
.cb-blog-card p{display:none}
.cb-blog-card time{display:block;color:#8b929c;font-size:13px}
.cb-blog-editor form>select{display:block;width:100%;padding:14px;border:1px solid #d9dde3;border-radius:9px;background:#fff;color:var(--cb-ink);font:inherit;line-height:1.6}
.cb-blog-pagination{display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;gap:2px;width:100%;max-width:100%;padding:48px 0 30px;overflow-x:auto;font-size:16px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.cb-blog-pagination::-webkit-scrollbar{display:none}
.cb-blog-pagination a,.cb-blog-pagination span{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-width:40px;width:40px;height:40px;padding:0;border-radius:999px;color:#475569;font-weight:500;font-variant-numeric:tabular-nums;transition:background-color .2s ease,color .2s ease}
.cb-blog-pagination a:hover{background:#f5f5f5;color:#1e293b}
.cb-blog-pagination .is-active{background:#f1f1f1;color:#1e293b;font-weight:700}
.cb-blog-pagination svg{width:20px;height:20px;flex-shrink:0}
.cb-blog-pagination .cb-blog-pagination__arrow{color:#1e293b}
.cb-blog-pagination .cb-blog-pagination__prev{margin-right:4px}
.cb-blog-pagination .cb-blog-pagination__next{margin-left:4px}
.cb-blog-pagination .cb-blog-pagination__arrow.is-disabled{color:#c4c4c4;cursor:default}
.cb-blog-pagination .cb-blog-pagination__ellipsis{min-width:32px;padding:0;color:#9ca3af}
@media(max-width:900px){.cb-blog__list{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 20px}.cb-blog-card__cover span{font-size:25px}}
@media(max-width:480px){.cb-blog-pagination{gap:1px;font-size:15px}.cb-blog-pagination a,.cb-blog-pagination span{min-width:34px;width:34px;height:34px}.cb-blog-pagination .cb-blog-pagination__prev{margin-right:2px}.cb-blog-pagination .cb-blog-pagination__next{margin-left:2px}.cb-blog-pagination svg{width:18px;height:18px}}
@media(max-width:768px){
.cb-blog:not(.cb-blog-editor):not(.cb-blog-detail),
.cb-blog-editor,
.cb-blog-detail-page{margin-top:60px}
.cb-blog:not(.cb-blog-editor):not(.cb-blog-detail){padding:24px 20px 72px}
.cb-blog__heading h1{font-size:30px}
.cb-blog__tabs{gap:22px;margin-top:28px}
.cb-blog__tabs a{font-size:16px}
.cb-blog__section-head{margin:22px 0 18px}
.cb-blog__list{display:flex;flex-direction:column;gap:26px}
.cb-blog__list .cb-blog-card>a{display:flex;align-items:flex-start;gap:16px}
.cb-blog__list .cb-blog-card__cover{flex:0 0 104px;width:104px;height:104px;aspect-ratio:1;align-items:center;justify-content:center;padding:0 8px;border-radius:18px}
.cb-blog__list .cb-blog-card__cover--image{flex-basis:88px;width:88px;height:88px;padding:0}
.cb-blog__list .cb-blog-card__cover--image>img{object-fit:contain}
.cb-blog__list .cb-blog-card__cover span{max-width:92%;padding:4px 7px;font-size:13px;line-height:1.3;letter-spacing:-.4px}
.cb-blog__list .cb-blog-card__badge{top:8px;right:8px;padding:4px 6px;font-size:10px}
.cb-blog__list .cb-blog-card__body{display:flex;flex-direction:column;flex:1;min-width:0;padding:4px 0 0}
.cb-blog__list .cb-blog-card h3{order:1;margin:0 0 10px;font-size:17px;line-height:1.45;font-weight:700;letter-spacing:-.45px}
.cb-blog__list .cb-blog-card__category{order:2;margin:0;color:#a0a6b0;font-size:14px;font-weight:500}
.cb-blog__list .cb-blog-card time{display:none}
}