/* Vehicle editorial discovery; shared article chrome remains in the guide CSS. */
.vb-topic { margin:32px 0; padding:32px; border:1px solid #cfdeee; border-radius:24px; background:#f1f6fc; text-align:start; }
.vb-topic * { box-sizing:border-box; min-width:0; }
.vb-topic h2 { color:#15395e; font-size:clamp(25px,3vw,34px); line-height:1.3; margin:0 0 16px; overflow-wrap:anywhere; }
.vb-topic p, .vb-topic li { font-size:15px; line-height:1.8; color:#425671; }
.vb-topic ul { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px 32px; padding-inline-start:22px; margin:24px 0; }
.vb-topic a { color:#075fae; text-decoration:underline; text-underline-offset:3px; overflow-wrap:anywhere; }
.vb-topic .vb-guides { display:inline-block; font-size:14px; font-weight:700; }
.vb-topic a:focus-visible { outline:3px solid #1471c9; outline-offset:4px; }
.blog-card[data-vehicle-blog] { border-top:3px solid #1471c9; }
.blog-grid { grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr)); }
.blog-grid .blog-card { min-width:0; overflow-wrap:anywhere; }
.vb-article .vg-section>p { max-width:850px; }
.vb-article p, .vb-article li, .vehicle-blog-page .vg-related li, .vehicle-blog-page .vg-toc a { overflow-wrap:anywhere; hyphens:auto; }
@media(max-width:900px) { .vb-topic ul { grid-template-columns:1fr; gap:14px; } }
@media(max-width:600px) { .vb-topic { padding:24px; } }
[dir=rtl] .vb-topic h2 { letter-spacing:0; }
/* Localized desktop menus need the compact navigation before tablet width. */
.topbar .mobile-nav, .topbar .lang-dropdown, .topbar .nav-dropdown { padding:0; border:0; border-radius:0; background:transparent; }
@media(max-width:1100px) { .topbar .navlinks { display:none; } .topbar .mobile-nav { display:block; } }
@media(max-width:420px) {
  .topbar-inner { gap:8px; }
  .topbar-right { gap:6px; }
  .brand span { font-size:13px; }
  .topbar .pill { max-width:92px; min-width:0; white-space:normal; line-height:1.15; text-align:center; }
}