.engine-strip { padding: 44px 0; }
.platform-eyebrow { color:#5cc0ff; font:700 10px/1.4 Inter,Arial,sans-serif; letter-spacing:.18em; margin:0 0 10px; }
.platform-intro { color:#b4bac1; font-size:13px; margin:11px 0 0; }
.truck-strip-heading { align-items:center; }
.engine-links.truck-platform-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; padding-top:26px; }
.engine-links.truck-platform-grid > .diesel-platform { position:relative; display:flex; flex-direction:column; align-items:stretch; gap:0; min-height:268px; padding:24px 26px 18px; border:1px solid #2c3136; border-radius:10px; background:linear-gradient(145deg,#121417,#050506); overflow:hidden; transition:transform .2s,border-color .2s,background .2s; }
.engine-links.truck-platform-grid > .diesel-platform:hover { transform:translateY(-3px); border-color:#5cc0ff; background:linear-gradient(145deg,#2c3136,#121417); color:inherit; }
.platform-top { display:flex; align-items:center; justify-content:space-between; min-height:44px; margin-bottom:16px; }
.platform-fuel { font:700 9px/1 Inter,Arial,sans-serif; letter-spacing:.15em; color:#b4bac1; padding:6px 9px; border:1px solid #2c3136; border-radius:4px; }
.platform-top .truck-logo.ford { width:110px; height:44px; object-fit:contain; }
.platform-marks { display:flex; gap:12px; align-items:center; }
.platform-marks .truck-logo.ram { width:32px; height:38px; filter:none; }
.platform-marks .truck-logo.cummins { width:30px; height:32px; filter:none; }
.platform-marks .truck-logo.chevrolet { width:48px; height:26px; object-fit:contain; filter:none; }
.platform-marks .truck-logo.gmc { width:48px; height:20px; object-fit:contain; filter:none; }
.platform-name small { font:650 9px/1.4 Inter,Arial,sans-serif; letter-spacing:.15em; color:#b4bac1; margin-bottom:6px; }
.platform-name strong { display:block; font:700 clamp(25px,2.4vw,34px)/1.15 Inter,Arial,sans-serif; letter-spacing:-.035em; }
.platform-displacements { display:flex; flex-wrap:wrap; gap:7px; margin:15px 0 13px; }
.platform-displacements > span { padding:6px 10px; border:1px solid #2c3136; border-radius:5px; background:#1b1e23; color:#dde1e5; font:600 12px/1 Inter,Arial,sans-serif; }
.platform-extra { font:400 11px/1.5 Inter,Arial,sans-serif; color:#7a828c; margin:-2px 0 13px; }
.platform-extra b { font-weight:500; color:#dde1e5; }
.platform-bottom { display:flex; justify-content:space-between; align-items:center; color:#5cc0ff; padding-top:14px; margin-top:auto; border-top:1px solid #2c3136; font:600 11px/1.3 Inter,Arial,sans-serif; }
.platform-bottom > span { font-size:18px; }
.engine-links.truck-platform-grid > a.gas-platform-tile { grid-column:1/-1; display:grid; grid-template-columns:180px 1fr 180px; align-items:center; gap:24px; min-height:144px; padding:24px 26px; border:1px solid #2c3136; border-radius:10px; background:linear-gradient(110deg,#1b1e23,#050506); transition:border-color .2s; }
.engine-links.truck-platform-grid > a.gas-platform-tile:hover { border-color:#5cc0ff; color:inherit; }
.gas-family-list { grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.gas-family-list > span { padding-left:20px; border-left:1px solid #2c3136; }
.gas-family-list b { font-size:8px; margin-bottom:6px; }
.gas-family-list > span > span { font-size:11px; line-height:1.6; }
.gas-tile-link { margin:0; padding:0; border:0; font-size:11px; line-height:1.7; align-items:center; }
.gas-tile-link > span { font-size:20px; }
@media(max-width:1100px) {
 .engine-links.truck-platform-grid > a.gas-platform-tile { grid-template-columns:170px 1fr; gap:20px; }
 .gas-tile-link { grid-column:2; justify-content:flex-end; gap:14px; }
}
@media(max-width:760px) {
 .engine-links.truck-platform-grid { grid-template-columns:1fr; gap:14px; }
 .engine-links.truck-platform-grid > .diesel-platform { min-height:244px; padding:22px; }
 .platform-name strong { font-size:30px; }
 .engine-links.truck-platform-grid > a.gas-platform-tile { grid-template-columns:1fr; gap:22px; padding:24px 22px; }
 .gas-family-list { grid-template-columns:1fr; gap:16px; }
 .gas-family-list > span { padding-left:14px; }
 .gas-family-list > span > span { font-size:12px; }
 .gas-tile-link { grid-column:auto; justify-content:space-between; border-top:1px solid #2c3136; padding-top:15px; }
 .gas-tile-head strong { font-size:24px; }
 .gas-tile-years { font-size:9px; }
 .engine-strip { padding:32px 0; }
}
@media(prefers-reduced-motion:reduce) { .engine-links.truck-platform-grid > .diesel-platform { transition:none; } .engine-links.truck-platform-grid > .diesel-platform:hover { transform:none; } }

.diesel-engine-groups { display:grid; gap:15px; margin:18px 0 22px; }
.diesel-engine-group { display:block; }
.diesel-group-label { display:block; color:#b4bac1; font:600 10px/1.4 Inter,Arial,sans-serif; letter-spacing:.02em; }
.diesel-engine-group .platform-displacements { margin:8px 0 0; }
.diesel-group-note { display:block; margin-top:7px; font:400 10px/1.5 Inter,Arial,sans-serif; color:#b4bac1; }
.diesel-scope { padding-top:18px; font:400 11px/1.7 Inter,Arial,sans-serif; color:#b4bac1; }
.diesel-scope p { margin:0 0 8px; }
.diesel-scope summary { cursor:pointer; color:#5cc0ff; }
.diesel-scope details > div { display:flex; gap:10px 20px; flex-wrap:wrap; margin-top:14px; }
.diesel-scope a { text-decoration:underline; text-underline-offset:3px; }

.engine-title-row { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.engine-title-row strong { min-width:0; }
.engine-family-logo { display:block; width:80px; height:40px; object-fit:contain; flex:none; }
.engine-family-logo.powerstroke { width:72px; height:36px; border-radius:3px; }
.engine-family-logo.cummins { width:38px; height:40px; }
.platform-marks .truck-logo.ram-wordmark { width:76px; height:26px; object-fit:contain; filter:none; }
@media(max-width:400px) { .engine-title-row { gap:8px; } .engine-title-row strong { font-size:28px; } .engine-family-logo.powerstroke { width:64px; } }

/* Manufacturer-first hierarchy, consistent with the fleet cards. */
.diesel-platform .platform-top { flex-direction:row-reverse; justify-content:space-between; min-height:46px; margin-bottom:17px; }
.diesel-platform .platform-top .truck-logo.ford { width:110px; height:44px; object-fit:contain; object-position:left center; }
.diesel-platform .platform-top .platform-marks { justify-content:flex-start; }
.diesel-platform .platform-top .ram-wordmark { object-position:left center; }

.diesel-platform .platform-top { flex-direction:row; justify-content:flex-start; }

.diesel-platform.gm .platform-top .platform-marks { gap:20px; }
.diesel-platform.gm .platform-marks .truck-logo.chevrolet { width:96px; height:36px; object-fit:contain; }
.diesel-platform.gm .platform-marks .truck-logo.gmc { width:100px; height:32px; object-fit:contain; }

.diesel-platform.ram .platform-top .truck-logo.ram-wordmark { width:140px; height:38px; object-fit:contain; object-position:left center; }

.diesel-platform.gm .platform-top .platform-marks { gap:16px; }
.gm-logo-divider { display:block; flex:0 0 1px; width:1px; height:28px; background:#7a828c; }

.diesel-platform.ram .platform-top .platform-marks { gap:16px; }
.diesel-platform.ram .platform-top .truck-logo.dodge-wordmark { width:110px; height:32px; object-fit:contain; filter:none; }
.diesel-platform.ram .platform-top .truck-logo.ram-wordmark { width:110px; height:32px; }
@media(max-width:400px) { .diesel-platform.ram .platform-top .truck-logo.dodge-wordmark,.diesel-platform.ram .platform-top .truck-logo.ram-wordmark { width:100px; } }

.diesel-platform .platform-top { min-height:56px; }
.diesel-platform.ram .platform-top .truck-logo.dodge-legacy-emblem { width:54px; height:56px; object-fit:contain; filter:none; }

.platform-displacements > span { text-align:center; }
.platform-displacements > span > b { font:600 12px/1.2 Inter,Arial,sans-serif; }
.engine-debut-year { display:block; margin-top:5px; color:#b4bac1; font:400 9px/1.2 Inter,Arial,sans-serif; }

.truck-platform-grid .diesel-platform .platform-displacements > a.engine-range { display:inline-flex; flex-direction:column; align-items:center; min-height:0; padding:7px 8px; margin:0; border:1px solid #2c3136; border-radius:5px; background:#1b1e23; color:#dde1e5; font:600 12px/1.2 Inter,Arial,sans-serif; text-decoration:none; }
.truck-platform-grid .diesel-platform .platform-displacements > a.engine-range:hover { border-color:#5cc0ff; background:#2c3136; }
.truck-platform-grid .diesel-platform a.platform-bottom { display:flex; flex-direction:row; min-height:0; padding:14px 0 0; margin-top:auto; border:0; border-top:1px solid #2c3136; background:none; border-radius:0; font:600 11px/1.3 Inter,Arial,sans-serif; color:#5cc0ff; }
.engine-range .engine-debut-year { font-size:8px; white-space:nowrap; }

.engine-range .engine-debut-year { font-size:9px; }
.truck-platform-grid .diesel-platform a.platform-bottom { justify-content:space-between; width:100%; }

/* Keep the four brands in order; give the cards room on smaller screens. */
.engine-strip .engine-links.truck-platform-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
.engine-strip .truck-platform-grid > .diesel-platform { padding-inline:20px; }
.sprinter-mark { width:49px; height:49px; color:#dde1e5; }
.engine-strip .truck-platform-grid .diesel-platform .platform-top .platform-marks { gap:12px; max-width:100%; }
.engine-strip .truck-platform-grid .diesel-platform.gm .platform-top .truck-logo { max-width:calc((100% - 25px) / 2); }
.engine-strip .truck-platform-grid .platform-name strong { font-size:clamp(22px,2.15vw,32px); }
@media(max-width:1110px) { .engine-strip .engine-links.truck-platform-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:700px) { .engine-strip .engine-links.truck-platform-grid { grid-template-columns:1fr; } }