/* ============================================================
   ENTHUSIAST EXCHANGE — PRICE GUIDE ("the KBB of wheels")
   ============================================================ */
.chero{ background:var(--ocean-900); color:#fff; padding:44px 0 36px; }
.chero__kick{ font-family:var(--f-mono); font-size:10px; letter-spacing:.16em; text-transform:uppercase; color:var(--lime); margin-bottom:10px; }
.chero h1{ font-family:var(--f-head); font-weight:800; text-transform:uppercase; font-size:clamp(1.8rem,4.8vw,2.9rem); line-height:.95; }
.chero h1 .hl{ color:var(--lime); }
.chero p{ margin-top:12px; font-size:14px; line-height:1.65; color:rgba(255,255,255,.75); max-width:66ch; }
.chero p b{ color:#fff; }
.gsearch{ background:var(--ocean-900); padding-bottom:26px; }
.gsearch .box{ display:flex; gap:10px; max-width:640px; }
.gsearch input{ flex:1; font-size:16px; padding:13px 15px; border:1px solid rgba(255,255,255,.25); border-radius:10px; background:#1A1C1F; color:#fff; }
.psec{ padding-block:30px 48px; background:var(--bone); }
.blocknum{ font-family:var(--f-mono); font-size:10px; letter-spacing:.14em; text-transform:uppercase; color:var(--command); }
.ptitle{ font-family:var(--f-head); font-weight:800; text-transform:uppercase; font-size:clamp(1.4rem,3.4vw,2rem); line-height:.98; color:var(--ink); margin:6px 0 14px; }
.ptitle .hl{ color:var(--command); }
/* guide card */
.gcard{ background:var(--paper); border:1px solid var(--line); border-radius:var(--r); overflow:hidden; }
.gcard__head{ display:flex; gap:14px; align-items:center; padding:16px 18px; border-bottom:1px solid var(--line-2); flex-wrap:wrap; }
.gcard__head img{ width:64px; height:64px; object-fit:contain; }
.gcard__head h2{ font-family:var(--f-head); font-weight:800; text-transform:uppercase; font-size:19px; color:var(--ink); line-height:1; }
.gcard__head .sub{ font-family:var(--f-mono); font-size:10px; color:var(--carbon); text-transform:uppercase; letter-spacing:.04em; margin-top:4px; }
.gcard__head .n{ margin-left:auto; text-align:right; }
.gcard__head .n b{ display:block; font-family:var(--f-head); font-weight:800; font-size:19px; color:var(--ink); }
.gcard__head .n span{ font-family:var(--f-mono); font-size:9px; letter-spacing:.05em; text-transform:uppercase; color:var(--carbon); }
.gbody{ display:grid; grid-template-columns:1fr; gap:0; }
@media (min-width:960px){ .gbody{ grid-template-columns:1.2fr 1fr; } }
.granges{ padding:18px; }
.grange{ display:grid; grid-template-columns:110px 1fr 76px; gap:10px; align-items:center; padding:9px 0; }
.grange .g{ font-family:var(--f-mono); font-size:10px; letter-spacing:.05em; text-transform:uppercase; color:var(--ink); }
.grange .bar{ position:relative; height:14px; background:var(--bone-2); border-radius:7px; }
.grange .bar b{ position:absolute; top:0; bottom:0; border-radius:7px; background:linear-gradient(90deg,#e8a1a8,#CE202F); display:block; }
.grange .bar i{ position:absolute; top:-3px; bottom:-3px; width:2.5px; background:#101214; display:block; }
.grange .t{ font-family:var(--f-head); font-weight:800; font-size:14px; color:var(--ink); text-align:right; }
.grange--hl .g, .grange--hl .t{ color:#15803d; }
.gaxis{ display:flex; justify-content:space-between; font-family:var(--f-mono); font-size:8.5px; color:var(--carbon); padding:4px 0 0 120px; }
.gretail{ margin-top:10px; font-family:var(--f-mono); font-size:9.5px; letter-spacing:.05em; text-transform:uppercase; color:var(--carbon); }
.gretail b{ color:#CE202F; }
/* trend + sales */
.gside{ border-top:1px solid var(--line-2); padding:18px; }
@media (min-width:960px){ .gside{ border-top:none; border-left:1px solid var(--line-2); } }
.gside h3{ font-family:var(--f-mono); font-size:9px; letter-spacing:.12em; text-transform:uppercase; color:var(--carbon); margin-bottom:10px; }
.gtrend svg{ width:100%; height:auto; display:block; }
.gsales{ width:100%; border-collapse:collapse; margin-top:6px; }
.gsales td{ padding:7px 0; border-top:1px solid var(--line-2); font-size:12px; color:var(--carbon); }
.gsales td b{ color:var(--ink); font-family:var(--f-mono); font-size:12px; }
.gsales td:last-child{ text-align:right; }
.gsales .cond{ font-family:var(--f-mono); font-size:8.5px; letter-spacing:.05em; text-transform:uppercase; }
/* badges explainer */
.dbadges{ display:grid; grid-template-columns:1fr; gap:11px; margin-top:18px; }
@media (min-width:860px){ .dbadges{ grid-template-columns:repeat(3,1fr); } }
.dbadge{ background:var(--paper); border:1px solid var(--line); border-radius:var(--r); padding:14px 15px; }
.dbadge .pill{ display:inline-block; font-family:var(--f-mono); font-size:9px; letter-spacing:.07em; text-transform:uppercase; padding:5px 11px; border-radius:var(--pill); margin-bottom:8px; }
.dbadge p{ font-size:12px; line-height:1.55; color:var(--carbon); }
.mononote{ font-family:var(--f-mono); font-size:9.5px; letter-spacing:.05em; text-transform:uppercase; color:var(--carbon); margin-top:14px; line-height:1.8; }
.ctaband{ margin-top:18px; background:var(--ocean-900); border-radius:var(--r); padding:24px 22px; display:flex; flex-wrap:wrap; gap:15px; align-items:center; justify-content:space-between; }
.ctaband h2{ font-family:var(--f-head); font-weight:800; text-transform:uppercase; color:#fff; font-size:clamp(1.05rem,2.5vw,1.4rem); }
.ctaband p{ color:rgba(255,255,255,.7); font-size:12.5px; margin-top:4px; }

/* ==== utilities (extracted from inline style attributes) ==== */
.u1401146{ left:44% !important; width:20% !important; }
.u18f97ad{ left:4% !important; width:16% !important; }
.u41ab5e9{ background:var(--bone-2) !important; color:var(--ink) !important; }
.u514b1a5{ color:#fff !important; border-color:rgba(255,255,255,.4) !important; }
.u5233cb8{ left:75% !important; }
.u537828f{ background:rgba(34,166,81,.12) !important; color:#15803d !important; }
.u576d1f1{ color:#15803d !important; }
.u58da529{ left:22% !important; width:19% !important; }
.u7b0a7b5{ left:11% !important; }
.u7f86853{ left:54% !important; }
.ub6e4e03{ left:66% !important; width:18% !important; }
.ubb14cb6{ left:31% !important; }
.ucafc782{ display:flex !important; gap:10px !important; flex-wrap:wrap !important; }
.ue563a1b{ background:rgba(206,32,47,.1) !important; color:#CE202F !important; }
.uf4e3308{ margin-top:14px !important; }