:root{--vrBg:#07090d;--vrCard:rgba(255,255,255,0.045);--vrCard2:rgba(255,255,255,0.06);--vrBd:rgba(255,255,255,0.10);--vrBd2:rgba(255,255,255,0.14);--vrText:rgba(255,255,255,0.92);--vrText2:rgba(255,255,255,0.72);--vrText3:rgba(255,255,255,0.55);--vrGold:#ffcc33;--vrCyan:#5ce1ff;--vrPurple:#b58bff;--vrGlow:rgba(92,225,255,0.12);--vrGlow2:rgba(181,139,255,0.10);--vrDangerBg:rgba(255,70,70,0.12);--vrDangerBd:rgba(255,70,70,0.25);--vrR0:18px;--vrR1:14px;--vrR2:12px;--vrMono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;}
.page-vehicle-reference{padding-top:78px;background:radial-gradient(1000px 520px at 20% -10%,rgba(92,225,255,0.14),transparent 60%),radial-gradient(900px 520px at 90% 0%,rgba(181,139,255,0.12),transparent 65%),radial-gradient(1100px 700px at 50% 110%,rgba(255,204,51,0.09),transparent 60%),linear-gradient(180deg,rgba(0,0,0,0.0),rgba(0,0,0,0.25)),var(--vrBg);}
@media (max-width:980px){.page-vehicle-reference{padding-top:92px;}}
.page-vehicle-reference .container{max-width:1400px;margin-left:auto;margin-right:auto;padding-left:24px;padding-right:24px;}
.page-vehicle-reference .vr-hero{padding:34px 0 18px 0;}
.page-vehicle-reference .vr-hero-inner{position:relative;display:block;}
.page-vehicle-reference .vr-hero-copy{background:linear-gradient(180deg,rgba(255,255,255,0.05),rgba(255,255,255,0.02));border:1px solid rgba(255,255,255,0.08);border-radius:var(--vrR0);padding:18px 18px 16px 18px;backdrop-filter:blur(10px);}
.page-vehicle-reference .vr-hero-copy:before{content:"";position:absolute;inset:-1px;border-radius:var(--vrR0);background:radial-gradient(900px 240px at 20% 0%,rgba(92,225,255,0.12),transparent 50%),radial-gradient(900px 260px at 90% 0%,rgba(181,139,255,0.12),transparent 50%);pointer-events:none;}
.page-vehicle-reference .eyebrow{letter-spacing:0.18em;text-transform:uppercase;font-size:12px;color:rgba(255,255,255,0.70);margin:0 0 6px 0;}
.page-vehicle-reference .page-title{margin:0;font-size:40px;line-height:1.06;}
@media (max-width:700px){.page-vehicle-reference .page-title{font-size:32px;}}
.page-vehicle-reference .page-lead{margin:10px 0 0 0;color:var(--vrText2);max-width:72ch;}
.page-vehicle-reference code{font-family:var(--vrMono);font-size:0.95em;color:rgba(255,255,255,0.90);background:rgba(0,0,0,0.30);border:1px solid rgba(255,255,255,0.08);padding:2px 6px;border-radius:10px;}
.page-vehicle-reference .vr-meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px;}
.page-vehicle-reference .pill{display:inline-flex;align-items:center;gap:8px;padding:7px 10px;border-radius:999px;border:1px solid rgba(255,255,255,0.10);background:rgba(0,0,0,0.22);color:rgba(255,255,255,0.86);font-size:12px;}
.page-vehicle-reference .pill:before{content:"";width:8px;height:8px;border-radius:999px;background:rgba(255,255,255,0.22);}
.page-vehicle-reference .pill-gold{border-color:rgba(255,204,51,0.30);background:rgba(255,204,51,0.10);}
.page-vehicle-reference .pill-gold:before{background:var(--vrGold);}
.page-vehicle-reference .pill-outline{background:transparent;}
.page-vehicle-reference .vr-tools{padding:14px 0 8px 0;}
.page-vehicle-reference .vr-alert{background:var(--vrDangerBg);border:1px solid var(--vrDangerBd);padding:14px;border-radius:var(--vrR2);}
.page-vehicle-reference .vr-search{position:sticky;top:86px;z-index:40;background:linear-gradient(180deg,rgba(255,255,255,0.05),rgba(255,255,255,0.03));border:1px solid rgba(255,255,255,0.10);padding:14px;border-radius:var(--vrR0);backdrop-filter:blur(10px);box-shadow:0 18px 50px rgba(0,0,0,0.35);}
@media (max-width:980px){.page-vehicle-reference .vr-search{top:98px;}}
.page-vehicle-reference .vr-label{display:flex;align-items:center;justify-content:space-between;font-size:13px;color:rgba(255,255,255,0.78);margin-bottom:10px;}
.page-vehicle-reference .vr-label:after{content:"Tip: / focuses search";font-size:12px;color:rgba(255,255,255,0.52);}
@media (max-width:700px){.page-vehicle-reference .vr-label:after{content:"";}}
.page-vehicle-reference .vr-search-row{display:flex;gap:12px;flex-wrap:wrap;align-items:center;}
.page-vehicle-reference .vr-inputwrap{position:relative;flex:1;min-width:280px;}
.page-vehicle-reference .vr-input{width:100%;height:46px;border-radius:14px;border:1px solid rgba(255,255,255,0.12);background:rgba(0,0,0,0.28);color:#fff;padding:0 46px 0 14px;outline:none;transition:border-color 120ms ease,box-shadow 120ms ease;}
.page-vehicle-reference .vr-input::placeholder{color:rgba(255,255,255,0.45);}
.page-vehicle-reference .vr-input:focus{border-color:rgba(92,225,255,0.45);box-shadow:0 0 0 3px var(--vrGlow);}
.page-vehicle-reference .vr-clear{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:30px;height:30px;border-radius:12px;border:1px solid rgba(255,255,255,0.10);background:rgba(0,0,0,0.25);color:rgba(255,255,255,0.85);cursor:pointer;display:none;line-height:26px;font-size:18px;}
.page-vehicle-reference .vr-inputwrap.is-dirty .vr-clear{display:block;}
.page-vehicle-reference .vr-suggest{position:absolute;left:0;right:0;top:calc(100% + 8px);background:rgba(10,12,16,0.96);border:1px solid rgba(255,255,255,0.10);border-radius:var(--vrR0);overflow:hidden;z-index:60;box-shadow:0 22px 70px rgba(0,0,0,0.65);}
.page-vehicle-reference .vr-suggest[hidden]{display:none;}
.page-vehicle-reference .vr-suggest a{display:flex;align-items:center;justify-content:space-between;padding:11px 12px;color:rgba(255,255,255,0.92);text-decoration:none;border-top:1px solid rgba(255,255,255,0.06);}
.page-vehicle-reference .vr-suggest a:first-child{border-top:none;}
.page-vehicle-reference .vr-suggest a:hover{background:rgba(255,255,255,0.06);}
.page-vehicle-reference .vr-suggest a.is-active{background:rgba(92,225,255,0.10);}
.page-vehicle-reference .vr-suggest small{opacity:0.70;font-size:12px;}
.page-vehicle-reference .btn{height:46px;border-radius:14px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;}
.page-vehicle-reference .btn.btn-primary{background:linear-gradient(180deg,rgba(255,204,51,0.95),rgba(255,164,51,0.95));color:rgba(0,0,0,0.92);border:0;box-shadow:0 10px 28px rgba(255,204,51,0.15);}
.page-vehicle-reference .btn.btn-primary:hover{filter:brightness(1.04);}
.page-vehicle-reference .btn.btn-ghost{background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.10);color:#fff;}
.page-vehicle-reference .btn.btn-ghost:hover{background:rgba(255,255,255,0.09);}
.page-vehicle-reference .vr-options{display:flex;gap:18px;flex-wrap:wrap;margin-top:10px;}
.page-vehicle-reference .vr-check{display:flex;gap:8px;align-items:center;font-size:13px;color:rgba(255,255,255,0.80);}
.page-vehicle-reference .vr-check input{accent-color:var(--vrGold);}
.page-vehicle-reference .vr-help{margin-top:10px;font-size:13px;color:rgba(255,255,255,0.60);}
.page-vehicle-reference .vr-results{margin-top:14px;background:linear-gradient(180deg,rgba(255,255,255,0.04),rgba(255,255,255,0.02));border:1px solid rgba(255,255,255,0.08);padding:12px;border-radius:var(--vrR0);backdrop-filter:blur(10px);}
.page-vehicle-reference .vr-results-head{display:flex;gap:10px;align-items:center;margin-bottom:10px;flex-wrap:wrap;color:rgba(255,255,255,0.86);}
.page-vehicle-reference .vr-badge{font-size:12px;padding:2px 9px;border-radius:999px;border:1px solid rgba(255,255,255,0.12);background:rgba(0,0,0,0.20);color:rgba(255,255,255,0.82);}
.page-vehicle-reference .vr-result-links{display:flex;gap:8px;flex-wrap:wrap;}
.page-vehicle-reference .vr-chip{display:inline-flex;align-items:center;gap:8px;padding:9px 11px;border-radius:999px;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.08);text-decoration:none;color:#fff;transition:transform 120ms ease,background 120ms ease;}
.page-vehicle-reference .vr-chip:hover{background:rgba(255,255,255,0.10);transform:translateY(-1px);}
.page-vehicle-reference .vr-chip:active{transform:translateY(0px);}
.page-vehicle-reference .vr-nope{color:rgba(255,255,255,0.62);font-size:13px;}
.page-vehicle-reference .vr-actionsbar{display:flex;gap:10px;align-items:center;margin-top:10px;flex-wrap:wrap;}
.page-vehicle-reference .vr-action{border:1px solid rgba(255,255,255,0.10);background:rgba(0,0,0,0.22);color:rgba(255,255,255,0.88);border-radius:14px;padding:9px 12px;cursor:pointer;transition:background 120ms ease,border-color 120ms ease;}
.page-vehicle-reference .vr-action:hover{background:rgba(255,255,255,0.07);border-color:rgba(255,255,255,0.14);}
.page-vehicle-reference .vr-content{padding:14px 0 46px 0;}
.page-vehicle-reference .vr-grid{display:grid;grid-template-columns:1fr;gap:14px;}
.page-vehicle-reference .vr-section{background:linear-gradient(180deg,rgba(255,255,255,0.05),rgba(255,255,255,0.02));border:1px solid rgba(255,255,255,0.08);border-radius:var(--vrR0);overflow:hidden;backdrop-filter:blur(10px);}
.page-vehicle-reference .vr-section-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;border-bottom:1px solid rgba(255,255,255,0.06);}
.page-vehicle-reference .vr-section-title{font-size:16px;margin:0;line-height:1.2;color:rgba(255,255,255,0.92);}
.page-vehicle-reference .vr-section-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end;}
.page-vehicle-reference .vr-mini{font-size:12px;padding:7px 10px;border-radius:999px;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.10);color:#fff;text-decoration:none;cursor:pointer;transition:background 120ms ease,transform 120ms ease;}
.page-vehicle-reference .vr-mini:hover{background:rgba(255,255,255,0.10);transform:translateY(-1px);}
.page-vehicle-reference .vr-mini:active{transform:translateY(0px);}
.page-vehicle-reference .vr-fold{width:30px;height:30px;flex:0 0 30px;border-radius:12px;border:1px solid rgba(255,255,255,0.10);background:rgba(0,0,0,0.25);cursor:pointer;position:relative;transition:background 120ms ease,border-color 120ms ease;}
.page-vehicle-reference .vr-fold:hover{background:rgba(255,255,255,0.06);border-color:rgba(255,255,255,0.14);}
.page-vehicle-reference .vr-fold:before{content:"";position:absolute;left:11px;top:9px;width:0;height:0;border-left:6px solid rgba(255,255,255,0.86);border-top:5px solid transparent;border-bottom:5px solid transparent;transform:rotate(90deg);transition:transform 0.12s ease;}
.page-vehicle-reference .vr-section.is-collapsed .vr-codewrap{display:none;}
.page-vehicle-reference .vr-section.is-collapsed .vr-fold:before{transform:rotate(0deg);}
.page-vehicle-reference .vr-codewrap{padding:12px 14px;}
.page-vehicle-reference .vr-doc{font-family:var(--vrMono);font-size:13px;line-height:1.6;overflow:auto;max-height:74vh;padding:12px 14px;background:rgba(0,0,0,0.38);border:1px solid rgba(255,255,255,0.08);border-radius:var(--vrR1);color:var(--vrText);}
.page-vehicle-reference .vr-doc .idTag{color:rgba(92,225,255,0.95);}
.page-vehicle-reference .vr-doc .idAttr{color:rgba(255,120,120,0.95);}
.page-vehicle-reference .vr-doc .idVal{color:rgba(181,139,255,0.95);}
.page-vehicle-reference .vr-doc .attr{position:relative;display:inline-block;font-weight:normal;}
.page-vehicle-reference .vr-doc .attr .attrInfo{visibility:hidden;width:360px;max-width:min(360px,80vw);top:100%;left:50%;margin-left:-180px;background:#fff;color:#000;text-align:left;padding:8px 10px;border-radius:10px;border:1px solid #000;position:absolute;z-index:20;}
.page-vehicle-reference .vr-doc .attr:hover .attrInfo{visibility:visible;}
.page-vehicle-reference .vr-doc .attr:hover{font-weight:bold;}
.vr-toast{position:fixed;left:50%;bottom:22px;transform:translateX(-50%) translateY(14px);background:rgba(10,12,16,0.92);border:1px solid rgba(255,255,255,0.12);border-radius:999px;padding:10px 14px;color:rgba(255,255,255,0.90);box-shadow:0 16px 60px rgba(0,0,0,0.55);opacity:0;pointer-events:none;transition:opacity 140ms ease,transform 140ms ease;z-index:9999;}
.vr-toast.is-on{opacity:1;transform:translateX(-50%) translateY(0px);}