/* VIN answer panel: useful owner context first, technical depth on demand. */
.vin-results[hidden],.vin-waiting[hidden]{display:none!important}
.vin-results{margin-top:18px;scroll-margin-top:86px}
.vin-result-main-grid{display:grid;grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr);gap:18px;align-items:start}

/* Primary vehicle answer */
.vin-vehicle-summary{height:100%;padding:24px 24px 22px;border:1px solid #dfe2dc;border-radius:14px;background:#fff}
.vin-vehicle-art{display:flex;align-items:center;justify-content:center;min-height:126px;margin:-8px -12px 10px;overflow:hidden}
.vin-vehicle-art img{display:block;width:118%;max-width:380px;height:138px;object-fit:contain;object-position:center;transform:scale(1.14);filter:saturate(.82) contrast(.98)}
.vin-result-kicker{display:block;color:#7d837e;font-size:10px;font-weight:850;letter-spacing:.1em}
.vin-vehicle-main h3{margin:8px 0 14px;color:#171817;font-size:36px;line-height:1.02;letter-spacing:-.05em}
.vin-profile-tags{display:flex;flex-wrap:wrap;gap:7px}
.vin-profile-tags span{padding:7px 10px;border:1px solid #e0e3de;border-radius:7px;background:#f7f8f5;color:#575e58;font-size:11px;font-weight:730}
.vin-verification-inline{display:flex;align-items:center;gap:11px;margin-top:19px;padding-top:16px;border-top:1px solid #eceeea}
.vin-verification-inline>i{width:10px;height:10px;border-radius:50%;background:#7e8780;box-shadow:0 0 0 3px rgba(126,135,128,.1)}
.vin-verification-inline[data-kind="ok"]>i{background:#4f9d69;box-shadow:0 0 0 3px rgba(79,157,105,.1)}
.vin-verification-inline[data-kind="warn"]>i{background:#c69b44;box-shadow:0 0 0 3px rgba(198,155,68,.1)}
.vin-verification-inline[data-kind="bad"]>i{background:#c36359;box-shadow:0 0 0 3px rgba(195,99,89,.1)}
.vin-verification-inline>div{display:flex;min-width:0;align-items:center;gap:10px;flex-wrap:wrap}
.vin-verification-inline strong{font-size:12px;color:#323733}
.vin-verification-inline span{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#8a908b;font-size:10px}
.vin-verification-copy{display:none}

/* What this means: concise rows, one expanded at a time. */
.vin-takeaways-panel{min-width:0}
.vin-result-section-title{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:2px 2px 9px}
.vin-result-section-title span{color:#686f69;font-size:10px;font-weight:850;letter-spacing:.11em}
.vin-result-section-title small{color:#8c938d;font-size:10px}
.vin-key-list{overflow:hidden;border:1px solid #dfe2dc;border-radius:13px;background:#fff}
.vin-key-row{border-bottom:1px solid #eceeea;background:#fff}
.vin-key-row:last-child{border-bottom:0}
.vin-key-row>summary{display:grid;grid-template-columns:155px minmax(0,1fr) auto 18px;gap:15px;align-items:center;min-height:64px;padding:0 18px;cursor:pointer;list-style:none;transition:background .14s ease}
.vin-key-row>summary::-webkit-details-marker{display:none}
.vin-key-row>summary:hover,.vin-key-row[open]>summary{background:#f8f9f7}
.vin-key-row>summary::after{content:"+";color:#969c97;font-size:18px;text-align:right}
.vin-key-row[open]>summary::after{content:"−"}
.vin-key-label{color:#6e756f;font-size:11px;font-weight:700}
.vin-key-row>summary strong{min-width:0;color:#202320;font-size:15px;font-weight:780;line-height:1.25;letter-spacing:-.012em}
.vin-key-row>summary em{padding:5px 9px;border-radius:999px;background:#f1f3f1;color:#6d746e;font-size:9px;font-style:normal;font-weight:820;white-space:nowrap}
.vin-key-row[data-tone="confirmed"]>summary em{background:#edf6f0;color:#4c7d5d}
.vin-key-row[data-tone="expected"]>summary em{background:#eef3ff;color:#4868b9}
.vin-key-row[data-tone="verify"]>summary em{background:#f2f3f2;color:#666d67}
.vin-key-row[data-tone="estimate"]>summary em{background:#f5f1e8;color:#846d42}
.vin-key-detail{padding:0 18px 17px 188px;background:#f8f9f7}
.vin-key-detail>p{margin:0;color:#4f5650;font-size:11.5px;line-height:1.58}
.vin-how-verify{display:grid;gap:4px;margin-top:12px;padding-top:11px;border-top:1px solid #e4e8e3}
.vin-how-verify b{color:#363c37;font-size:10px}.vin-how-verify span{color:#737a74;font-size:10px;line-height:1.5}
.vin-key-source{margin-top:9px}.vin-source-chip{color:#66717f!important;font-size:9px!important;font-weight:720;text-decoration:none}

/* Generation intelligence: compact comparison instead of more prose. */
.vin-generation-panel{display:grid;grid-template-columns:minmax(250px,.72fr) minmax(0,1.28fr);gap:20px;margin-top:18px;padding:22px;border:1px solid #dfe2dc;border-radius:14px;background:#fff}
.vin-generation-panel[hidden]{display:none!important}
.vin-generation-copy>span{display:block;color:#737a74;font-size:9px;font-weight:850;letter-spacing:.11em}
.vin-generation-copy h3{margin:7px 0 6px;color:#202320;font-size:22px;line-height:1.08;letter-spacing:-.03em}
.vin-generation-copy p{max-width:430px;margin:0;color:#6d746e;font-size:11px;line-height:1.55}
.vin-generation-groups{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.vin-generation-group{min-width:0}.vin-generation-group>small{display:block;margin-bottom:9px;color:#858c86;font-size:8.5px;font-weight:850;letter-spacing:.1em}
.vin-generation-chips{display:flex;flex-wrap:wrap;gap:7px}
.vin-generation-chips span{padding:7px 9px;border-radius:7px;background:#edf5ef;color:#426c50;font-size:10px;font-weight:720}
.vin-generation-chips-muted span{background:#f2f3f2;color:#656c66}

/* VIN limitations are reframed as useful actions. */
.vin-check-panel{margin-top:18px}
.vin-check-list{overflow:hidden;border:1px solid #dfe2dc;border-radius:13px;background:#fff}
.vin-check-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 18px;align-items:center;padding:15px 17px;border-bottom:1px solid #eceeea}
.vin-check-row:last-child{border-bottom:0}.vin-check-row>div{min-width:0}.vin-check-row span{display:block;color:#343a35;font-size:11px;font-weight:770}.vin-check-row p{margin:4px 0 0;color:#727973;font-size:10.5px;line-height:1.48}.vin-check-row>strong{color:#5e6c87;font-size:9.5px;white-space:nowrap}

/* Technical mode is intentionally secondary. */
.vin-breakdown-panel{margin-top:14px;border:1px solid #dfe2dc;border-radius:13px;background:#fff;overflow:hidden}
.vin-breakdown-panel>summary{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:64px;padding:15px 17px;cursor:pointer;list-style:none}
.vin-breakdown-panel>summary::-webkit-details-marker{display:none}.vin-breakdown-panel>summary>span{display:grid;gap:3px}.vin-breakdown-panel>summary b{color:#343934;font-size:12px}.vin-breakdown-panel>summary small{color:#858c86;font-size:10px;font-weight:550}.vin-breakdown-panel>summary::after{content:"+";color:#8e958f;font-size:18px}.vin-breakdown-panel[open]>summary::after{content:"−"}.vin-breakdown-panel[open]>summary{border-bottom:1px solid #eceeea}
.vin-breakdown-body{padding:18px;background:#fafbf9}
.vin-field-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.vin-field-card{min-width:0;padding:14px;border:1px solid #e2e5e0;border-radius:10px;background:#fff}.vin-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.vin-card-top>span{color:#707770;font-size:9.5px;font-weight:740}.vin-field-card>strong{display:block;margin-top:8px;color:#242724;font-size:12.5px;line-height:1.35}.vin-field-code{margin-top:7px;color:#969d97;font-size:8.5px}.vin-field-code code{margin-left:3px;padding:2px 5px;border-radius:4px;background:#f1f3f0;color:#5c635d}.vin-field-card>p{margin:7px 0 0;color:#7b827c;font-size:9.5px;line-height:1.48}
.vin-anatomy-title{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-top:16px;padding-top:14px;border-top:1px solid #e2e5e0}.vin-anatomy-title strong{font-size:10.5px}.vin-anatomy-title span{color:#838a84;font-size:9px}.vin-anatomy-grid{display:grid;grid-template-columns:repeat(17,minmax(0,1fr));gap:4px;margin-top:9px}.vin-anatomy-cell{min-width:0;padding:7px 2px;border:1px solid #e4e7e2;border-radius:6px;background:#fff;text-align:center}.vin-anatomy-cell small,.vin-anatomy-cell strong,.vin-anatomy-cell span{display:block}.vin-anatomy-cell small{color:#a2a8a3;font-size:6px}.vin-anatomy-cell strong{margin-top:3px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px}.vin-anatomy-cell span{margin-top:3px;overflow:hidden;color:#929993;font-size:5.7px;text-overflow:ellipsis;white-space:nowrap}

.vin-result-actions{display:flex;align-items:center;gap:10px;margin-top:14px;padding-top:14px;border-top:1px solid #e0e3dd}.vin-copy-summary{min-height:38px;padding:0 14px;border:1px solid #d6dad4;border-radius:8px;background:#fff;color:#474e48;font-size:10px;font-weight:770;cursor:pointer}.vin-copy-summary:hover{border-color:#bfc5be;background:#f7f8f5}.vin-copy-summary[data-copied="true"]{border-color:#cfe3d5;background:#f0f7f2;color:#37784e}.vin-official-link{color:#5570bd;font-size:10px;font-weight:760;text-decoration:none}

@media(max-width:1000px){
  .vin-result-main-grid,.vin-generation-panel{grid-template-columns:1fr}
  .vin-vehicle-summary{height:auto}
  .vin-result-section-title{margin-top:3px}
  .vin-key-detail{padding-left:18px}
  .vin-generation-groups{grid-template-columns:1fr 1fr}
  .vin-anatomy-grid{grid-template-columns:repeat(9,minmax(0,1fr))}
}
@media(max-width:760px){
  .vin-results{margin-top:16px}.vin-vehicle-main h3{font-size:30px}.vin-result-section-title{margin-top:4px}.vin-result-section-title small{display:none}
  .vin-vehicle-art{min-height:112px;margin:-4px -8px 8px}.vin-vehicle-art img{width:116%;max-width:330px;height:122px;transform:scale(1.1)}
  .vin-key-row>summary{grid-template-columns:minmax(0,1fr) auto 14px;gap:9px;min-height:68px;padding:10px 14px}.vin-key-label{grid-column:1/-1;font-size:9.5px}.vin-key-row>summary strong{grid-column:1;font-size:14px}.vin-key-row>summary em{grid-column:2}.vin-key-row>summary::after{grid-column:3}.vin-key-detail{padding:0 14px 14px}.vin-key-detail>p{font-size:10.5px}
  .vin-generation-panel{padding:18px}.vin-generation-groups{grid-template-columns:1fr}.vin-check-row{grid-template-columns:1fr}.vin-check-row>strong{justify-self:start}
  .vin-field-grid{grid-template-columns:1fr}.vin-anatomy-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.vin-result-actions{flex-wrap:wrap}
}
@media(max-width:430px){.vin-anatomy-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.vin-verification-inline>div{display:grid;gap:3px}}