/* VIN decoder: the 17-character VIN fits one line on phones; check digit table stays compact. */
#vin { font-family: ui-monospace, Menlo, Consolas, monospace; letter-spacing: 1px; text-transform: uppercase; }
@media (max-width: 480px) { .input.big #vin { font-size: 18px; letter-spacing: 0; } }
.headline .v.vin-v { font-family: ui-monospace, Menlo, Consolas, monospace; font-size: clamp(20px, 5.6vw, 44px); letter-spacing: 1px; overflow-wrap: anywhere; }
.headline .v.vin-title { font-size: clamp(24px, 5vw, 40px); line-height: 1.15; }
.headline .t .badge { margin-right: 6px; vertical-align: 2px; }
table.data.vin-cd th, table.data.vin-cd td { padding: 8px 6px; text-align: center; font-size: 14px; }
table.data.vin-cd th { text-align: left; font-size: 12px; }
.vin-all { margin-top: 16px; }
.vin-all summary { cursor: pointer; font-weight: 600; color: var(--ink); padding: 8px 0; }
.vin-all table.data td { white-space: normal; text-align: left; overflow-wrap: anywhere; }
.vin-all table.data th { font-weight: 500; color: var(--mute); }
#decode[disabled] { opacity: .45; cursor: not-allowed; }
#nhtsa .spec .v { font-size: 19px; letter-spacing: -.2px; line-height: 1.25; }
table.data.vin-brand td { white-space: normal; text-align: left; overflow-wrap: anywhere; } table.data.vin-brand th { width: 34%; }
table.data.vin-brand th { white-space: normal; }
@media (max-width: 600px) {
  table.data.vin-brand tr { display: block; padding: 8px 0; border-bottom: 1px solid var(--hair-soft); }
  table.data.vin-brand th, table.data.vin-brand td { display: block; width: auto; padding: 2px 0; border: 0; }
}
