/* Vehicle cards have three independent areas: reference image, record, quiet footer. */
.rf-vehicles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:start}
.rf-vehicle-card{display:grid;grid-template-columns:minmax(0,1fr);gap:0;min-width:0;padding:8px;border:1px solid var(--line);border-radius:9px;background:var(--refined-panel);box-shadow:var(--refined-shadow)}
.rf-vehicle-image{position:relative;display:flex;align-items:center;justify-content:center;width:100%;min-width:0;max-width:100%;height:180px;border-radius:6px;background:linear-gradient(145deg,#e8ecf0,#f6f7f8);overflow:hidden}
.rf-vehicle-image>img{display:block;max-width:100%;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.rf-vehicle-image>.rf-vehicle-brand{width:58%;height:50%;mix-blend-mode:normal}
.rf-vehicle-image>span{position:absolute;top:7px;right:7px;padding:3px 6px;border-radius:4px;background:#eff3f6d9;color:#637385;font-size:9px;line-height:1.3}
.rf-no-image{padding:16px;font-size:11px;color:var(--mute);text-align:center}
.rf-vehicle-card-body{display:flex;flex-direction:column;gap:6px;min-width:0;padding:12px 8px 8px}
.rf-vehicle-card-body h3{margin:0;font-size:15px;font-weight:650;line-height:1.35;letter-spacing:-.02em;overflow-wrap:anywhere}
.rf-vehicle-card-body p{margin:0;font-size:12px;line-height:1.5;color:var(--mute);overflow-wrap:anywhere}
.rf-vehicle-details{margin-top:4px;min-width:0}
.rf-vehicle-details>summary{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:4px 0;font-size:12px;line-height:1.5;color:var(--blue);cursor:pointer;list-style:none}
.rf-vehicle-details>summary::-webkit-details-marker{display:none}
.rf-vehicle-details>summary span{flex:none}
.rf-vehicle-details dl{margin:8px 0;border-top:1px solid var(--line2);font-size:11px}
.rf-vehicle-details dl>div{display:grid;grid-template-columns:84px minmax(0,1fr);gap:8px;padding:6px 0;border-bottom:1px solid var(--line2)}
.rf-vehicle-details dt{color:var(--mute)}.rf-vehicle-details dd{margin:0;overflow-wrap:anywhere;color:var(--ink)}
.rf-vehicle-card-footer{grid-column:1/-1;min-width:0;padding:0 8px 4px}
.rf-vehicle-card-footer .source-footer{margin-top:6px;padding-top:8px}
.rf-vehicles[data-layout=list]{grid-template-columns:minmax(0,1fr)}
.rf-vehicles[data-layout=list] .rf-vehicle-card{grid-template-columns:160px minmax(0,1fr);gap:0 16px;padding:10px}
.rf-vehicles[data-layout=list] .rf-vehicle-image{height:108px;width:160px;align-self:start}
.rf-vehicles[data-layout=list] .rf-vehicle-card-body{padding:8px 6px 8px 0;justify-content:center;min-height:108px}
.rf-vehicles[data-layout=list] .rf-vehicle-details>summary{justify-content:flex-start;gap:12px}
.rf-vehicles[data-layout=list] .rf-vehicle-card-footer{padding:0 2px}
@media(max-width:1050px){.rf-vehicles{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:540px){
  .rf-vehicles{grid-template-columns:minmax(0,1fr)}
  .rf-vehicle-image{height:190px}
  .rf-vehicles[data-layout=list] .rf-vehicle-card{grid-template-columns:96px minmax(0,1fr);gap:0 10px;padding:8px}
  .rf-vehicles[data-layout=list] .rf-vehicle-image{width:96px;height:90px}
  .rf-vehicles[data-layout=list] .rf-vehicle-image>span{top:4px;right:4px;font-size:7px;padding:2px 3px}
  .rf-vehicles[data-layout=list] .rf-vehicle-card-body{padding:4px 0;min-height:90px}
  .rf-vehicles[data-layout=list] .rf-vehicle-card-body h3{font-size:13px}
  .rf-vehicles[data-layout=list] .rf-vehicle-card-body p{font-size:11px}
  .rf-vehicles[data-layout=list] .rf-vehicle-details dl>div{grid-template-columns:1fr;gap:2px}
}