/* VetTheCar page kit (views/kit). Builds on tokens.css + bundle.css; only kit-* classes and the verdict
   aliases live here. Mobile first; 16px gutters; no horizontal page scroll; 44px tap targets. */
/* The page container (the rule views/mot.js carries inline for the legacy pages): centred, 16/24/32px gutters. */
.kit-page{max-width:var(--container);margin:0 auto;padding:var(--space-8) var(--space-4) calc(var(--space-16) + 72px + env(safe-area-inset-bottom))}
@media (min-width:640px){.kit-page{padding-inline:var(--space-6)}}
@media (min-width:760px){.kit-page{padding-bottom:var(--space-16)}}
@media (min-width:1024px){.kit-page{padding-inline:var(--space-8)}}
.kit-col{max-width:880px;min-width:0}
.kit-crumbs,.cv-crumbs{font-size:12px;line-height:18px;color:var(--text-secondary);margin:0 0 var(--space-6)}
.kit-crumbs ol{list-style:none;margin:0;padding:0;display:flex;gap:6px;overflow-x:auto;white-space:nowrap;scrollbar-width:none}
.kit-crumbs li{flex:none}
.kit-crumbs li:last-child{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis}
.kit-crumbs li+li::before{content:"/";margin-right:6px;color:var(--text-muted)}
.kit-crumbs a{color:var(--text-secondary);text-decoration:none}
.kit-crumbs a:hover{color:var(--accent-text)}
@media (min-width:760px){.kit-crumbs ol{flex-wrap:wrap;white-space:normal}}
.kit-head .cv-display{margin:var(--space-2) 0 var(--space-2)}
.kit-dataline{font-size:12px;line-height:18px;color:var(--text-secondary);margin:0 0 var(--space-6)}
.kit-answer{margin:0 0 var(--space-8)}
.kit-lead{font-size:18px;line-height:1.55;color:var(--text);margin:0 0 var(--space-4);max-width:65ch}
.kit-lead b{font-weight:700;color:var(--primary)}
.kit-bullets{margin:var(--space-4) 0 0;padding-left:var(--space-5,20px);display:grid;gap:var(--space-2);font-size:16px;line-height:1.55}
.kit-disambig,.kit-caveat{font-size:14px;line-height:1.55;color:var(--text-secondary);margin:var(--space-3) 0 0}
.kit-fn{font-size:11px;line-height:0;margin-left:1px}
.kit-fn a{color:var(--accent-text);text-decoration:none}
.kit-cta{border:1px solid var(--border);border-radius:var(--radius-2xl);background:var(--bg-secondary);padding:var(--space-4);margin:var(--space-4) 0}
.kit-cta--top{background:var(--accent-tint);border-color:var(--accent-line)}
.kit-cta-line,.kit-cta-terms{font-size:14px;line-height:1.55;color:var(--text);margin:0 0 var(--space-3)}
.kit-cta-btn{display:inline-flex;align-items:center;gap:8px;min-height:44px;max-width:100%;white-space:normal;text-align:left;height:auto;padding-block:10px}
.kit-cta-alt{font-size:14px;margin:var(--space-3) 0 0}
.kit-cta-tiles{list-style:none;margin:var(--space-3) 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}
.kit-cta-tiles li{border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-3);font-size:13px;line-height:1.4;background:var(--surface)}
.kit-plate{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:stretch}
.kit-plate-input{flex:1 1 180px;min-width:0;min-height:48px;border:2px solid var(--border-strong);border-radius:var(--radius-xl);padding:0 14px;font:800 18px/1 var(--font-sans);letter-spacing:.1em;text-transform:uppercase;background:var(--surface);color:var(--primary)}
.kit-plate-input:focus{outline:0;border-color:var(--accent);box-shadow:var(--shadow-focus)}
.kit-plate .bk-btn{min-height:48px}
.kit-plate-hint{flex-basis:100%;font-size:13px;color:var(--warning-text);margin:0}
.kit-waitlist-h{display:flex;align-items:center;gap:8px;font-weight:600;font-size:15px;line-height:1.4;margin:0 0 var(--space-2);color:var(--primary)}
.kit-waitlist-row{display:flex;flex-wrap:wrap;gap:var(--space-2)}
.kit-input{flex:1 1 200px;min-width:0;min-height:48px;padding:0 14px;border:1px solid var(--border-strong);border-radius:var(--radius-xl);font:500 16px/24px var(--font-sans);background:var(--surface);color:var(--text)}
.kit-input:focus{outline:0;border-color:var(--accent);box-shadow:var(--shadow-focus)}
.kit-waitlist .bk-btn{min-height:48px}
.kit-waitlist-note{font-size:12px;line-height:1.5;color:var(--text-secondary);margin:var(--space-2) 0 0}
.kit-waitlist-status{font-size:14px;min-height:20px;margin:var(--space-2) 0 0;color:var(--text)}
.kit-waitlist.is-done .kit-waitlist-row{display:none}
.kit-tabs{margin:0 0 var(--space-6);border-bottom:1px solid var(--border-subtle)}
.kit-tabs ul{list-style:none;margin:0;padding:0;display:flex;gap:4px;overflow-x:auto;scrollbar-width:none}
.kit-tab{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border-radius:9999px;font:500 14px/20px var(--font-sans);color:var(--text-secondary);text-decoration:none;white-space:nowrap}
.kit-tab:hover{background:var(--border-subtle);color:var(--text)}
.kit-tab[aria-current=page]{color:var(--accent-text);background:var(--accent-tint)}
.kit-linklist{list-style:none;margin:0 0 var(--space-4);padding:0;columns:2 16rem;column-gap:var(--space-6)}
.kit-linklist li{break-inside:avoid;padding:6px 0;font:400 15px/22px var(--font-sans)}
.kit-linklist a{color:var(--accent-text)}
.kit-checks-list{columns:1}
.kit-checks-list li{padding:8px 0}
.kit-checks-list a{font-weight:600}
.kit-checks-what{color:var(--text-secondary)}
.kit-keynums{margin:var(--space-8) 0}
.kit-keynums dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3);margin:0}
@media (min-width:760px){.kit-keynums dl{grid-template-columns:repeat(4,minmax(0,1fr))}}
.kit-tile{border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-3);min-height:136px;display:flex;flex-direction:column;gap:2px}
.kit-tile dt{font-size:12px;line-height:16px;color:var(--text-secondary)}
.kit-tile dd{margin:0}
.kit-tile-v{font-weight:300;font-size:28px;line-height:1.15;color:var(--primary);font-variant-numeric:tabular-nums}
.kit-tile-c{font-size:13px;line-height:1.35;color:var(--text)}
.kit-tile-n{font-size:11px;color:var(--text-secondary);margin-top:auto}
.bk-verdict--good,.bk-verdict--fynd{--kit-verdict:var(--verdict-fynd)}
.bk-verdict--fair,.bk-verdict--schysst{--kit-verdict:var(--verdict-schysst)}
.bk-verdict--higher,.bk-verdict--riskfylld{--kit-verdict:var(--verdict-riskfylld)}
.kit-verdict{border:1px solid var(--border);border-left:4px solid var(--kit-verdict,var(--border-strong));border-radius:var(--radius-2xl);padding:var(--space-4) var(--space-5,20px);margin:var(--space-8) 0;background:var(--surface)}
.kit-verdict-h{font-weight:600;font-size:22px;line-height:1.3;margin:var(--space-1) 0 var(--space-2);color:var(--primary)}
.kit-verdict p{font-size:15px;line-height:1.6;margin:var(--space-2) 0 0}
.kit-flag{color:var(--warning-text)}
.kit-bridge{font-weight:500}
.kit-verdict-line{border-left:3px solid var(--kit-verdict,var(--border-strong));padding-left:var(--space-3);font-size:15px;line-height:1.6}
.kit-faq details{border-bottom:1px solid var(--border-subtle);padding:var(--space-3) 0}
.kit-faq summary{cursor:pointer;font-weight:600;font-size:16px;line-height:1.5;min-height:44px;display:flex;align-items:center}
.kit-faq-a p{margin:var(--space-2) 0 0;font-size:15px;line-height:1.65}
.cv-sources{font-size:13px;line-height:1.55;color:var(--text-secondary);padding-left:var(--space-5,20px)}
.cv-sources li{margin:0 0 var(--space-1)}
.cv-sources a{color:var(--text)}
.kit-method{font-size:13px;line-height:1.55;color:var(--text-secondary)}
.kit-eeat{margin:var(--space-8) 0 0;padding-top:var(--space-4);border-top:1px solid var(--border-subtle);font-size:13px;line-height:1.55;color:var(--text-secondary)}
.kit-eeat a{color:var(--text)}
.kit-sticky{position:fixed;left:0;right:0;bottom:0;z-index:40;display:flex;gap:var(--space-2);align-items:center;padding:var(--space-2) var(--space-4) calc(var(--space-2) + env(safe-area-inset-bottom));background:var(--vt-glass,rgba(255,255,255,.94));border-top:1px solid var(--border)}
.kit-sticky[hidden]{display:none}
.kit-sticky .bk-btn{flex:1;min-height:48px;justify-content:center}
.kit-sticky-x{width:44px;height:44px;border:0;background:transparent;font-size:22px;color:var(--text-secondary);cursor:pointer}
@media (min-width:760px){.kit-sticky{display:none!important}}