.vs-directory{--paper:#fafaf8;--ink:#17191c;--muted:#666a70;--line:#d8d9db;--accent:#17191c;min-width:0;text-align:left;color:var(--ink)}
.vs-directory [hidden]{display:none!important}
.vs-directory-entry{margin-top:38px}
.vs-directory-controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,340px);gap:28px;align-items:end;padding-bottom:30px;border-bottom:1px solid var(--line)}
.vs-directory-controls>.vs-overline{margin:0!important;font-size:10px;color:var(--muted);letter-spacing:1.5px}
.vs-directory-search label,.vs-directory-refine label{display:block;margin-bottom:8px;font-size:11px;color:var(--muted)}
.vs-directory-search-field{display:flex;align-items:center;min-width:0;border:1px solid var(--line);background:var(--paper)}
.vs-directory-search input{display:block;width:100%;min-width:0;min-height:46px;padding:12px 14px;border:0;border-radius:0;background:transparent;font:inherit;font-size:12px;color:var(--ink);-webkit-appearance:none}
.vs-directory-search input::-webkit-search-cancel-button{-webkit-appearance:none}
.vs-directory-search-field:focus-within{outline:2px solid var(--ink);outline-offset:3px}
.vs-directory-search input:focus-visible{outline:none}
.vs-directory-search-field button{align-self:stretch;border:0;background:none;padding:0 13px;font:inherit;font-size:11px;color:var(--muted);text-decoration:underline;text-underline-offset:3px}
.vs-directory button:focus-visible,.vs-directory a:focus-visible,.vs-directory summary:focus-visible,.vs-directory select:focus-visible{outline:2px solid var(--ink);outline-offset:4px}
.vs-directory-series-heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:29px 0 21px}
.vs-directory-series-heading h3,.vs-directory-model-heading h3{margin:0;font-size:25px;line-height:1.2;font-weight:450;letter-spacing:-.9px}
.vs-directory-series-heading p{margin:0!important;color:var(--muted);font-size:12px}
.vs-directory-series-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px}
.vs-directory-series{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:10px;min-width:0;min-height:96px;text-align:left;padding:18px 16px;border:1px solid #dedfdd;border-radius:2px;background:var(--paper);color:var(--ink);font:inherit;cursor:pointer;transition:background-color .18s ease,border-color .18s ease}
.vs-directory-series:hover{border-color:#8e949a;background:#f0f0ed}
.vs-directory-series:active{transform:translateY(0)}
.vs-directory-series-name{font-size:20px;line-height:1.2;letter-spacing:-.6px;font-weight:500;white-space:nowrap}
.vs-directory-series-action{font-size:10px;line-height:1.4;color:var(--muted)}
.vs-directory-model-heading{padding-top:20px}
.vs-directory-model-heading>button{border:0;border-bottom:1px solid var(--line);background:transparent;padding:8px 0;min-height:44px;font:inherit;font-size:11px;color:var(--muted)}
.vs-directory-model-heading h3{margin-top:21px}
.vs-directory-model-heading h3:focus{outline:none}
.vs-directory-count{font-size:11px;color:var(--muted);padding:20px 0 12px;margin:0!important}
.vs-directory-results{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:22px;row-gap:6px}
.vs-directory-car{display:flex;flex-direction:column;min-width:0;min-height:175px;padding:17px 8px;border-bottom:1px solid var(--line);color:var(--ink);text-decoration:none;transition:background-color .18s ease}
.vs-directory-car:hover{background:#efefec}
.vs-directory-car:active{transform:translateY(1px)}
.vs-directory-car[aria-current=true]{border-bottom-color:var(--ink)}
.vs-directory-car-brand{display:flex;flex-wrap:wrap;justify-content:space-between;gap:3px 8px;font-size:10px;color:var(--muted)}
.vs-directory-selected{color:var(--ink);font-size:9px}
.vs-directory-photo{display:flex;align-items:center;justify-content:center;aspect-ratio:2/1;min-width:0;margin:10px -4px 12px}
.vs-directory-photo img{width:100%;height:100%;object-fit:contain}
.vs-directory-car-label{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:auto}
.vs-directory-car-label strong{font-size:16px;font-weight:550;letter-spacing:-.4px}
.vs-directory-car-label>span{color:var(--muted);font-size:10px}
.vs-directory-car-meta{display:flex;flex-direction:column;gap:3px;margin-top:9px;font-size:11px;line-height:1.5;color:var(--muted)}
.vs-directory-car-meta>span:last-child{font-variant-numeric:tabular-nums;color:var(--ink)}
.vs-directory-generation{display:grid;place-items:center;aspect-ratio:2/1;margin:10px -4px 12px;font-size:36px;font-weight:350;letter-spacing:-1.6px;color:#7a7e84}
.vs-directory-empty{padding:30px 0 35px}
.vs-directory-empty h3{font-size:20px;font-weight:500;margin:0}
.vs-directory-empty p{margin-top:8px;font-size:12px;color:var(--muted)}
.vs-directory-empty button{margin-top:15px;padding:12px 18px;background:var(--ink);border:0;color:var(--paper);font-size:12px;min-height:44px}
.vs-directory-note{margin-top:23px!important;font-size:11px;line-height:1.8;color:var(--muted);max-width:650px}
.vs-directory-note a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.vs-directory-credits{margin-top:24px;color:var(--muted);font-size:10px}
.vs-directory-credits summary{cursor:pointer;min-height:34px;display:list-item;list-style-position:inside}
.vs-directory-credits>div{display:grid;gap:10px;padding:7px 0}
.vs-directory-credits a{text-decoration:underline;text-underline-offset:2px}
.vs-directory-credits .vs-photo-credit{overflow-wrap:anywhere}
.vs-directory-fallback{margin-top:26px;color:var(--ink)}
.vs-directory-fallback>p{font-size:13px;margin-bottom:15px!important}
.vs-directory-fallback details{border-bottom:1px solid var(--line);padding:12px 0}
.vs-directory-fallback summary{cursor:pointer;font-size:16px;min-height:32px}
.vs-directory-fallback ul{list-style:none;padding:8px 0 0;margin:0}
.vs-directory-fallback li a{display:block;padding:12px 0;font-size:13px;line-height:1.6}
.vs-directory-fallback li a[aria-current=true]{font-weight:600}
.vs-vehicle-dialog{width:min(1050px,calc(100% - 48px));padding:30px 34px;max-height:88dvh;overscroll-behavior:contain;background:#fafaf8;color:#17191c}
.vs-vehicle-dialog .vs-dialog-heading{position:sticky;top:-30px;padding-top:7px;padding-bottom:14px;background:#fafaf8;z-index:1;margin-bottom:10px}
.vs-directory-dialog .vs-directory-results{column-gap:18px}
.vs-entry{max-width:1400px}
@media(prefers-reduced-motion:reduce){.vs-directory-series,.vs-directory-car{transition:none}.vs-directory-series:hover,.vs-directory-series:active,.vs-directory-car:active{transform:none}}
.vs-directory-other-entry{display:flex;align-items:center;flex-wrap:wrap;gap:6px 20px;margin-top:22px;font-size:12px;color:var(--muted)}
.vs-directory-other-entry button,.vs-directory-other-intro a{display:inline-flex;align-items:center;min-height:44px;padding:8px 0;border:0;background:none;color:var(--ink);font:inherit;font-size:12px;text-decoration:underline;text-underline-offset:5px;cursor:pointer}
.vs-directory-other-intro{max-width:600px;margin-top:18px;color:var(--muted);font-size:13px;line-height:1.8}
.vs-directory-other-intro p{margin:5px 0!important}
.vs-directory-focused .vs-directory-results{grid-template-columns:repeat(2,minmax(0,1fr));max-width:780px;gap:28px}
.vs-directory-focused .vs-directory-car{padding:20px 12px}
.vs-directory-focused .vs-directory-car-label strong{font-size:22px}
.vs-directory-focused .vs-directory-car-label>span{font-size:13px}
.vs-directory-focused .vs-directory-car-meta{font-size:13px}
.vs-directory-focused .vs-directory-generation{font-size:50px}
@media(max-width:1100px){.vs-directory-series-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.vs-directory-results{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){
.vs-directory-entry{margin-top:26px}
.vs-directory-controls{grid-template-columns:1fr;gap:14px;padding-bottom:20px}
.vs-directory-search label{font-size:12px}
.vs-directory-search input{font-size:16px;min-height:46px;padding:12px 10px}
.vs-directory-search-field button{font-size:12px;padding:0 10px}
.vs-directory-series-heading{display:block;padding:24px 0 18px}
.vs-directory-series-heading h3,.vs-directory-model-heading h3{font-size:24px;letter-spacing:-.7px}
.vs-directory-series-heading p{margin-top:7px!important;font-size:12px}
.vs-directory-series-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.vs-directory-series{min-height:78px;padding:13px 10px;gap:8px}
.vs-directory-series-name{font-size:17px;letter-spacing:-.5px}
.vs-directory-series-action{font-size:9px}
.vs-directory-other-entry{display:block;margin-top:17px;font-size:12px}
.vs-directory-other-entry>span{display:block}
.vs-directory-other-entry button{font-size:12px}
.vs-directory-count{padding:18px 0 4px;font-size:11px}
.vs-directory-results,.vs-directory-focused .vs-directory-results{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 16px}
.vs-directory-car,.vs-directory-focused .vs-directory-car{padding:17px 2px;min-height:168px}
.vs-directory-car-brand{font-size:9px}
.vs-directory-photo{margin:10px -2px 12px}
.vs-directory-car-label{display:block}
.vs-directory-car-label strong,.vs-directory-focused .vs-directory-car-label strong{font-size:17px}
.vs-directory-car-label>span,.vs-directory-focused .vs-directory-car-label>span{display:block;margin-top:5px;font-size:12px}
.vs-directory-car-meta,.vs-directory-focused .vs-directory-car-meta{font-size:11px}
.vs-directory-generation,.vs-directory-focused .vs-directory-generation{font-size:30px;letter-spacing:-1px}
.vs-directory-note{font-size:11px;margin-top:20px!important}
.vs-directory-empty p{font-size:13px}
.vs-vehicle-dialog{width:calc(100% - 24px);max-height:92dvh;padding:20px}
.vs-vehicle-dialog .vs-dialog-heading{top:-20px;padding-top:4px;padding-bottom:12px}
.vs-dialog-heading h2{font-size:25px}
.vs-directory-dialog .vs-directory-results{gap:4px 16px}
.vs-directory-credits{margin-top:19px}
.vs-directory-credits summary{min-height:44px;line-height:44px}
}

/* Match desktop showroom readability in both the entry and vehicle dialog. */
@media (min-width:701px) {
  .vs-body .vs-directory { --muted:#505860; font-size:16px; font-weight:400; }
  .vs-directory-controls>.vs-overline { font-size:13px; }
  .vs-directory-search label,.vs-directory-refine label { font-size:15px; }
  .vs-directory-search input { font-size:16px; }
  .vs-directory-search input::placeholder { color:var(--muted); opacity:1; }
  .vs-directory-search-field button { font-size:14px; }
  .vs-directory-series-heading p { font-size:15px; }
  .vs-directory-series-action { font-size:14px; }
  .vs-directory-model-heading>button { font-size:15px; }
  .vs-directory-count { font-size:15px; }
  .vs-directory-car-brand,.vs-directory-selected { font-size:13px; }
  .vs-directory-car-label strong { font-size:18px; }
  .vs-directory-car-label>span,.vs-directory-focused .vs-directory-car-label>span { font-size:15px; }
  .vs-directory-car-meta,.vs-directory-focused .vs-directory-car-meta { font-size:15px; line-height:1.6; }
  .vs-directory-note,.vs-directory-empty p { font-size:15px; }
  .vs-directory-empty button { font-size:16px; }
  .vs-directory-credits { font-size:13px; }
  .vs-directory-credits summary { min-height:44px; }
  .vs-directory-other-entry,.vs-directory-other-entry button,.vs-directory-other-intro,.vs-directory-other-intro a { font-size:15px; }
  .vs-directory-fallback>p,.vs-directory-fallback li a { font-size:16px; }
}