/* VIN lookup page, plus its row on the tools hub. Loads after tools.css. */
.vin-tool .tool-grid{grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr)}
.utd-home .vin-form label{font-size:var(--t-body);font-weight:600}
.utd-home .vin-form input{font-size:var(--t-h4);font-weight:600;letter-spacing:.04em;font-variant-numeric:tabular-nums}
.utd-home .vin-form input::placeholder{font-size:var(--t-body);font-weight:400;letter-spacing:0}
.utd-home .vin-form__count{margin-top:var(--sp-1);font-size:var(--t-small);line-height:var(--lh-small)}
.utd-home .vin-form__error{margin-top:var(--sp-1);font-size:var(--t-small);font-weight:600;line-height:var(--lh-small);color:var(--utd-ink)}
.utd-home .vin-form input[aria-invalid=true]{border-color:var(--utd-ink);border-width:2px}
.utd-home .vin-form__go{width:100%;margin-top:var(--sp-4)}
.utd-home .vin-form__go:disabled{opacity:.7;cursor:progress}
.vin-form__where{margin-top:var(--sp-5);padding-top:var(--sp-4);border-top:1px solid var(--utd-line)}
.utd-home .vin-form__where h2{font-size:var(--t-h4);font-weight:600;line-height:var(--lh-h4);color:var(--utd-ink)}
.vin-form__where ul{margin:var(--sp-2) 0 0;padding:0;list-style:none}
.utd-home .vin-form__where li{display:flex;align-items:flex-start;gap:var(--sp-2);padding-block:var(--sp-1);font-size:var(--t-small);line-height:var(--lh-small)}
.utd-home .vin-form__where .utd-i{margin-top:.15em}

.utd-home .vin-result{position:static;scroll-margin-top:calc(var(--utd-main) + var(--sp-3))}
.vin-result:focus{outline:none}
.utd-home .utd-card.vin-result p.vin-result__empty{margin-top:var(--sp-3);font-size:var(--t-body);line-height:var(--lh-body);color:#DCE7F1}
.utd-home .utd-card.vin-result p.vin-result__title{margin-top:var(--sp-3);font-size:var(--t-h2);font-weight:700;line-height:var(--lh-h2);letter-spacing:var(--track-h2);color:#fff;text-wrap:balance}
.utd-home .utd-card.vin-result p.vin-result__vin{margin-top:var(--sp-1);font-size:var(--t-small);line-height:var(--lh-small);letter-spacing:.04em;font-variant-numeric:tabular-nums;color:var(--utd-sky);overflow-wrap:anywhere}
.utd-home .utd-card.vin-result p.vin-result__notice{margin-top:var(--sp-3);padding:var(--sp-3);border:1px solid var(--utd-sky);border-radius:var(--r-control);font-size:var(--t-small);line-height:var(--lh-small);color:#fff}
.vin-group{margin-top:var(--sp-5)}
.utd-home .vin-result .vin-group h3{font-size:var(--t-h4);font-weight:600;line-height:var(--lh-h4);color:#fff}
.vin-group dl{margin:var(--sp-2) 0 0}
.vin-group dl>div{display:flex;justify-content:space-between;align-items:baseline;gap:var(--sp-4);padding-block:var(--sp-2);border-top:1px solid var(--home-border);font-size:var(--t-small);line-height:var(--lh-small)}
.vin-group dt{flex:none;color:#DCE7F1}
.vin-group dd{margin:0;font-weight:600;color:#fff;text-align:right;overflow-wrap:anywhere}
.vin-result__actions{display:flex;flex-wrap:wrap;gap:var(--stack);margin-top:var(--sp-5)}

.vin-limits{background:#fff}
.utd-home .vin-limits h2{font-size:var(--t-h2);line-height:var(--lh-h2);letter-spacing:var(--track-h2)}
.utd-home .vin-limits__lede{margin-top:var(--sp-2);font-size:var(--t-lede);line-height:var(--lh-lede)}
.vin-limits__grid{margin-top:var(--head-gap)}
.utd-home .vin-limits h3{font-size:var(--t-h3);font-weight:600;line-height:var(--lh-h3);letter-spacing:var(--track-h3)}
.vin-limits ul{margin:var(--sp-2) 0 0;padding:0;list-style:none}
.utd-home .vin-limits li{padding-block:var(--sp-2);border-top:1px solid var(--utd-line);font-size:var(--t-body);line-height:var(--lh-body)}
.utd-home .vin-limits__link{margin-top:var(--sp-5)}

.hub-vin{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-5);margin-top:var(--grid-gap)}
.utd-home .hub-vin h2{font-size:var(--t-h3);font-weight:600;line-height:var(--lh-h3);letter-spacing:var(--track-h3);color:var(--utd-ink)}
.utd-home .hub-vin p{margin-top:var(--sp-1);font-size:var(--t-body);line-height:var(--lh-body)}
.hub-vin .home-button{flex:none;white-space:nowrap}

@media(max-width:900px){
  .vin-tool .tool-grid{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:640px){
  .vin-result__actions>*{flex:1 1 100%}
  .hub-vin{flex-direction:column;align-items:stretch}
  .vin-limits__grid{row-gap:var(--sp-5)}
}
@media print{
  .vin-form,.vin-result__actions,.tool-cta{display:none!important}
}