/* Trim gauge: a rev-counter style ladder from entry trim to top of the range, shown in the AM Garage enthusiast's
   note and on every auction lot. Segments light up to the vehicle's trim; tapping one explains what it adds. */
.tg{margin-top:22px;padding-top:20px;border-top:1px solid #ffffff14}
.tg-head{display:flex;justify-content:space-between;align-items:baseline;gap:6px 12px;flex-wrap:wrap}
.tg-head span{font-size:13px;font-weight:900;letter-spacing:.24em;text-transform:uppercase;color:var(--gold)}
.tg-head em{font-style:normal;font-size:14px;color:#c4cfdd}.tg-head em b{color:#fff}
.tg-bar{display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:6px;margin-top:12px}
.tg-s{appearance:none;display:grid;grid-template-rows:14px 30px auto;row-gap:7px;padding:0;border:0;background:none;color:inherit;font:inherit;text-align:center;cursor:pointer}
.tg-s:before{content:"";font-size:12px;line-height:14px;color:var(--gold)}
.tg-s.me:before{content:"▼";animation:tg-bob 1.4s ease-in-out infinite}
.tg-s i{--c:hsl(calc(46 - var(--k) * 42) 78% 58%);align-self:end;display:block;height:calc(10px + var(--k) * 20px);border-radius:4px;transform:skewX(-16deg);background:#ffffff10;border:1px solid #ffffff1f;transition:background .3s,box-shadow .3s,border-color .3s}
.tg-s.lit i{background:linear-gradient(180deg,#fff8 -40%,var(--c) 45%,color-mix(in srgb,var(--c) 55%,#000));border-color:transparent;box-shadow:0 0 14px color-mix(in srgb,var(--c) 55%,transparent)}
.tg-s.me i{animation:tg-glow 1.8s ease-in-out infinite}
.tg-s.on i{border-color:#fff;outline:2px solid #ffffff2e;outline-offset:2px}
.tg-s:hover i{border-color:#ffffff80}
.tg-s:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:6px}
.tg-s small{font-size:12px;font-weight:700;line-height:1.25;letter-spacing:.02em;color:#c1cfe0;overflow-wrap:anywhere}
.tg-s.lit small{color:#d9c08a}.tg-s.on small,.tg-s.me small{color:#fff}
.tg-ends{display:flex;justify-content:space-between;margin-top:8px;font-size:12px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:#5f6771}
.tg-info{margin:12px 0 0;padding:12px 14px;border-radius:12px;background:#ffffff08;border:1px solid #ffffff12;font-size:15px;line-height:1.5;color:#dae2eb}
.tg-info b{margin-right:8px;color:#fff}
.tg-info u{display:inline-block;margin-right:8px;padding:2px 8px;border-radius:10px;background:var(--gold);color:#111;font-size:12px;font-weight:900;letter-spacing:.16em;text-decoration:none;text-transform:uppercase;vertical-align:1px}
.tg-note{display:block;margin-top:9px;font-size:13px;color:#c1cee1}
.tg.sm{margin:0 0 16px;padding:12px 13px 13px;border:1px solid #ffffff14;border-radius:14px;background:#00000030}
.tg.sm .tg-head span{font-size:12px;letter-spacing:.2em}.tg.sm .tg-head em{font-size:13px}
.tg.sm .tg-bar{gap:5px;margin-top:6px}.tg.sm .tg-s{grid-template-rows:12px 22px;row-gap:3px}
.tg.sm .tg-s i{height:calc(8px + var(--k) * 14px)}
.tg.sm .tg-ends{margin-top:5px}.tg.sm .tg-info{margin-top:9px;padding:9px 11px;font-size:14px}
@keyframes tg-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@keyframes tg-glow{0%,100%{filter:brightness(1)}50%{filter:brightness(1.35)}}
@media(prefers-reduced-motion:reduce){.tg-s.me:before,.tg-s.me i{animation:none}}