/* Compact ivory radio keys, matching the header and climate selector chrome. */
.ticker.product-ticker.engine-panel{
 display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:calc(100% - 44px);max-width:1100px;
 margin-left:auto;margin-right:auto;padding:6px;gap:5px;white-space:normal;overflow:visible;
 border:5px solid transparent;border-radius:22px;background:var(--auto-chrome);background-clip:padding-box;
 border-image:url('assets/chrome-a.svg') 25 / 19px / 0 stretch;
 box-shadow:0 4px 8px #30291e28,inset 0 1px 3px #fff;
}
.engine-panel .engine-key{
 position:relative;display:flex;align-items:center;justify-content:center;flex-direction:row;min-width:0;
 min-height:64px;padding:10px 14px;gap:12px;border:1px solid #b4a78c;border-radius:12px;
 color:#931128;background:var(--auto-ivory);font:inherit;cursor:pointer;
 box-shadow:inset 0 2px 2px #fff,inset 0 -3px 3px #a38e6550,0 2px 3px #463d2c25;
 transition:transform .12s,box-shadow .12s;
}
.engine-panel .engine-key+.engine-key{border-left:1px solid #b4a78c}
.engine-panel .engine-key:active,.engine-panel .engine-key[aria-pressed=true]{
 transform:translateY(1px);background:linear-gradient(#eadcbe,#faf1dc);
 box-shadow:inset 0 2px 4px #806d4944,inset 0 -1px 0 #fff;
}
.engine-symbol{position:relative;display:grid!important;place-items:center;isolation:isolate;width:34px;height:34px;flex-shrink:0}
.engine-symbol svg{width:32px;height:32px;position:relative}
.engine-symbol:before{content:'';position:absolute;inset:-9px;z-index:-1;border-radius:50%;background:radial-gradient(ellipse,#ffd35c 0%,#ffbf4288 32%,#ffb24b22 57%,transparent 74%);opacity:0;transition:opacity .12s}
.engine-key[aria-pressed=true] .engine-symbol:before{opacity:var(--engine-glow,.8)}
.engine-key[aria-pressed=true] .engine-symbol svg{filter:drop-shadow(0 0 4px #ffb733)}
.engine-panel .engine-wording{position:relative;isolation:isolate;text-align:left;min-width:0;min-height:0;transition:color .12s,text-shadow .12s}
.engine-wording:before{content:'';position:absolute;inset:-7px -9px;z-index:-1;pointer-events:none;border-radius:12px;background:radial-gradient(ellipse,#ffd35caa 0%,#ffbf4255 42%,transparent 75%);opacity:0;transition:opacity .12s}
.engine-key[aria-pressed=true] .engine-wording{color:#a94708;text-shadow:0 0 2px #fff4c7,0 0 6px #ffc34b,0 0 12px #ffb73399}
.engine-key[aria-pressed=true] .engine-wording:before{opacity:var(--engine-glow,.8)}
.engine-panel .engine-wording strong{font-size:14px;letter-spacing:.7px;white-space:nowrap;display:block;line-height:1.3}
.engine-panel .engine-wording small{font-size:8px;letter-spacing:.6px;white-space:nowrap;margin-top:4px;display:block;font-weight:normal;line-height:1.5}
.engine-key:focus-visible{outline:2px solid #667580;outline-offset:-4px}
@media(max-width:800px){
 .ticker.product-ticker.engine-panel{width:calc(100% - 24px);margin:0 12px;padding:4px;gap:4px;border-width:4px;border-radius:19px;border-image-width:16px}
 .engine-panel .engine-key{min-height:64px;padding:8px 3px;gap:4px;border-radius:10px}
 .engine-symbol{width:23px;height:27px}.engine-symbol svg{width:23px;height:27px}
 .engine-panel .engine-wording strong{font-size:clamp(9px,2.5vw,13px);letter-spacing:0}
 .engine-panel .engine-wording small{font-size:clamp(5.7px,1.5vw,8px);letter-spacing:0}
}
@media(max-width:360px){.engine-panel .engine-key{gap:2px;padding:8px 2px}.engine-symbol,.engine-symbol svg{width:18px}}
@media(prefers-reduced-motion:reduce){.engine-panel .engine-key,.engine-symbol:before{transition:none}.engine-panel .engine-key{transform:none}.engine-key[aria-pressed=true] .engine-symbol:before{opacity:.85}}

@media(prefers-reduced-motion:reduce){.engine-panel .engine-wording,.engine-wording:before{transition:none}.engine-key[aria-pressed=true] .engine-wording:before{opacity:.85}}