/* Editorial concepts + precise, code-native interactive graphics. */
.editorial-art{margin:0;min-width:0;background:#20251f;border:1px solid #343d2d;overflow:hidden}.editorial-art>img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}.editorial-art figcaption{display:flex;gap:12px;justify-content:space-between;align-items:center;padding:11px 14px;color:#dce3cb;font:9px/1.6 var(--mono)}.editorial-art figcaption a{color:var(--yellow);white-space:nowrap}.visual-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:50px;align-items:center}.visual-intro-copy{min-width:0}.visual-intro-copy .eyebrow{display:block}.visual-intro-copy h1{font-size:clamp(36px,4.3vw,66px);line-height:1.02;letter-spacing:-.055em}.visual-intro-copy>p{font-size:17px;line-height:1.7;max-width:580px}.visual-intro-art{transform:rotate(-1deg);box-shadow:10px 12px 0 #dbe0ce}.visual-intro-art img{min-height:290px;object-fit:cover}.lab-card-art,.path-card-art{position:relative;overflow:hidden}.lab-card-art img,.path-card-art img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s}.lab-card-art{margin:18px -26px 24px;aspect-ratio:1.7}.lab-card-art>span,.path-card-art>span,.hb-ai-badge{position:absolute;left:12px;top:12px;background:#1d241de8;color:#edf0df;padding:5px 7px;font:8px var(--mono);letter-spacing:.06em;text-transform:uppercase}.lab-card:hover .lab-card-art img{transform:scale(1.025)}.path-card-art{margin:-26px -22px 22px;aspect-ratio:1.7}.hb-card-art>img{width:100%;height:225px;object-fit:cover;display:block}.hb-article-photo{margin:28px 0}.hb-schematic{margin:20px 0 30px;border:1px solid var(--line);padding:15px;font-size:12px}.hb-schematic>summary{cursor:pointer;font-weight:700}.hb-schematic .hb-article-diagram{margin:18px 0 0}.generated-credit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.generated-credit-grid figure{margin:0;background:#e5e9dc}.generated-credit-grid img{width:100%;height:auto;display:block}.generated-credit-grid figcaption{padding:20px}.generated-credit-grid h3{font-size:24px;line-height:1.1;margin:0 0 15px}.generated-credit-grid p,.visual-credit-intro{font-size:13px;line-height:1.8}.visual-credit-intro{max-width:850px;margin-bottom:30px}.component-icon{width:72px;height:72px;color:#536638}.btl-node.is-active .component-icon{color:#20251f}
/* Battery pouches: individually numbered with visible, conceptual series links. */
.btl-pack-stage{min-height:330px;background:radial-gradient(ellipse at 45% 25%,#424c3a,#171d17 75%);border:1px solid #59614f;box-shadow:inset 0 0 0 8px #20281e}.btl-cells{padding:26px 0 16px}.btl-cells i{height:150px;border-radius:5px 5px 9px 9px;background:linear-gradient(100deg,#a0ad7f,#edf0d6 16%,#b8c493 65%,#788664);border:1px solid #e3e8d6;box-shadow:5px 7px 0 #11170e, inset 4px 0 0 #f7f8e144,inset -4px 0 0 #20291a55;color:#20261b}.btl-cells i:before{content:'';position:absolute;top:-13px;left:25%;width:50%;height:12px;background:linear-gradient(90deg,#a6afa1,#f5f5e9,#83917f);border:1px solid #596550}.btl-cells i>span{font-size:24px;font-style:normal;border-top:1px solid #64704d77;border-bottom:1px solid #64704d77;padding:10px 0;width:100%;text-align:center}.btl-cells i:not(:last-child)::after{content:'';top:50%;height:6px;background:#e4f064;border:1px solid #a6b844;width:13px;left:calc(100% - 1px);box-shadow:0 2px 0 #151d12}.btl-pack-readout{margin:20px 0 6px}.btl-pack-readout b{font:700 37px var(--mono)}.btl-flow{padding:20px;background:#e3e8d9;border:1px solid #bdc8b0}.btl-node{border:1px solid #bac5a9;border-top:4px solid #859372;box-shadow:0 4px 0 #ccd4bf}.btl-node.is-battery{border-top-color:#809336}.btl-node span{font-size:12px}.btl-results>div{border:1px solid #c5cdbb;background:#e9edde}
/* Tire drawings keep a mathematically proportional outer diameter. */
.rollout-visual{background:linear-gradient(#59645222 1px,transparent 1px),linear-gradient(90deg,#59645222 1px,transparent 1px),radial-gradient(ellipse,#e3e8d9,#cad3bf);background-size:32px 32px,32px 32px,100% 100%;border:1px solid #bbc8ab;min-height:300px}.rollout-wheel{box-sizing:border-box;background:repeating-conic-gradient(#272d24 0deg 8deg,#4b5543 8deg 12deg,#20271f 12deg 20deg);border-color:#20281f!important;box-shadow:0 8px 8px #18231233,inset 0 0 0 5px #68735c}.rollout-wheel:before{content:'';position:absolute;inset:17%;border-radius:50%;background:radial-gradient(circle,#343e2b 0 13%,#d7dec7 14% 19%,transparent 20%),repeating-conic-gradient(#798568 0deg 13deg,#283123 13deg 60deg);border:3px solid #a2ad93;box-shadow:inset 0 0 0 4px #394531,0 0 0 4px #141b12}.rollout-wheel.next:before{border-color:#d8eb67}.rollout-wheel i{z-index:2;background:var(--yellow)!important;box-shadow:0 0 0 1px #232b1c;width:2px;left:calc(50% - 1px)}.rollout-wheel span{color:#263120;font-weight:700}.scale-rows{gap:12px}.scale-bar{height:44px}.scale-bar i{height:100%;background:#48573c;clip-path:polygon(0 52%,12% 46%,24% 10%,54% 10%,66% 46%,95% 48%,100% 63%,100% 80%,90% 80%,87% 99%,73% 99%,70% 80%,29% 80%,26% 99%,12% 99%,9% 80%,0 80%);border-radius:0}.scale-bar i:after{left:28%;right:auto;top:20%;bottom:auto;width:27%;height:25%;border-radius:1px 3px 0 0;background:#c4cdb6;box-shadow:none}.scale-row.is-baseline{background:#e9eddc;padding-block:10px}.scale-row.is-baseline .scale-bar i{background:#687c28;outline:0}.scale-ruler{background:repeating-linear-gradient(90deg,transparent 0 9%,#98a68a 9% 9.3%,transparent 9.3% 10%);padding-bottom:16px;background-position:0 bottom;background-size:100% 8px;background-repeat:no-repeat}
/* Cutaway material depth; the moving piston and holes remain live vectors. */
.fluid-stage{background:radial-gradient(ellipse at center,#eff3e4,#dce4ce);border-right:1px solid #b9c5a8}.fluid-shock{filter:drop-shadow(3px 7px 3px #35462e22)}.fluid-labels{fill:#36482d;stroke:#647856}.fluid-labels text{stroke:none}.fluid-arrows path{stroke:#47652a}.fluid-holes{fill:#e5eccb;stroke:#36482c}
.scale-bar i{min-width:0}
@media(max-width:900px){.visual-intro{gap:28px}.visual-intro-copy h1{font-size:42px}.generated-credit-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.visual-intro{grid-template-columns:1fr;gap:25px}.visual-intro-copy h1{font-size:42px}.visual-intro-copy>p{font-size:15px}.visual-intro-art{transform:none;box-shadow:5px 6px 0 #dbe0ce}.visual-intro-art img{min-height:0}.btl-flow .component-icon{width:60px;height:60px;grid-row:1/3}.btl-node{display:grid;grid-template-columns:60px 1fr;align-items:center}.btl-node b,.btl-node span{grid-column:2}.btl-cells i{height:118px}.btl-cells i>span{font-size:18px}.btl-pack-stage{min-height:280px}.btl-cells{gap:8px}.btl-cells i:not(:last-child)::after{width:11px}.scale-bar{height:30px}.fluid-stage{border-right:0}.generated-credit-grid{grid-template-columns:1fr}}
@media(max-width:440px){.visual-intro-copy h1{font-size:37px}.editorial-art figcaption{font-size:8px;padding:9px;gap:6px}.lab-card-art{margin-inline:-23px}.path-card-art{margin:-24px -24px 20px}.hb-card-art>img{height:190px}.btl-cells i>span{font-size:15px}.btl-cells i small{font-size:9px}}
@media(prefers-reduced-motion:reduce){.lab-card-art img{transition:none}.lab-card:hover .lab-card-art img{transform:none}}
@media print{.visual-intro{display:block}.visual-intro-art,.lab-card-art,.path-card-art,.hb-article-photo{display:none}.editorial-art figcaption{color:#222;background:white}}
/* Preserve one shared silhouette's proportions instead of stretching car height. */
.scale-baseline{max-width:760px;margin-inline:auto}.scale-bar{height:auto;min-height:12px;display:flex;align-items:center}.scale-bar i{height:auto;aspect-ratio:3.7;flex:none;clip-path:none;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 370 100'%3E%3Cpath d='M4 50L52 44L91 13H205L253 45L342 49L366 65V78H4Z'/%3E%3Ccircle cx='84' cy='78' r='22'/%3E%3Ccircle cx='291' cy='78' r='22'/%3E%3C/svg%3E") center/100% 100% no-repeat}.scale-bar i:after{left:27%;top:21%;width:27%;height:23%}
@media(max-width:640px){.dtl-gear-stage{display:block;min-height:0}.dtl-gear-stage .dtl-gear-svg{position:relative;inset:auto;left:-25%;width:150%;height:180px}.dtl-gear-stage .dtl-inline-diff,.dtl-gear-stage .dtl-svg-caption,.dtl-gear-stage .dtl-power-line{display:none}.dtl-gear-stage .dtl-ratio-readout{position:static;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:8px 12px;text-align:left;padding:14px 18px;border-left:0;border-top:1px solid #566046}.dtl-ratio-readout small{grid-column:1/-1}.dtl-ratio-readout b{font-size:21px}}
@media(max-width:640px){.dtl-gear-stage .dtl-gear-svg{max-width:none;left:0}}