.brand-mark{background:linear-gradient(145deg,#f6b36c,#bb6c47)}.button.primary{background:#f3bd7c;box-shadow:0 9px 30px #f3bd7c20}.model-choice.active{border-color:#f3bd7c55;background:#f3bd7c14}.model-choice.active .number{background:#f3bd7c}.model-choice .dot{color:#f3bd7c}.model-panel{width:310px}.model-panel h1{font-size:27px}.detail-card{width:min(450px,calc(100vw - 56px))}.collection-link{color:#adc5c7;font-size:12px;text-decoration:none;padding:10px 8px}.collection-link:hover{color:#fff}.provenance{color:#6f898c;font-size:10px;line-height:1.5;margin:14px 0 0}.mechanism-card{position:fixed;z-index:12;top:100px;right:28px;width:274px;padding:18px;border:1px solid #f3bd7c38;border-radius:18px;background:#081417f0;backdrop-filter:blur(18px)}.mechanism-card h2{font-size:17px;margin:8px 0}.mechanism-card[hidden]{display:none}.mechanism-card p{font-size:11px;line-height:1.5;color:#a3b9bb}.mechanism-card .eyebrow{color:#f3bd7c;font-size:9px}#mechanism-controls{display:grid;gap:12px;margin:15px 0}#mechanism-controls label{display:grid;gap:7px;color:#dfebe9;font-size:12px}#mechanism-controls input{width:100%;accent-color:#f3bd7c;cursor:pointer}#mechanism-readout{display:block;font:11px/1.6 ui-monospace,monospace;color:#a6e3d9;padding:10px;border-radius:9px;background:#143033}#mechanism-science{font-size:10px;color:#819b9d}#reset-mechanism{width:100%}body.xr-active .mechanism-card{display:none}@media(max-width:1050px){.mechanism-card{width:230px;right:14px;padding:14px}}@media(max-width:780px){.mechanism-card{top:auto;bottom:14px;width:220px;max-height:43vh;overflow:auto}}@media(max-width:780px){.collection-link{display:none}.model-panel{width:270px}}.powertrain-page .model-panel{width:336px;max-height:calc(100dvh - 124px);overflow-y:auto;padding:24px 20px 18px;border-color:#b9c6c326;border-radius:26px;background:linear-gradient(155deg,#253033f2,#111e22f5 38%,#0a171bf5);box-shadow:0 24px 70px #0005,inset 0 1px #ffffff12;scrollbar-width:thin;scrollbar-color:#536267 transparent}.collection-heading,.selection-caption{display:flex;align-items:center;justify-content:space-between}.collection-heading .eyebrow{color:#d7b58d;font-size:9px;letter-spacing:2px}.collection-count{display:grid;place-items:center;width:29px;height:29px;border:1px solid #d7b58d40;border-radius:50%;color:#e4c9a9;font-size:10px;font-weight:650}.powertrain-page .model-panel h1{margin:15px 0 12px;color:#f2ede5;font-size:37px;line-height:1.05;letter-spacing:-1.6px}.powertrain-page .model-panel h1>span{color:#d7b58d}.powertrain-page .intro{margin-bottom:22px;color:#9bacae;font-size:12px;line-height:1.6}.selection-caption{margin-bottom:10px;color:#82989b;font-size:8px;font-weight:700;letter-spacing:1.3px}#selection-progress{color:#d7b58d;font-variant-numeric:tabular-nums}.powertrain-page .model-list{gap:7px}.powertrain-page .model-choice{position:relative;grid-template-columns:64px minmax(0,1fr) 29px;min-height:72px;gap:11px;padding:8px;border:1px solid #b4d5d50e;border-radius:15px;background:#ffffff04}.powertrain-page .model-choice:hover{border-color:#cbb18b65;background:#ffffff09}.powertrain-page .model-choice:focus-visible,.powertrain-page .tool-button:focus-visible,.powertrain-page .button:focus-visible{outline:2px solid #f1cca1;outline-offset:3px}.powertrain-page .model-choice.active{background:linear-gradient(110deg,#b9976b24,#c9a8780b);border-color:#d7b58d88;box-shadow:inset 3px 0 #e3bf91,0 6px 18px #0002}.component-preview{position:relative;display:block;width:64px;height:52px;overflow:hidden;border-radius:10px;background:#30383c}.component-preview img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .2s ease}.model-choice:hover .component-preview img{transform:scale(1.07)}.preview-number{position:absolute;bottom:3px;left:4px;padding:1px 4px;color:#e7e5e0;background:#061116aa;border-radius:3px;font-size:8px;font-weight:700}.powertrain-page .model-choice strong{font-size:12px;font-weight:650;color:#d7e0df}.powertrain-page .model-choice.active strong{color:#fff0db}.powertrain-page .model-choice small{font-size:9px;line-height:1.5;color:#8d9fa2}.selection-marker{display:flex;min-height:38px;flex-direction:column;justify-content:center;align-items:center;gap:7px}.live-tag{color:#b8ddc5;padding:3px;border-radius:4px;border:1px solid #8cc8aa30;background:#8cc8aa0b;font-size:6px;font-weight:800;letter-spacing:.6px}.selection-check{display:grid;place-items:center;width:16px;height:16px;border:1px solid #71888955;border-radius:50%;color:transparent;font-size:10px}.model-choice.active .selection-check{color:#18201b;background:#e3bf91;border-color:#e3bf91}.powertrain-page .tool-row{margin-top:17px;padding-top:16px;border-top:1px solid #ffffff0e}.powertrain-page .tool-button{border-radius:10px;color:#b0c1c1;font-size:10px}.powertrain-page .tool-button.active{background:#c9a87816;border-color:#d7b58d55;color:#ead2b3}.powertrain-page .tool-button span{color:#d7b58d}.powertrain-page .gesture-card{margin-top:12px}.powertrain-page .gesture-card>div{background:transparent;padding:5px 2px}.powertrain-page .gesture-icon{display:grid;place-items:center;width:28px;height:28px;color:#a8c3c1;border:1px solid #a8c3c125;border-radius:9px;font-size:17px}.powertrain-page .gesture-card p{color:#81979a}.powertrain-page .gesture-card strong{font-weight:550;font-size:10px}.powertrain-page .provenance{margin-top:13px;padding-top:12px;border-top:1px solid #ffffff0b;color:#70888c;font-size:8px;line-height:1.7}@media(max-height:950px)and (min-width:781px){.powertrain-page .model-panel{padding-top:18px}.powertrain-page .model-panel h1{font-size:30px;margin-top:10px}.powertrain-page .intro{margin-bottom:14px}.powertrain-page .model-choice{min-height:63px}.powertrain-page .component-preview{height:45px}}@media(max-width:780px){.powertrain-page .model-panel{width:min(304px,calc(100vw - 28px));padding:18px 15px;max-height:calc(100dvh - 96px)}.powertrain-page .model-panel h1{font-size:30px}.powertrain-page .model-choice{grid-template-columns:54px minmax(0,1fr) 23px;gap:8px;min-height:65px}.powertrain-page .component-preview{width:54px;height:46px}.powertrain-page .intro{margin-bottom:15px}}@media(prefers-reduced-motion:reduce){.powertrain-page .model-choice,.powertrain-page .component-preview img{transition:none;transform:none}}@media(max-width:480px){.powertrain-page #auto-app{overflow-y:auto;padding:82px 14px 20px}.powertrain-page .model-panel{position:relative;top:auto;left:auto;width:100%;max-height:none}.powertrain-page .mechanism-card{position:relative;top:auto;right:auto;bottom:auto;width:100%;max-height:none;margin-top:14px}}
