/* L-4 engineering rabbit hole — eCalc motor and battery comparison */
.ecalc-page{background:#f4efdf;color:#171a16}
.ecalc-page .l4-hero{min-height:88vh}
.ecalc-page .l4-hero-inner{width:min(1180px,92%)}
.ecalc-page .l4-hero-media img{object-position:center 55%;filter:saturate(.7) brightness(.72) contrast(1.08)}
.ecalc-page .l4-hero::before{background:linear-gradient(90deg,rgba(8,12,9,.97) 0%,rgba(8,12,9,.86) 48%,rgba(8,12,9,.3) 80%),linear-gradient(0deg,rgba(8,12,9,.96) 0%,transparent 58%)}
.ecalc-page .l4-hero::after{display:none}
.ecalc-page .l4-hero h1{max-width:900px;font-size:clamp(3rem,6.8vw,6.5rem);line-height:.91;color:#f7f2e4;text-shadow:0 3px 18px rgba(0,0,0,.72)}
.ecalc-page .l4-hero .l4-deck{max-width:820px;color:#f3eee0}
.ecalc-page .l4-status-plate{align-self:end}
.ecalc-page .rabbit-hole-marker{display:flex;align-items:center;gap:.8rem;margin:0 0 .8rem}
.ecalc-page .rabbit-hole-marker img{display:block;width:62px;height:62px;object-fit:contain;filter:drop-shadow(0 3px 8px rgba(0,0,0,.38))}
.ecalc-page .rabbit-hole-marker .l4-kicker{margin:0}

.ecalc-section{padding:clamp(4.2rem,8vw,7.25rem) 0}
.ecalc-section.light{background:#f4efdf;color:#171a16}
.ecalc-section.dark{background:#171d17;color:#f4efdf}
.ecalc-section.olive{background:#374232;color:#fff}
.ecalc-wrap{width:min(1120px,92%);margin:0 auto}
.ecalc-copy{max-width:850px}
.ecalc-copy.wide{max-width:none}
.ecalc-copy p,.ecalc-copy li{font-size:1.08rem;line-height:1.75}
.ecalc-copy h2,.ecalc-section h2{font-size:clamp(2.35rem,5.2vw,4.85rem);line-height:.98;letter-spacing:-.04em;margin:.3rem 0 1.25rem;text-wrap:balance}
.ecalc-copy h3,.ecalc-section h3{font-size:clamp(1.65rem,3vw,2.5rem);line-height:1.08;margin:2.5rem 0 .8rem}
.ecalc-kicker{margin:0;color:#95500f;font:900 .76rem/1.3 Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase}
.dark .ecalc-kicker,.olive .ecalc-kicker{color:#f2c14e}
.ecalc-section.light .ecalc-copy p,.ecalc-section.light .ecalc-copy li,.ecalc-section.light h2,.ecalc-section.light h3{color:#171a16}
.ecalc-section.dark .ecalc-copy p,.ecalc-section.dark .ecalc-copy li,.ecalc-section.dark h2,.ecalc-section.dark h3{color:#f4efdf}
.ecalc-page .l4-status-grid span{color:#d5ddcf}
.ecalc-page .l4-status-grid p,.ecalc-page .l4-status-plate b{color:#fff}
.ecalc-question{margin:1.5rem 0;padding:1.35rem 1.4rem;border-left:5px solid #f2c14e;background:#253025;font:clamp(1.4rem,3vw,2.2rem)/1.25 Georgia,serif;color:#fff}
.ecalc-lede{font-size:clamp(1.25rem,2.3vw,1.65rem)!important;line-height:1.55!important}
.ecalc-note{padding:1.1rem 1.2rem;border-left:5px solid #c27a24;background:#fff8e8;color:#302919;line-height:1.65}
.dark .ecalc-note,.olive .ecalc-note{background:#101510;color:#e9eee7}

.ecalc-sequence{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:0;margin:2rem 0;border:1px solid rgba(255,255,255,.22);background:#111811}
.ecalc-sequence span{position:relative;display:flex;align-items:center;justify-content:center;min-height:74px;padding:.8rem .4rem;color:#f7f2e4;font:900 .7rem/1.25 Arial,sans-serif;letter-spacing:.07em;text-align:center;text-transform:uppercase;border-right:1px solid rgba(255,255,255,.14)}
.ecalc-sequence span:last-child{border-right:0}
.ecalc-sequence span:not(:last-child)::after{content:"→";position:absolute;right:-.5rem;z-index:2;padding:.1rem;color:#f2c14e;background:#111811}

.ecalc-assumptions{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:2rem;background:#586253;border:1px solid #586253}
.ecalc-assumptions div{padding:1.15rem;background:#111811;color:#fff}
.ecalc-assumptions dt{color:#bfc8b5;font:800 .69rem/1.3 Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase}
.ecalc-assumptions dd{margin:.35rem 0 0;color:#fff;font:700 1.05rem/1.35 Georgia,serif}

.ecalc-table-wrap{overflow-x:auto;margin:1.75rem 0 2rem;border:1px solid #cfc5af;background:#fffaf0}
.ecalc-table{width:100%;min-width:720px;border-collapse:collapse}
.ecalc-table th,.ecalc-table td{padding:.9rem 1rem;text-align:left;vertical-align:top;border-bottom:1px solid #d8cfbc}
.ecalc-table th{background:#152018;color:#f2c14e;font:800 .7rem/1.3 Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase}
.ecalc-table tbody tr:last-child td{border-bottom:0}
.ecalc-table td:first-child{font-weight:850;color:#784a16}
.dark .ecalc-table-wrap,.olive .ecalc-table-wrap{border-color:#536052}
.dark .ecalc-table,.olive .ecalc-table{background:#202a20;color:#fff}
.dark .ecalc-table td,.olive .ecalc-table td{border-color:#465045}
.dark .ecalc-table td:first-child,.olive .ecalc-table td:first-child{color:#f2c14e}

.ecalc-motor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem;margin:2rem 0}
.ecalc-motor{padding:clamp(1.4rem,3vw,2rem);border-top:4px solid #f2c14e;background:#101510;color:#eef2ea}
.ecalc-motor small{display:block;color:#f2c14e;font:850 .7rem/1.3 Arial,sans-serif;letter-spacing:.11em;text-transform:uppercase}
.ecalc-motor h3{margin:.45rem 0 .8rem}
.ecalc-motor p{margin:.55rem 0;line-height:1.65}
.ecalc-motor strong{color:#fff}

.ecalc-figure{margin:2.3rem 0;background:#fff;border:1px solid #c9c2b0}
.ecalc-figure img{display:block;width:100%;height:auto}
.ecalc-figure figcaption{padding:1rem 1.15rem;color:#3a372f;line-height:1.55}
.ecalc-figure figcaption strong{display:block;color:#7c4d16;margin-bottom:.25rem}
.dark .ecalc-figure{background:#101510;border-color:#4b584a}
.dark .ecalc-figure figcaption{color:#dfe5dd}
.dark .ecalc-figure figcaption strong{color:#f2c14e}

.ecalc-placeholder-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:2rem 0}
.ecalc-placeholder{display:flex;min-height:220px;align-items:center;justify-content:center;padding:1.5rem;border:2px dashed #788073;background:#111811;color:#c8d0c5;text-align:center}
.ecalc-placeholder strong{display:block;color:#f2c14e;margin-bottom:.35rem}

.ecalc-evidence-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:2rem 0}
.ecalc-evidence-grid.single{grid-template-columns:minmax(0,720px);justify-content:center}
.ecalc-evidence-card{margin:0;border:1px solid #596456;background:#101510;color:#fff;overflow:hidden}
.ecalc-evidence-card>a{position:relative;display:block;background:#fff;text-decoration:none;overflow:hidden}
.ecalc-evidence-card>a img{display:block;width:100%;height:auto;aspect-ratio:1.235/1;object-fit:cover;object-position:top;transition:transform .25s ease,filter .25s ease}
.ecalc-evidence-card>a span{position:absolute;right:.75rem;bottom:.75rem;padding:.48rem .65rem;background:rgba(10,14,10,.9);border:1px solid rgba(242,193,78,.7);color:#fff;font:850 .72rem/1.2 Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase}
.ecalc-evidence-card>a:hover img,.ecalc-evidence-card>a:focus-visible img{transform:scale(1.018);filter:contrast(1.04)}
.ecalc-evidence-card figcaption{display:grid;gap:.3rem;padding:1rem 1.1rem 1.15rem}
.ecalc-evidence-card figcaption strong{color:#f2c14e;font:700 1.45rem/1.15 Georgia,serif}
.ecalc-evidence-card figcaption b{color:#fff;font:800 .78rem/1.3 Arial,sans-serif;letter-spacing:.07em;text-transform:uppercase}
.ecalc-evidence-card figcaption small{color:#d8dfd5;font-size:.88rem;line-height:1.5}

.ecalc-findings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:2rem 0}
.ecalc-finding{padding:1.35rem;border-top:4px solid #f2c14e;background:#111811;color:#fff}
.ecalc-finding strong{display:block;color:#f2c14e;font:800 .76rem/1.3 Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase}
.ecalc-finding b{display:block;margin:.5rem 0;font:700 clamp(1.6rem,3vw,2.5rem)/1 Georgia,serif}
.ecalc-finding span{color:#d8dfd5;line-height:1.5}

.ecalc-conclusion{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin:2rem 0;background:#64705f;border:1px solid #64705f}
.ecalc-choice{padding:1.5rem;background:#111811;color:#fff}
.ecalc-choice small{display:block;color:#f2c14e;font:850 .7rem/1.3 Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase}
.ecalc-choice h3{margin:.45rem 0 .8rem}
.ecalc-choice p{color:#dbe1d8;line-height:1.65}

.download-card{display:grid;grid-template-columns:1fr auto;gap:2rem;align-items:center;padding:clamp(1.5rem,4vw,2.6rem);border:1px solid #65705f;background:#101510;color:#fff}
.download-card h2{margin:.25rem 0 .7rem}
.download-card p{max-width:750px;color:#dce2d9;line-height:1.65}
.download-card .l4-action{white-space:nowrap}
.model-warning{margin-top:2rem;padding:1.2rem 1.3rem;border:1px solid #a97c37;background:#2d2c22;color:#fff4d5}
.model-warning strong{color:#f2c14e}

.rabbit-return{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:2rem}

@media(max-width:900px){
  .ecalc-sequence{grid-template-columns:repeat(4,1fr)}
  .ecalc-sequence span:nth-child(4){border-right:0}.ecalc-sequence span:nth-child(4)::after{display:none}
  .ecalc-sequence span:nth-child(-n+4){border-bottom:1px solid rgba(255,255,255,.14)}
  .ecalc-assumptions,.ecalc-findings{grid-template-columns:repeat(2,1fr)}
  .download-card{grid-template-columns:1fr}
}
@media(max-width:640px){
  .ecalc-page .l4-hero{min-height:auto}
  .ecalc-page .l4-hero-inner{padding-top:7rem}
  .ecalc-page .rabbit-hole-marker img{width:54px;height:54px}
  .ecalc-sequence{grid-template-columns:repeat(2,1fr)}
  .ecalc-sequence span{min-height:62px}
  .ecalc-sequence span:nth-child(even){border-right:0}
  .ecalc-sequence span:nth-child(even)::after{display:none}
  .ecalc-sequence span:nth-child(-n+6){border-bottom:1px solid rgba(255,255,255,.14)}
  .ecalc-assumptions,.ecalc-motor-grid,.ecalc-placeholder-grid,.ecalc-evidence-grid,.ecalc-findings,.ecalc-conclusion{grid-template-columns:1fr}
  .ecalc-figure{margin-inline:-2vw}
}
