.ekvhyb{--navy:#08243c;--teal:#0b897a;--green:#2fa66a;--orange:#d99525;--bg:#f4f8fa;--line:#d7e3ea;--text:#1c2d3a;--muted:#617382;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:var(--text);line-height:1.62;max-width:1120px;margin:0 auto;padding:18px;background:#fff}
.ekvhyb *{box-sizing:border-box}.ekvhyb h1,.ekvhyb h2,.ekvhyb h3{color:var(--navy);line-height:1.15;margin:0}.ekvhyb h1{font-size:clamp(2rem,4.4vw,3.35rem);letter-spacing:-.04em}.ekvhyb h2{font-size:clamp(1.45rem,2.5vw,2rem);margin-bottom:12px}.ekvhyb p{margin:0 0 14px}.ekvhyb a{color:#0869b5;font-weight:750;text-decoration:none}.ekvhyb a:hover{text-decoration:underline}
.hero{border-radius:28px;padding:38px 34px;background:radial-gradient(circle at 90% 0%,rgba(130,211,158,.35),transparent 34%),linear-gradient(135deg,#08243c,#0b5472 60%,#0b7668);color:#fff;box-shadow:0 18px 44px rgba(6,40,62,.15)}
.hero h1{color:#fff;max-width:930px}.kicker{display:inline-block;padding:7px 12px;border:1px solid rgba(255,255,255,.25);border-radius:999px;background:rgba(255,255,255,.12);font-weight:800;margin-bottom:14px}.lead{font-size:1.12rem;color:#eaf3f5;max-width:900px;margin-top:16px}.badges{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.badges span{padding:8px 11px;border-radius:12px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);font-size:.92rem}
.note{margin:18px 0 22px;padding:14px 18px;border-radius:16px;background:linear-gradient(90deg,#eaf8f2,#eff7fb);border:1px solid #cde5da;display:flex;gap:10px;flex-wrap:wrap}.note strong{color:#075e53}.note span{color:#4f6574}
.calc{background:linear-gradient(180deg,#f8fbfd,#f1f7f9);border:1px solid var(--line);border-radius:24px;padding:24px;box-shadow:0 14px 36px rgba(21,64,90,.08)}
.calc-head{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:18px}.eyebrow{display:block;color:var(--teal);font-weight:850;text-transform:uppercase;font-size:.8rem;letter-spacing:.06em}.reset{border:0;border-radius:999px;padding:11px 15px;background:#e4f3ed;color:#08705f;font-weight:800;cursor:pointer}
.global-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0 20px}.global-grid label,.fields label{font-weight:750;font-size:.9rem;color:#334a5d;min-width:0}.global-grid label>span{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;margin-top:5px;min-height:46px;background:#fff;border:1px solid #cfdde7;border-radius:11px;padding:0 10px}.global-grid .static{display:flex!important;padding:0 12px!important;color:#5c6f7c;font-weight:650}
.ekvhyb input{width:100%;padding:10px 11px;border:1px solid #cfdde7;border-radius:10px;background:#fff;font:inherit;color:#172b3b}.global-grid input{border:0;padding:0;background:transparent;height:44px}
.vehicle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}.vehicle{background:#fff;border:1px solid var(--line);border-top:5px solid var(--green);border-radius:18px;padding:18px;box-shadow:0 7px 18px rgba(10,50,74,.05)}.vehicle.bev{border-top-color:#5277bf}.vehicle h3{font-size:1.18rem}.model-note{min-height:42px;font-size:.84rem;color:var(--muted);margin:5px 0 10px!important}
.fields{display:grid;grid-template-columns:1fr;gap:10px}.fields label{display:block;margin:0}.fields input{display:block;width:100%;height:42px;margin-top:5px}
.summary{margin-top:18px;padding:18px;border-radius:18px;background:linear-gradient(135deg,#073d61,#0a796e);color:#fff;font-size:1.05rem}.summary strong{font-size:1.18rem}
.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:14px 0}.result-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px}.result-card.is-best{border:2px solid #42ad70;background:#effbf4}.rank{font-size:.78rem;text-transform:uppercase;font-weight:850;color:var(--teal)}.result-big{font-size:1.75rem;font-weight:900;color:var(--navy)}.result-meta{display:flex;justify-content:space-between;gap:8px;font-size:.86rem;color:var(--muted);margin-top:7px}
.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:16px;background:#fff}.results{width:100%;border-collapse:collapse;min-width:680px}.results th{background:#092f4c;color:#fff;padding:12px;text-align:right}.results th:first-child{text-align:left}.results td{padding:11px 12px;border-top:1px solid #e7eef3;text-align:right}.results td:first-child{text-align:left;font-weight:700}.results tr:nth-child(even) td{background:#f7fafc}.results tr.total td{font-weight:900;background:#edf7f4;color:#074f47}.small{font-size:.84rem;color:var(--muted);margin-top:11px!important}
.section{padding:34px 4px 4px}.section>h2{border-top:1px solid var(--line);padding-top:28px}.facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.facts article{border:1px solid var(--line);border-radius:16px;padding:16px;background:#fff}.facts b{color:var(--navy)}.facts p{font-size:.92rem;color:#526779;margin:7px 0 0}.tip{padding:14px 16px;border-left:4px solid var(--teal);background:#eef9f6;border-radius:10px;color:#305c56}
.checks{padding-left:0;list-style:none;display:grid;gap:9px}.checks li{position:relative;padding-left:30px}.checks li:before{content:'✓';position:absolute;left:0;top:1px;width:21px;height:21px;display:grid;place-items:center;border-radius:50%;background:#e8f7ef;color:#13815c;font-weight:900}
.cta{margin:38px 0 8px;padding:28px;border-radius:24px;background:linear-gradient(135deg,#0a2c48,#0d776d);color:#fff}.cta h2{color:#fff}.cta p{color:#dfeef2}.cta div{display:flex;gap:10px;flex-wrap:wrap}.cta a{display:inline-block;background:#fff;color:#075a55!important;border-radius:999px;padding:11px 16px}
.faq details{border-top:1px solid var(--line)}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;padding:15px 0;font-weight:800;color:var(--navy)}.faq details p{padding-bottom:14px;color:#526779}
.sources{margin-top:28px;padding:24px;border-radius:18px;background:#f6f9fb;border:1px solid var(--line)}.sources h2{font-size:1.3rem}.sources ul{padding-left:20px}
@media(max-width:900px){.global-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vehicle-grid,.cards,.facts{grid-template-columns:1fr}.calc-head{align-items:start;flex-direction:column}.model-note{min-height:0}}
@media(max-width:580px){.ekvhyb{padding:10px}.hero{padding:28px 20px;border-radius:20px}.calc{padding:16px;border-radius:18px}.global-grid{grid-template-columns:1fr}.badges{display:grid}}

/* post 2033 update – aligned calculator + hide duplicate featured image on single post */
.ekvhyb .global-grid{
  display:block !important;
  margin:16px 0 20px !important;
}
.ekvhyb .global-row{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:14px !important;
  align-items:end !important;
  margin:0 0 12px !important;
}
.ekvhyb .global-row:last-child{margin-bottom:0 !important}
.ekvhyb .global-row>label{
  display:flex !important;
  flex-direction:column !important;
  min-width:0 !important;
  margin:0 !important;
}
.ekvhyb .global-row>label>span{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  align-items:center !important;
  gap:8px !important;
  width:100% !important;
  min-height:46px !important;
  margin-top:5px !important;
  padding:0 10px !important;
  background:#fff !important;
  border:1px solid #cfdde7 !important;
  border-radius:11px !important;
}
.ekvhyb .global-row input{
  width:100% !important;
  min-width:0 !important;
  height:44px !important;
  min-height:44px !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
}
.ekvhyb .global-row .static{
  display:flex !important;
  align-items:center !important;
  padding:0 12px !important;
  color:#5c6f7c !important;
  font-weight:650 !important;
}

/* Keep Featured Image assigned for SEO/social, but hide theme-rendered duplicate on this post */
body.postid-2033 .post-thumbnail,
body.postid-2033 .entry-header .wp-post-image,
body.postid-2033 .featured-image,
body.postid-2033 figure.wp-block-post-featured-image{
  display:none !important;
}

@media(max-width:900px){
  .ekvhyb .global-row{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}
@media(max-width:580px){
  .ekvhyb .global-row{
    grid-template-columns:1fr !important;
  }
}

/* post 2033 v1.0.2 – explicit grid areas, no auto-placement */
.ekvhyb .global-grid.explicit{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  grid-template-areas:
    "years km electricity"
    "fuel loss compare" !important;
  column-gap:14px !important;
  row-gap:12px !important;
  align-items:end !important;
  margin:16px 0 20px !important;
}
.ekvhyb .global-grid.explicit .g-years{grid-area:years !important}
.ekvhyb .global-grid.explicit .g-km{grid-area:km !important}
.ekvhyb .global-grid.explicit .g-electricity{grid-area:electricity !important}
.ekvhyb .global-grid.explicit .g-fuel{grid-area:fuel !important}
.ekvhyb .global-grid.explicit .g-loss{grid-area:loss !important}
.ekvhyb .global-grid.explicit .g-compare{grid-area:compare !important}

.ekvhyb .global-grid.explicit>label{
  display:flex !important;
  flex-direction:column !important;
  width:100% !important;
  min-width:0 !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
  align-self:end !important;
}
.ekvhyb .global-grid.explicit>label>span{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  align-items:center !important;
  width:100% !important;
  height:50px !important;
  min-height:50px !important;
  margin:6px 0 0 !important;
  padding:0 12px !important;
  background:#fff !important;
  border:1px solid #cfdde7 !important;
  border-radius:11px !important;
}
.ekvhyb .global-grid.explicit input{
  display:block !important;
  width:100% !important;
  min-width:0 !important;
  height:48px !important;
  min-height:48px !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
.ekvhyb .global-grid.explicit .static{
  display:flex !important;
  align-items:center !important;
  width:100% !important;
  height:50px !important;
  min-height:50px !important;
  padding:0 12px !important;
}

@media(max-width:900px){
  .ekvhyb .global-grid.explicit{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    grid-template-areas:
      "years km"
      "electricity fuel"
      "loss compare" !important;
  }
}
@media(max-width:580px){
  .ekvhyb .global-grid.explicit{
    grid-template-columns:1fr !important;
    grid-template-areas:
      "years"
      "km"
      "electricity"
      "fuel"
      "loss"
      "compare" !important;
  }
}