:root{color-scheme:dark;--bg:#101814;--panel:#18221c;--panel2:#1e2b22;--text:#f1f0e6;--muted:#aab7ac;--line:#344337;--accent:#d4f5a1;--dark:#192411;--radius:22px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit}button:disabled{cursor:wait;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:4px}[hidden]{display:none!important}.topbar{max-width:1180px;margin:auto;padding:27px 36px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}.wordmark{text-decoration:none;font-size:35px;font-weight:850;letter-spacing:-2.7px;font-style:italic}.wordmark span{font-size:10px;color:var(--accent);margin-left:6px}.edition,.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:10px;font-weight:650;color:var(--muted)}.icon-button{height:42px;min-width:42px;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--text);font-size:20px;display:inline-grid;place-items:center}.icon-button.active{color:var(--dark);background:var(--accent);border-color:var(--accent)}main{max-width:1180px;margin:0 auto;padding:48px 36px 140px;outline:0}.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:30px;align-items:end;margin-bottom:38px}.hero h1{font-size:clamp(38px,5.5vw,64px);line-height:1.08;font-weight:550;letter-spacing:-3px;margin:14px 0 20px}.hero h1 em{font-family:Georgia,serif;font-weight:400;color:var(--accent)}p{color:var(--muted);margin:10px 0}.hero p{max-width:470px;font-size:16px}.hero-aside{padding:24px;border-left:1px solid var(--line);margin-bottom:6px}.hero-aside strong{font-size:17px;font-weight:500}.hero-aside p{font-size:13px}.searchbox{display:flex;align-items:center;gap:12px;border:1px solid var(--line);background:var(--panel);border-radius:14px;padding:4px 8px 4px 18px;margin:24px 0}.searchbox input{min-width:0;flex:1;background:transparent;border:0;padding:14px 0;color:var(--text);outline:none}.searchbox .go{border:0;background:var(--accent);color:var(--dark);padding:9px 16px;border-radius:9px;font-weight:650}.sectionline{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:28px 0 17px}.sectionline h2{font-size:20px;font-weight:550;margin:0;letter-spacing:-.5px}.sectionline small{font-size:12px;color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.carcard{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;position:relative;transition:transform .2s,border-color .2s}.carcard:hover{transform:translateY(-3px);border-color:#839680}.cardtop{display:flex;justify-content:space-between;align-items:center;padding:18px 18px 0}.tag{font-size:10px;letter-spacing:1px;text-transform:uppercase;color:var(--muted)}.carcard .icon-button{width:35px;min-width:35px;height:35px;font-size:18px}.carart{width:100%;height:auto;display:block}.artwrap{background:radial-gradient(ellipse at 50% 80%,#30423970,transparent 70%);position:relative}.artwrap small{position:absolute;right:18px;bottom:1px;color:var(--muted);font-size:8px;letter-spacing:1px;text-transform:uppercase}.cardbody{padding:16px 22px 21px}.car-make{font-size:11px;letter-spacing:1.5px;color:var(--muted);text-transform:uppercase}.cardbody h3{font-size:24px;font-weight:550;letter-spacing:-.6px;margin:2px 0 7px}.cardbody p{font-size:12px;margin:0 0 18px}.mini-stats{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);padding-top:15px;gap:8px;margin-bottom:18px}.mini-stats b{font-size:19px;font-weight:500}.mini-stats small{display:block;color:var(--muted);font-size:10px}.cardactions{display:flex;gap:8px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line);border-radius:10px;padding:10px 16px;min-height:44px;background:transparent;color:var(--text);text-decoration:none;font-size:13px;font-weight:600}.button.primary{background:var(--accent);border-color:var(--accent);color:var(--dark)}.button.grow{flex:1}.button.subtle{color:var(--muted)}.button.selected{border-color:var(--accent);color:var(--accent)}.note{border:1px solid var(--line);padding:20px 23px;border-radius:15px;color:var(--muted);font-size:13px;margin:24px 0}.note strong{color:var(--text);font-weight:550}.note a{color:var(--accent)}.bottomnav{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#202d24ed;backdrop-filter:blur(18px);border:1px solid #435340;border-radius:20px;display:flex;padding:7px;z-index:10;box-shadow:0 12px 40px #0006}.bottomnav a{display:flex;align-items:center;justify-content:center;gap:9px;text-decoration:none;color:var(--muted);padding:12px 23px;border-radius:13px;font-size:12px;white-space:nowrap}.bottomnav a span{font-size:21px;line-height:1}.bottomnav a.active{color:var(--dark);background:var(--accent)}.pagehead h1{font-size:42px;line-height:1.1;letter-spacing:-2px;font-weight:550;margin:12px 0}.pagehead{margin-bottom:30px}.catalogbox,.settingsbox{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:26px;margin:24px 0}.filters{display:grid;grid-template-columns:.55fr 1fr 1.3fr;gap:16px}label{display:block;color:var(--muted);font-size:12px;margin-bottom:7px}input,select{width:100%;border:1px solid #4b5c4d;border-radius:9px;background:#121c16;color:var(--text);padding:12px;min-height:46px}select:disabled{opacity:.5}.status{font-size:13px;color:var(--muted);margin-top:17px}.status.error{color:#f2be9c}.results{display:grid;gap:12px;margin-top:24px}.result{display:flex;gap:20px;align-items:center;justify-content:space-between;border:1px solid var(--line);border-radius:14px;padding:18px}.result h3{font-size:16px;margin:0}.result p{font-size:12px;margin:4px 0 0}.empty{text-align:center;padding:50px 20px;border:1px dashed var(--line);border-radius:20px}.empty .big{font-size:44px;color:var(--accent)}.empty h2{font-weight:500}.empty p{max-width:470px;margin:12px auto 24px}dialog{border:1px solid var(--line);background:var(--bg);color:var(--text);border-radius:25px;width:min(860px,calc(100% - 36px));max-height:90dvh;padding:0;overscroll-behavior:contain}dialog::backdrop{background:#050b08ce;backdrop-filter:blur(8px)}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:20px 28px;position:sticky;top:0;background:var(--bg);z-index:2;border-bottom:1px solid var(--line)}.modal-body{padding:30px}.detail-title h2{font-size:40px;font-weight:500;letter-spacing:-1.8px;margin:5px 0}.detail-title p{font-size:12px}.detail-art{max-width:550px;margin:auto}.detail-art .carart{margin-top:-20px}.statgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.stat{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:18px 14px}.stat b{display:block;font-size:28px;font-weight:500;letter-spacing:-1px}.stat small{font-size:11px;color:var(--muted)}.stat .unit{font-size:12px;letter-spacing:0}.subnote{font-size:11px;color:var(--muted);margin:14px 0 28px}.detail-section{border-top:1px solid var(--line);margin-top:25px;padding-top:20px}.detail-section h3{font-size:17px;font-weight:550;margin:0 0 15px}.specrows{margin:0}.specrows div{display:flex;justify-content:space-between;gap:30px;padding:10px 0;border-bottom:1px solid #28352b;font-size:13px}.specrows dt{color:var(--muted)}.specrows dd{margin:0;text-align:right;max-width:65%}.detailbuttons{display:flex;gap:10px;margin-top:25px;flex-wrap:wrap}.source{font-size:12px;word-break:break-word}.source a{color:var(--accent)}.calculator{display:grid;grid-template-columns:1fr 1fr;gap:12px}.calculator output{font-size:22px;align-self:end;min-height:46px;padding:7px 15px;color:var(--accent);border:1px solid var(--line);border-radius:10px}.comparebar{position:fixed;bottom:108px;left:50%;transform:translateX(-50%);z-index:9;width:min(490px,calc(100% - 32px));border:1px solid #586d51;border-radius:14px;background:#28382bf5;padding:12px 16px;display:flex;align-items:center;gap:14px;box-shadow:0 5px 25px #0005;font-size:13px}.comparebar .button{margin-left:auto}.comparebar button.clear{background:transparent;border:0;color:var(--muted);font-size:20px}.tablewrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:430px;font-size:13px}th,td{text-align:left;vertical-align:top;border-bottom:1px solid var(--line);padding:15px 13px}th{color:var(--accent);font-weight:500}td:first-child{color:var(--muted);min-width:100px}thead th{font-size:17px}.settingsbox h2{font-weight:550;font-size:19px;margin-top:0}.settingsrow{display:grid;grid-template-columns:1fr 1fr;gap:20px}.settingsbox p{font-size:13px}.toast{position:fixed;z-index:100;top:20px;left:50%;transform:translateX(-50%);padding:12px 22px;border-radius:12px;background:var(--accent);color:var(--dark);font-size:13px;box-shadow:0 4px 20px #0004;opacity:0;pointer-events:none;transition:opacity .15s;max-width:90%;text-align:center}.toast.visible{opacity:1}.textlink{background:none;border:0;color:var(--accent);font-size:13px;padding:0;text-decoration:underline;cursor:pointer}.installpanel{display:grid;grid-template-columns:1fr 1fr;gap:20px}.installpanel h3{font-size:14px;font-weight:550}.installpanel p{font-size:13px}.badge{display:inline-block;color:var(--accent);border:1px solid #516b3e;border-radius:6px;padding:3px 7px;font-size:10px;text-transform:uppercase;letter-spacing:.7px}.livecar{padding:22px;border:1px solid var(--line);border-radius:15px;background:var(--panel)}.livecar h3{margin:4px 0;font-weight:550}.muted{color:var(--muted)}@media(max-width:800px){.topbar{padding:20px 24px}.edition{display:none}main{padding:34px 24px 160px}.hero{grid-template-columns:1fr;gap:5px}.hero h1{letter-spacing:-2px}.hero-aside{border-left:0;padding:0}.hero-aside strong{display:none}.hero-aside p{margin:0}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.bottomnav{bottom:14px}.bottomnav a{padding:12px 18px}.filters{grid-template-columns:1fr 1fr}.filters>div:last-child{grid-column:1/-1}.statgrid{grid-template-columns:1fr 1fr}.hero{margin-bottom:25px}}@media(max-width:540px){.topbar{padding:16px 21px}.wordmark{font-size:32px}main{padding:26px 20px 150px}.hero h1{font-size:43px}.hero p{font-size:14px}.cards{grid-template-columns:1fr}.carcard .artwrap{max-height:190px;overflow:hidden}.carcard .carart{max-height:190px}.cardbody{padding:15px 22px 22px}.cardbody h3{font-size:27px}.mini-stats b{font-size:23px}.bottomnav{width:calc(100% - 24px);bottom:max(12px,env(safe-area-inset-bottom));padding:6px;border-radius:18px}.bottomnav a{flex:1;flex-direction:column;gap:5px;padding:8px 4px;font-size:10px}.bottomnav a span{font-size:21px}.sectionline{gap:8px}.sectionline h2{font-size:18px}.sectionline small{font-size:10px}.hero-aside p{font-size:12px}.catalogbox,.settingsbox{padding:19px}.pagehead h1{font-size:36px}.filters{gap:13px}.result{gap:12px;padding:15px;align-items:start}.result .button{padding:9px 12px;white-space:nowrap}.result h3{font-size:14px}.result p{font-size:11px}dialog{width:100%;height:100dvh;max-height:100dvh;border:0;border-radius:0;margin:0;padding-top:env(safe-area-inset-top)}.modal-body{padding:23px 20px 40px}.modal-head{padding:16px 20px}.detail-title h2{font-size:36px}.stat{padding:15px}.stat b{font-size:28px}.settingsrow{grid-template-columns:1fr}.installpanel{grid-template-columns:1fr;gap:0}.comparebar{bottom:100px}.searchbox{margin:20px 0}.searchbox input{font-size:14px}.searchbox .go{padding:9px 12px}.calculator{grid-template-columns:1fr 1fr}.detail-art .carart{margin-top:0}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* Photos preserve the whole image, with visible source and licence links. */
.carphoto{margin:16px 0 0}.photostage{position:relative;aspect-ratio:16/10;background:#0c130f;display:grid;place-items:center;overflow:hidden}.photostage img{position:relative;z-index:1;display:block;width:100%;height:100%;object-fit:contain;min-height:0}.photo-status{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:24px;color:var(--muted);font-size:12px}.carphoto figcaption{padding:10px 20px 0;font-size:10px;line-height:1.6;color:var(--muted)}.carphoto figcaption span{display:block}.carphoto figcaption a{color:var(--accent);text-underline-offset:2px}.detail-art{max-width:650px;margin:20px auto 24px}.detail-art .carphoto{margin:0}.detail-art .photostage{border-radius:14px}.detail-art figcaption{padding:10px 0 0}

.photo-toolbar{display:flex;gap:16px;align-items:start;justify-content:space-between}.photo-toolbar>.textlink{font-size:11px;white-space:nowrap;padding:0 0 6px;min-height:28px}.photo-info{min-width:0;flex:1;font-size:11px}.photo-info summary{cursor:pointer;color:var(--muted);padding:2px 0 8px;min-height:28px}.photo-info p{font-size:11px;overflow-wrap:anywhere;margin:8px 0}.photo-info a{color:var(--accent)}.photo-info div{padding:4px 0 6px}.photo-match{font-size:10px;color:var(--muted);margin:0 0 5px}.photo-empty{background:linear-gradient(145deg,#233629,#0d1510)}.catalog-photo{max-width:650px;width:100%;margin:0 auto 12px}.photo-choices{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:20px 0}.photo-choice{border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--text);padding:0;overflow:hidden;text-align:left}.photo-choice img{display:block;width:100%;height:180px;object-fit:contain;background:#0b130e}.photo-choice span,.photo-choice small{display:block;padding:10px 12px;overflow-wrap:anywhere;font-size:12px}.photo-choice small{padding-top:0;color:var(--muted);font-size:10px}.photo-choice:hover{border-color:var(--accent)}@media(max-width:540px){.photo-choice img{height:120px}.photo-choices{gap:10px}.photo-toolbar{gap:10px}}

/* Specifications catalogue */
.catalog-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}.spec-search-label{display:block;margin:20px 0 8px;font-size:13px;color:var(--muted)}#spec-search{width:100%}.model-search-results{display:grid;gap:6px;margin-top:12px}.model-hit{font:inherit;text-align:left;border:1px solid #344438;border-radius:9px;background:#19241d;color:#e9ede2;padding:12px;cursor:pointer}.model-hit:hover{border-color:#c5ea93}.model-hit span{float:right}.result-numbers{color:#d4f5a1!important;font-size:13px!important}.raw-specs summary{cursor:pointer;font-weight:700}.raw-specs .specrows dt,.raw-specs .specrows dd{overflow-wrap:anywhere}.raw-specs .specrows div{gap:14px}.stat b{overflow-wrap:anywhere}