.truck-comparison,.profile-specifications,.profile-battery { color:#153d35 }
.truck-comparison [hidden],.profile-battery [hidden] { display:none!important }
.compare-note { max-width:900px; font-size:.9rem; color:#52665b; line-height:1.65 }
.truck-comparison .sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap }
.compare-energy { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:30px; margin:30px 0 50px }
[data-count="3"] .compare-energy { grid-template-columns:repeat(3,minmax(0,1fr)) }
.compare-energy-row { margin:0; min-width:0 }
.compare-energy-row figcaption { font-weight:700; min-height:3.2em; line-height:1.5 }
.compare-energy-row svg { width:100%; max-width:420px; display:block }
.compare-energy-row p { font-size:.84rem; line-height:1.65 }
.compare-energy-row p span { display:block }
.truck-comparison button,.model-flow-toggle { border:1px solid #153d35; background:#153d35; color:white; padding:12px 17px; min-height:44px; cursor:pointer; font:inherit; font-size:.9rem }
.truck-comparison button:disabled,.model-flow-toggle:disabled { opacity:.65; cursor:default }
.truck-comparison select:focus-visible,.truck-comparison summary:focus-visible,.specification-group summary:focus-visible { outline:3px solid #8a651e; outline-offset:4px }
#truck-selection { margin:28px 0 0; padding:24px 0; border-block:1px solid #b9cbbb }
.vehicle-selectors { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px 20px }
.vehicle-selectors label { font-size:.9rem; font-weight:700; grid-row:1 }
.vehicle-selectors select { min-width:0; width:100%; padding:13px 28px 13px 10px; background:white; border:1px solid #9ab19e; border-radius:0; color:#153d35; font:inherit; font-size:.92rem; grid-row:2 }
.comparison-actions { display:flex; align-items:center; justify-content:space-between; gap:18px; margin-top:20px }
.difference-control { display:flex; gap:10px; align-items:center; font-size:.9rem }
.difference-control input { width:20px; height:20px; accent-color:#153d35; flex-shrink:0 }
.comparison-share { display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:12px; margin-top:20px; font-size:.85rem }
.comparison-share input { min-width:0; width:100%; padding:12px; background:#f1f4ec; border:1px solid #bac9b6; color:#153d35; font-size:.85rem }
#compare-status { margin-top:18px; font-size:.88rem; color:#52665b }
.compare-jumps { display:flex; flex-wrap:wrap; gap:12px 24px; font-size:.92rem; font-weight:700; margin:28px 0 12px }
.compare-vehicles,.compare-diagrams,#compare-sources { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:32px }
[data-count="3"] .compare-vehicles,[data-count="3"] .compare-diagrams,[data-count="3"] #compare-sources { grid-template-columns:repeat(3,minmax(0,1fr)) }
.compare-vehicle { min-width:0; border-top:3px solid #41634e; padding-top:24px }
.compare-vehicle h2 { font-size:1.65rem; min-height:2.6em; margin:10px 0 20px }
.compare-vehicle .editorial-figure { margin:0 }
.compare-vehicle .editorial-photo { width:100%; height:auto; aspect-ratio:4/3; object-fit:contain; background:#edf0eb }
.compare-vehicle figcaption { font-size:.8rem; line-height:1.55; margin:12px 0 18px }
.compare-vehicle p { font-size:.9rem; margin-top:18px }
.compare-vehicle .photo-zoom { display:block }
.compare-no-photo { aspect-ratio:4/3; display:grid; place-items:center; padding:30px; border:1px dashed #82998a; color:#52665b; text-align:center; font-size:.9rem }
.compare-visual-section { margin:65px 0 55px }
.model-battery { margin:0; min-width:0 }
.model-battery>svg { display:block; width:100%; max-width:420px; height:auto; margin-inline:auto }
.model-battery figcaption { margin:15px 0; font-size:.82rem; line-height:1.65; color:#52665b }
.model-battery .battery-download { display:block; font-size:.85rem; margin-top:14px }
.model-energy-flow { animation:model-energy 1.4s linear infinite; animation-play-state:paused }
.flow-running .model-energy-flow { animation-play-state:running }
@keyframes model-energy { to { stroke-dashoffset:-42 } }
.compare-group { scroll-margin-top:110px; margin-bottom:45px }
.compare-group h2 { font-size:1.75rem; margin:0; padding:20px 0; border-top:2px solid #153d35 }
.vehicle-table { width:100%; table-layout:fixed; border-collapse:collapse; font-size:.93rem; line-height:1.6 }
.vehicle-table th,.vehicle-table td { text-align:left; vertical-align:top; padding:18px; border-bottom:1px solid #cbd7c7; overflow-wrap:anywhere }
.vehicle-table thead th { background:#e7eee0; font-size:.9rem }
.vehicle-table th:first-child { width:21%; padding-left:0 }
.vehicle-table thead th:first-child { padding-left:14px }
.vehicle-table tbody tr:nth-child(even) { background:#f0f3e9 }
.vehicle-table td+td { border-left:1px solid #d9e1d1 }
.vehicle-sources { font-size:.86rem; line-height:1.7; min-width:0 }
.vehicle-sources h3 { font-size:1.1rem; margin:12px 0 }
.vehicle-sources ul { padding-left:20px; overflow-wrap:anywhere }
.vehicle-sources li { margin:10px 0 }
.compare-source-section { margin:60px 0 30px }
.all-vehicle-data { border-block:1px solid #b9cbbb; margin:35px 0 65px; padding:20px 0 }
.all-vehicle-data>details { margin:15px 0; padding:18px; background:#eff3e9 }
.all-vehicle-data summary,.specification-group summary { cursor:pointer; font-weight:700; line-height:1.5 }
.all-vehicle-data h3 { margin-top:28px }
.profile-battery { margin-top:35px; scroll-margin-top:100px }
.profile-battery-layout { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,1fr); gap:30px; align-items:start }
.battery-key-facts dl { margin-top:0 }
.battery-key-facts dt { color:#52665b; font-size:.84rem; font-weight:700; margin-bottom:6px }
.battery-key-facts dd { margin:0 0 24px; font-size:1.3rem; font-weight:600; line-height:1.4; letter-spacing:-.02em }
.battery-key-facts dd:last-child { font-size:1rem; font-weight:400 }
.battery-key-facts p { font-size:.9rem }
.battery-key-facts .button { font-size:.88rem; padding:14px 16px }
.profile-specifications { margin:50px 0; scroll-margin-top:100px }
.specification-group { border-top:1px solid #bac9b6; padding:20px 0 }
.specification-group summary { font-size:1.1rem }
.specification-group .model-specs { border-top:0; font-size:.9rem; margin:12px 0 0 }
.model-page .article-photos { margin-bottom:28px }
.model-page h1 { overflow-wrap:anywhere }
@media(max-width:1000px) { .profile-battery-layout { grid-template-columns:1fr }.profile-battery .model-battery>svg { max-width:380px } }
@media(max-width:760px) {
  .compare-energy,[data-count="3"] .compare-energy { grid-template-columns:minmax(0,1fr) }
  .compare-energy-row figcaption { min-height:0; margin-bottom:10px }
  .vehicle-selectors { grid-template-columns:1fr; gap:8px }
  .vehicle-selectors label,.vehicle-selectors select { grid-row:auto }
  .vehicle-selectors label:not(:first-child) { margin-top:10px }
  .comparison-actions { align-items:start; flex-direction:column }
  .comparison-share { grid-template-columns:minmax(0,1fr) }
  .comparison-share button { justify-self:start }
  .compare-vehicles,.compare-diagrams,#compare-sources,[data-count="3"] .compare-vehicles,[data-count="3"] .compare-diagrams,[data-count="3"] #compare-sources { grid-template-columns:minmax(0,1fr); gap:35px }
  .compare-vehicle h2 { min-height:0; font-size:1.55rem }
  .compare-visual-section { margin-top:45px }
  .vehicle-table,.vehicle-table tbody,.vehicle-table tr { display:block; width:100% }
  .vehicle-table thead { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap }
  .vehicle-table tr { padding:15px 0; border-bottom:1px solid #bac9b6 }
  .vehicle-table th:first-child { display:block; width:100%; padding:0 10px 10px; border:0; font-size:.98rem }
  .vehicle-table td { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.4fr); gap:14px; padding:10px; border:0; font-size:.87rem }
  .vehicle-table td::before { content:attr(data-vehicle); font-weight:600; font-size:.8rem; line-height:1.5; color:#52665b }
  .vehicle-table td+td { border:0; border-top:1px dotted #cad6c4 }
  .compare-group h2 { font-size:1.45rem }
  .model-battery>svg { max-width:360px }
  .all-vehicle-data>details { padding:15px 8px }
  .profile-battery-layout { gap:28px }
}
@media(prefers-reduced-motion:reduce) { .model-energy-flow { animation:none!important } }
@media print { #truck-selection,.model-flow-toggle,.site-header,.site-footer { display:none }.vehicle-table thead { position:static;clip-path:none }.vehicle-table,.vehicle-table tbody { display:table }.vehicle-table tbody { display:table-row-group }.vehicle-table tr { display:table-row }.vehicle-table td,.vehicle-table th:first-child { display:table-cell }.vehicle-table td::before { display:none } }

.compare-more-photos { margin:16px 0 22px; font-size:.88rem }.compare-more-photos summary { cursor:pointer; padding:12px 0; border-block:1px solid #b9cbbb }.compare-more-photos figure { margin-top:18px!important }
