/* Vehicle type and model pages. */

.vehicle-page > * + *,
.vehicle-page section + section {
    margin-top: var(--space-6);
}

.vehicle-page .vehicle-list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 15rem), 1fr));
    gap: var(--space-2) var(--space-5);
    margin: 0;
    padding: 0;
    list-style: none;
}

.vehicle-page .vehicle-list li {
    margin: 0;
}

.vehicle-page .vehicle-list a {
    font-weight: 600;
}

.vehicle-page .vehicle-list span {
    color: var(--color-muted);
    font-size: var(--step--1);
}

.vehicle-list a { display: inline-flex; align-items: center; min-height: 44px; }
.vehicle-list li { padding: var(--space-2) var(--space-3); background: var(--color-canvas); border-radius: var(--radius-sm); }
.vehicle-list span { display: block; }

/* The shared explanation of the example estimates, closed by default */

.estimate-about {
    max-width: var(--measure);
    margin-top: var(--space-2);
    color: var(--color-muted);
    font-size: var(--step--1);
}

.estimate-about > summary {
    display: inline-flex;
    align-items: center;
    min-height: 2.75rem;
    color: var(--color-link);
    font-weight: 700;
    cursor: pointer;
}

.estimate-about > p {
    margin: 0;
}