:root{--red:#c7a476;--bg:#080808;--panel:#171512;--muted:#b7ad9f;--border:#40362b;--gold:#c7a476;--ivory:#f4ecdf}
html{background:#080808}body{background:var(--bg);color:var(--ivory)}
header{background:#0b0a09ed;border-bottom-color:#c7a47626}
.slashes,.eyebrow,.carbody small,.footer a,.source,.gallery a{color:var(--gold)}
.nav button,.ghost{color:#e0d6c9}.nav button:hover,.nav button.active{background:#28221b;border-color:#715b42;color:var(--ivory)}
.hero{background:radial-gradient(ellipse at 65% 30%,#4d3924 0%,#201a14 36%,#080808 76%)}
.hero:before{background:linear-gradient(0deg,#080808 2%,#08080820 64%,#08080899 100%)}
.hero h1{color:#fff8eb}.hero p,.featuretext p{color:#e1d7ca}
.primary{background:#c7a476;color:#17120d}.primary:hover{background:#dfbf91}
.outline{background:#191612d9;border-color:#877254;color:var(--ivory)}
.filters{background:#15120e;border:1px solid #4b3c2a;border-radius:15px;padding:14px;gap:10px}
.filters input,.filters select,.comparegrid select{background:#211c16;color:#f4ecdf;border:1px solid #66533c;min-width:0;max-width:100%;box-shadow:none}
.filters input::placeholder{color:#b4a898}.filters input:focus,.filters select:focus{outline:2px solid #c7a476;outline-offset:1px}
.car{background:#171512;border-color:#40372b}.car:hover{border-color:#c7a476}
.carbody h3,.sectionhead h2,.featuretext h2,.modalinner h2{color:var(--ivory)}
.spec,.note,.metric span,.sectionhead p{color:#bdb2a3}
.cardactions button,.quizchoices button,.loadmore{background:#262018;border-color:#63503a;color:#f4ecdf}
.cardactions button:hover,.quizchoices button:hover{border-color:#c7a476}
.heart.saved{color:#dfb981}
.feature{background:linear-gradient(135deg,#2b2117,#100e0b);border-color:#594630}
.featurevisual{background-color:#211b14}
.panel,.modal{background:#15120f;border-color:#554530}
.comparecard,.metric{border-color:#51412f}
.quizchoices button{background:#241d15}
.bottomnav{background:#100e0cf5;border-top-color:#6d5436}
.bottomnav button{color:#e1d3c1}
.footer{color:#b8ad9e}
.gallery .photo,.photo{background:#12100e}
.tag{background:#16120de8;color:#e9d8bf;border:1px solid #8a6b435e}
.close{background:#282017;border-color:#6b563c;color:#f4ecdf}
.empty{border-color:#65513a;color:#c9bba8}
button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #c7a476;outline-offset:2px}
@media(max-width:700px){
  .shell{padding-left:16px;padding-right:16px}
  .grid{grid-template-columns:minmax(0,1fr)!important;gap:20px!important}
  .car{width:100%;border-radius:17px}
  .car .photo{aspect-ratio:1.55!important;min-height:0}
  .car .photo img{width:100%;height:100%;object-fit:contain!important;background:#11100e}
  .carbody{padding:18px!important}
  .carbody h3{font-size:21px!important;letter-spacing:-.35px}
  .carbody .spec{font-size:13px}
  .cardactions{gap:10px}
  .cardactions button{min-height:43px;font-size:13px;padding:10px}
  .filters{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:9px;padding:12px}
  .filters input{grid-column:1/-1;width:100%;min-width:0;flex:auto}
  .filters select{width:100%;min-width:0!important;flex:auto;padding:12px 8px;font-size:13px}
  .filters > *{max-width:100%;box-sizing:border-box}
  .sectionhead{flex-wrap:wrap}
  .hero h1{overflow-wrap:normal;word-break:normal}
}
@media(max-width:360px){.filters{grid-template-columns:minmax(0,1fr)}.filters input{grid-column:auto}}
@media(prefers-reduced-motion:reduce){.car,.car .photo img{transition:none!important}}