/* BE FORWARD-inspired type list, confined to the existing middle column. */
.best-types{min-width:0;margin-top:20px}
.best-types .section-heading{display:block;border-bottom:1px solid #ed862d;margin-bottom:18px}
.best-types .section-heading h2{display:inline-block;font-size:17px;line-height:1.3;border-bottom:3px solid #ed862d;padding:0 0 5px;margin:0 0 -1px;color:#24292e}
.best-types #typeColumns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:16px;row-gap:17px}
.best-types .type-item{min-width:0;display:grid;grid-template-columns:78px minmax(0,1fr);align-items:start;gap:10px;padding:0;border:0;background:transparent}
.best-types .type-item__badge{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-width:0;text-align:center;padding-top:3px}
.best-types .type-item__icon{display:block;width:72px;height:40px;flex:0 0 auto;background:#3b3b3b;mask-image:var(--vehicle-icon);mask-size:contain;mask-position:center;mask-repeat:no-repeat}
.best-types .type-item__badge h3{font-size:15px;line-height:1.15;font-weight:800;color:#36393c;margin:1px 0 0;white-space:nowrap}
.best-types .type-item__models{list-style:none;margin:0;padding:0;counter-reset:vehicle-rank;min-width:0}
.best-types .type-item__models li{counter-increment:vehicle-rank;display:grid;grid-template-columns:16px minmax(0,1fr);column-gap:4px;align-items:start;min-height:25px;line-height:1.4}
.best-types .type-item__models li::before{content:counter(vehicle-rank);color:#171717;font-size:13px;font-weight:800}
.best-types .type-item__models a{display:inline;color:#3263b6;font-size:12px;line-height:1.4;font-weight:500;text-decoration:none;overflow-wrap:anywhere}
.best-types .type-item__models a:hover,.best-types .type-item__models a:focus-visible{text-decoration:underline}
.best-types__note{font-size:10px;line-height:1.45;color:#6a6f78;margin-top:10px}
.theme-dark .best-types .section-heading h2,.theme-dark .best-types .type-item__badge h3,.theme-dark .best-types .type-item__models li::before{color:#f0f0f0}
.theme-dark .best-types .type-item__icon{background:#e9e9e9}
.theme-dark .best-types .type-item__models a{color:#a6c3ff}
.theme-dark .best-types__note{color:#bcbcbc}
@media(max-width:1100px){.best-types #typeColumns{gap:14px 10px}.best-types .type-item{grid-template-columns:62px minmax(0,1fr);gap:7px}.best-types .type-item__icon{width:60px;height:36px}.best-types .type-item__badge h3{font-size:13px}.best-types .type-item__models a{font-size:11px}}
@media(max-width:650px){.best-types #typeColumns{grid-template-columns:1fr;row-gap:15px}.best-types .type-item{grid-template-columns:75px minmax(0,1fr);gap:9px}.best-types .type-item__icon{width:72px;height:40px}.best-types .type-item__badge h3{font-size:14px}.best-types .type-item__models a{font-size:12px}}

/* The same original silhouettes already used in the sidebar type filter. */
.best-types .type-item--suv{--vehicle-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2036%22%3E%3Cpath%20fill%3D%22black%22%20d%3D%22M4%2025%207%2017Q9%2011%2015%2011H40Q45%2011%2048%2016L58%2020V29H4Z%22%2F%3E%3Ccircle%20cx%3D%2215%22%20cy%3D%2229%22%20r%3D%224.3%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%2249%22%20cy%3D%2229%22%20r%3D%224.3%22%20fill%3D%22black%22%2F%3E%3C%2Fsvg%3E")}
.best-types .type-item--sedan{--vehicle-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2036%22%3E%3Cpath%20fill%3D%22black%22%20d%3D%22M3%2026%209%2022%2018%2016Q21%2013%2026%2013H40Q44%2013%2048%2019L59%2023V29H3Z%22%2F%3E%3Ccircle%20cx%3D%2215%22%20cy%3D%2229%22%20r%3D%224.3%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%2249%22%20cy%3D%2229%22%20r%3D%224.3%22%20fill%3D%22black%22%2F%3E%3C%2Fsvg%3E")}
.best-types .type-item--truck{--vehicle-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2036%22%3E%3Cpath%20fill%3D%22black%22%20d%3D%22M3%2022H34V13H47L54%2022H61V29H3Z%22%2F%3E%3Ccircle%20cx%3D%2215%22%20cy%3D%2229%22%20r%3D%224.3%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%2249%22%20cy%3D%2229%22%20r%3D%224.3%22%20fill%3D%22black%22%2F%3E%3C%2Fsvg%3E")}
.best-types .type-item--van{--vehicle-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2036%22%3E%3Cpath%20fill%3D%22black%22%20d%3D%22M4%2026V14Q5%209%2011%209H47Q57%209%2059%2018V29H4Z%22%2F%3E%3Ccircle%20cx%3D%2215%22%20cy%3D%2229%22%20r%3D%224.3%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%2249%22%20cy%3D%2229%22%20r%3D%224.3%22%20fill%3D%22black%22%2F%3E%3C%2Fsvg%3E")}
.best-types .type-item--minivan{--vehicle-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2036%22%3E%3Cpath%20fill%3D%22black%22%20d%3D%22M3%2026%208%2016Q12%209%2023%209H45Q55%2010%2059%2020V29H3Z%22%2F%3E%3Ccircle%20cx%3D%2215%22%20cy%3D%2229%22%20r%3D%224.3%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%2249%22%20cy%3D%2229%22%20r%3D%224.3%22%20fill%3D%22black%22%2F%3E%3C%2Fsvg%3E")}
.best-types .type-item--hatchback{--vehicle-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2036%22%3E%3Cpath%20fill%3D%22black%22%20d%3D%22M4%2026%2010%2021%2018%2014Q22%2012%2035%2012H46L56%2023V29H4Z%22%2F%3E%3Ccircle%20cx%3D%2215%22%20cy%3D%2229%22%20r%3D%224.3%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%2249%22%20cy%3D%2229%22%20r%3D%224.3%22%20fill%3D%22black%22%2F%3E%3C%2Fsvg%3E")}
.best-types .type-item--wagon{--vehicle-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2036%22%3E%3Cpath%20fill%3D%22black%22%20d%3D%22M3%2025%208%2017Q11%2014%2017%2014H48L56%2021%2061%2023V29H3Z%22%2F%3E%3Ccircle%20cx%3D%2215%22%20cy%3D%2229%22%20r%3D%224.3%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%2249%22%20cy%3D%2229%22%20r%3D%224.3%22%20fill%3D%22black%22%2F%3E%3C%2Fsvg%3E")}
.best-types .type-item--coupe{--vehicle-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2036%22%3E%3Cpath%20fill%3D%22black%22%20d%3D%22M3%2026%2013%2022%2024%2016Q29%2013%2039%2015L47%2021%2059%2024V29H3Z%22%2F%3E%3Ccircle%20cx%3D%2215%22%20cy%3D%2229%22%20r%3D%224.3%22%20fill%3D%22black%22%2F%3E%3Ccircle%20cx%3D%2249%22%20cy%3D%2229%22%20r%3D%224.3%22%20fill%3D%22black%22%2F%3E%3C%2Fsvg%3E")}
