/* Vehicle selection guides and their discovery sections. */
.vehicle-guide-page { background:#fff; color:#162336; }
.vehicle-guide-page main.vg-shell { width:min(1120px,calc(100% - 40px)); max-width:1120px; margin:0 auto; padding:30px 0 72px; }
.vg-shell *, .vehicle-guide-entry * { box-sizing:border-box; min-width:0; }
.vg-shell a, .vehicle-guide-entry a { text-decoration:underline; text-underline-offset:3px; }
.vg-shell a:hover, .vehicle-guide-entry a:hover { color:#0067c8; }
.vg-shell p, .vg-shell li { line-height:1.8; }
.vg-shell h1, .vg-shell h2, .vg-shell h3 { color:#14233a; letter-spacing:-.025em; }
.vg-shell h1 { font-size:clamp(32px,4vw,50px); line-height:1.14; margin:16px 0 22px; }
.vg-shell h2 { font-size:clamp(25px,3vw,34px); line-height:1.25; margin:0 0 24px; }
.vg-shell h3 { font-size:21px; line-height:1.35; margin:24px 0 12px; }
.vg-crumbs { display:flex; flex-wrap:wrap; gap:8px; font-size:13px; color:#596777; margin-bottom:32px; line-height:1.6; }
.vg-hero { display:grid; grid-template-columns:1.25fr 1fr; gap:44px; align-items:center; padding:30px 0 36px; }
.vg-hero figure { margin:0; border:1px solid #e2e8f0; border-radius:24px; overflow:hidden; background:#f7f9fc; }
.vg-hero img { display:block; width:100%; height:auto; aspect-ratio:4/3; object-fit:contain; }
.vg-kicker { font-size:12px; text-transform:uppercase; letter-spacing:.08em; color:#0764bb; font-weight:750; }
.vg-lead { font-size:18px; color:#40516a; }
.vg-reviewed { font-size:12px; color:#627084; margin-top:22px; }
.vg-scope { padding:18px 22px; border-inline-start:3px solid #327ac4; background:#f1f6fc; color:#41536b; font-size:14px; border-radius:0 12px 12px 0; }
.vg-toc { display:flex; flex-wrap:wrap; gap:10px 20px; padding:24px 0; border-bottom:1px solid #dce4ef; font-size:13px; font-weight:650; }
.vg-section { padding-top:56px; scroll-margin-top:100px; }
.vg-section>p, .vg-section>ul { max-width:850px; }
.vg-section ul, .vg-related ul, .vehicle-guide-entry ul { padding-inline-start:22px; margin-block:18px; }
.vg-section li+li { margin-top:12px; }
.vg-cards { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; align-items:stretch; }
.vg-card { display:flex; flex-direction:column; padding:22px; border:1px solid #dce4ee; border-radius:20px; background:#fff; }
.vg-card img { width:100%; height:auto; aspect-ratio:4/3; object-fit:contain; border-radius:12px; background:#f7f9fc; }
.vg-card h3 { margin-top:20px; }
.vg-card p { font-size:14px; margin:0 0 22px; color:#4c5c70; }
.vg-card .vg-read { margin-top:auto; font-size:14px; font-weight:700; }
.vg-method { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.vg-method article { background:#f5f8fc; padding:24px; border-radius:16px; }
.vg-method h3 { margin:0 0 14px; font-size:19px; }
.vg-method p { margin:0; font-size:14px; color:#455671; }
.vg-table { overflow:auto; max-width:100%; border:1px solid #d7e0ec; border-radius:14px; }
.vg-table:focus-visible { outline:3px solid #1471c9; outline-offset:4px; }
.vg-table table { border-collapse:collapse; width:100%; min-width:680px; font-size:14px; text-align:start; }
.vg-table th, .vg-table td { padding:17px 18px; border-bottom:1px solid #dce4ee; vertical-align:top; line-height:1.65; text-align:start; }
.vg-table thead th { background:#edf3fa; font-weight:750; }
.vg-table tbody th { width:21%; font-weight:650; }
.vg-table tbody tr:nth-child(even) { background:#f9fbfe; }
.vg-table tbody tr:last-child>* { border-bottom:0; }
.vg-rfq { display:block; width:100%; margin-top:22px; border:1px solid #bdcddd; border-radius:16px; background:#f7f9fc; padding:24px; font-family:inherit; font-size:14px; line-height:1.9; color:#243850; resize:vertical; white-space:pre-wrap; }
.vg-rfq:focus-visible { outline:3px solid #1471c9; outline-offset:3px; }
.vg-product-link { font-weight:650; font-size:14px; margin-top:20px; }
.vg-faq details { border-bottom:1px solid #dce4ee; padding:22px 0; }
.vg-faq summary { cursor:pointer; font-size:18px; font-weight:650; line-height:1.5; padding-inline-end:15px; }
.vg-faq details p { max-width:850px; margin:16px 0 0; color:#455671; }
.vg-related { margin-top:56px; border-top:1px solid #dce4ee; padding-top:32px; }
.vg-related h2, .vg-references h2 { font-size:23px; }
.vg-related li+li { margin-top:12px; }
.vg-cta { margin-top:44px; padding:32px; border-radius:20px; background:#edf4fb; }
.vg-cta h2 { font-size:28px; }
.vg-cta>p { max-width:760px; color:#40516a; }
.vg-cta>a { display:inline-block; margin:16px 18px 0 0; font-size:14px; }
.vg-cta a.vg-button { color:white; background:#0769c6; border-radius:30px; padding:13px 22px; font-weight:700; text-decoration:none; }
.vg-electrical { background:#102b4b; color:#e2edfa; border-radius:24px; padding:42px 28px; }
.vg-electrical>span { display:block; font-size:clamp(30px,4vw,42px); font-weight:750; letter-spacing:-.035em; }
.vg-electrical p { font-size:14px; margin-top:18px; }
.vg-skip { position:absolute; left:16px; top:-100px; z-index:1000; background:#fff; color:#143c61; padding:14px 20px; border:2px solid; }
.vg-skip:focus { top:10px; }
.vehicle-guide-entry { width:min(1120px,calc(100% - 40px)); margin:48px auto; padding:30px; background:#f1f6fc; border:1px solid #d6e3f1; border-radius:20px; text-align:start; }
.vehicle-guide-entry h2 { font-size:clamp(25px,3vw,32px); line-height:1.3; margin:0 0 16px; color:#143b60; }
.vehicle-guide-entry p, .vehicle-guide-entry li { font-size:15px; line-height:1.75; }
.vehicle-guide-entry ul { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px 30px; }
[dir=rtl] .vg-scope { border-radius:12px 0 0 12px; }
@media(max-width:900px) { .vg-hero { grid-template-columns:1fr; gap:24px; } .vg-hero figure { max-width:560px; } .vg-cards { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:600px) { .vehicle-guide-page main.vg-shell { width:calc(100% - 32px); padding-top:22px; } .vg-hero { padding-top:12px; } .vg-cards,.vg-method { grid-template-columns:1fr; } .vg-section { padding-top:42px; } .vg-lead { font-size:17px; } .vg-rfq { padding:16px; } .vg-cta { padding:24px; } .vg-cta>a { max-width:100%; overflow-wrap:anywhere; } .vehicle-guide-entry { width:calc(100% - 32px); padding:24px; } .vehicle-guide-entry ul { grid-template-columns:1fr; } }
@media(max-width:420px) {
  .vehicle-guide-page .topbar-inner { gap:8px; }
  .vehicle-guide-page .topbar-right { gap:6px; }
  .vehicle-guide-page .brand span { font-size:13px; }
}
@media(max-width:1100px) {
  .vehicle-guide-page .topbar .navlinks { display:none; }
  .vehicle-guide-page .topbar .mobile-nav { display:block; }
}
@media(max-width:420px) {
  .vehicle-guide-page .topbar .pill { max-width:92px; min-width:0; white-space:normal; line-height:1.15; text-align:center; }
}
.vehicle-guide-page .topbar .mobile-nav,
.vehicle-guide-page .topbar .lang-dropdown,
.vehicle-guide-page .topbar .nav-dropdown { padding:0; border:0; border-radius:0; background:transparent; }
.vg-shell h1, .vg-shell h2, .vg-shell h3 { overflow-wrap:anywhere; hyphens:auto; }
.vg-electrical p { color:#dce8f7; }
[dir=rtl] .vg-shell h1, [dir=rtl] .vg-shell h2, [dir=rtl] .vg-shell h3, [dir=rtl] .vg-kicker { letter-spacing:0; }
/* Accessible worksheet downloads and matching media areas on all five cards. */
.vg-shell a:focus-visible { outline:3px solid #1471c9; outline-offset:4px; border-radius:3px; }
.vg-download { display:inline-flex; margin-top:16px; padding:12px 18px; border:1px solid #9cb9d8; border-radius:10px; color:#075fae; font-size:14px; font-weight:650; }
.vg-card-art { aspect-ratio:4/3; width:100%; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:18px; border-radius:12px; background:#102b4b; color:#edf5ff; text-align:center; }
.vg-card-art span { font-size:clamp(26px,3vw,38px); font-weight:750; }
.vg-card-art small { color:#dce8f7; font-size:13px; }