:root{
    --card-bg:#ffffff;
    --muted:#6b7280;
    --accent:#0ea5a4;
    --border:#e6e7ea;
    --heading: #111827;
    --radius:12px;
    --shadow: 0 6px 20px rgba(12,17,26,0.06);
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
}
#vehicle-comparison{
    padding:48px 20px;
    max-width:1200px;
    margin:0 auto;
}
#vc-heading{
    font-size:20px;
    margin-bottom:6px;
    color:var(--heading);
}
#vc-lead{
    color:var(--muted);
    margin-bottom:20px;
}

.vc-table{
    width:100%;
    border-collapse:collapse;
    background:var(--card-bg);
    border-radius:var(--radius);
    overflow:hidden;
    box-shadow:var(--shadow);
}
.vc-table thead{
    background:#fafafa;
}
.vc-table th{
    padding:14px 16px;
    text-align:left;
    font-weight:600;
    color:var(--heading);
    border-bottom:1px solid var(--border);
    font-size:13px;
}
.vc-table td{
    padding:14px 16px;
    border-bottom:1px solid var(--border);
    vertical-align:middle;
    font-size:14px;
    color:var(--heading);
}
.vc-table tr:last-child td{
    border-bottom:0;
}

.vehicle-cell{
    display:flex;
    gap:12px;
    align-items:center;
}
.vehicle-icon{
    width:48px;
    height:48px;
    flex:0 0 48px;
    border-radius:8px;
    background:#f3f4f6;
    display:inline-grid;
    place-items:center;
}
.vehicle-title{
    font-weight:700;
}
.vehicle-sub{
    display:block;
    color:var(--muted);
    font-size:13px;
}

.vc-cards{
    display:none;
    gap:16px;
}
.vc-card{
    background:var(--card-bg);
    border-radius:12px;
    padding:14px;
    box-shadow:var(--shadow);
    border:1px solid var(--border);
}
.vc-row{
    display:flex;
    justify-content:space-between;
    padding:8px 0;
    border-top:1px dashed #f1f2f4;
}
.vc-row:first-of-type{
    border-top:0;
}
.vc-row b{
    display:block;
    font-weight:600;
}
.vc-row span{
    display:block;
    color:var(--muted);
    font-size:13px;
}

@media (max-width:900px){
    .vc-table{
    display:none;
    }
    .vc-cards{
    display:flex;
    flex-direction:column;
    }
}
.tag{
    display:inline-block;
    padding:6px 8px;
    border-radius:999px;
    font-size:12px;
    background:#f8fafc;
    border:1px solid var(--border);
    color:var(--muted);
}
.highlight{color:var(--accent);font-weight:700}

.vc-card .vehicle-head{
    display:flex;
    gap:12px;
    align-items:center;
    margin-bottom:6px;
}
.capacity{
    font-weight:600;
    font-size: 13px;
}