/* proto-pages-vehicles.css: bakflip.ca's vehicle pages (templates/search/ford-f-150.html and the 8 other trucks), on top
   of proto-pages.css: a generation's year picker sits under its heading, and each line's heading inside a generation
   (.pp-group) gets room from the grid before it, so a line reads as its own block. */
@layer base, kit, site;

@layer site {

.pp-vehicle .pp-group { margin: 32px 0 12px; padding-left: 12px; border-left: 4px solid var(--site-accent); }
.pp-vehicle .pp-pick + .pp-group { margin-top: 20px; }

@media (max-width: 979.98px) {
  .pp-vehicle .pp-group { margin: 20px 0 10px; padding-left: 10px; font-size: 16px; }
}

}