.dh{--g: #15803d;--g2: #1a9f42;--dark: #111827;--ink: #1e293b;--muted: #475569;--line: #E2E8F0;--tile: #f0faf3;--tile-line: #bbf7d0;--tile-ink: #166534;--bg: #f8fafb;--diesel: #1e293b;--petrol: #64748b;--ev: #15803d}.dh .wrap{max-width:1200px;margin:0 auto;padding-inline:16px}.dh .eyebrow{display:flex;align-items:center;gap:12px;color:#22c55e;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.1em}.dh .eyebrow.sm{font-size:12px;color:var(--g)}.dh .rule{display:inline-block;height:1px;width:32px;background:var(--g2)}.dh .hero{background:var(--dark);padding-block:64px 56px;color:#fff}.dh .hero .wrap{display:grid;gap:22px}.dh .hero h1{font-size:clamp(32px,5vw,48px);line-height:1.1;color:#fff;margin:0;max-width:22ch;text-wrap:balance}.dh .answer{color:#d1d5db;font-size:18px;line-height:1.65;max-width:72ch;margin:0}.dh .answer strong{color:#fff}.dh .stamp{font-size:13px;color:#9ca3af;margin:0}.dh .stamp a{color:#9ca3af}.dh .readout{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid #1f2937;border-radius:16px;overflow:hidden;background:#0b1220}.dh .readout.r3{grid-template-columns:repeat(3,minmax(0,1fr))}.dh .readout>div{padding:20px;display:grid;gap:4px;border-right:1px solid #1f2937;min-width:0}.dh .readout>div:last-child{border-right:0}.dh .readout .k{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#9ca3af}.dh .readout .v{font-family:var(--font-heading);font-size:clamp(26px,4vw,38px);font-weight:600;line-height:1.05;color:#fff;font-variant-numeric:tabular-nums}.dh .readout .s{font-size:13px;color:#9ca3af}.dh .readout .hl{background:var(--g)}.dh .readout .hl .k,.dh .readout .hl .s{color:#dcfce7}.dh .up{color:#fbbf24;font-weight:600}.dh .down{color:#22c55e;font-weight:600}.dh .tile .up{color:#b45309}.dh .tile .down{color:var(--g)}.dh .crumbs{padding-block:16px}.dh .sec{display:grid;gap:16px;padding-bottom:56px}.dh .sec h2{font-size:clamp(24px,3vw,30px);margin:0;color:var(--ink);text-wrap:balance}.dh .sec h3{font-size:18px;margin:0;color:var(--ink)}.dh .sec p,.dh .sec li{color:var(--muted);line-height:1.65;max-width:72ch}.dh .sec p{margin:0}.dh .sec ul,.dh .sec ol{margin:0;padding-left:1.25em;display:grid;gap:6px}.dh .sec a:not(.btn-primary):not(.btn-secondary){color:var(--g);text-decoration:underline;text-underline-offset:2px}.dh .card{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 1px 2px #0000000d;overflow:hidden;min-width:0}.dh .card.pad{padding:24px;display:grid;gap:12px;align-content:start}.dh .card-head{background:var(--dark);padding:32px 24px;display:grid;gap:8px}.dh .card-head h2{color:#fff;font-size:clamp(22px,3vw,28px);margin:0}.dh .card-head p{color:#9ca3af;font-size:14px;margin:0}.dh .card-body{padding:24px}@media(min-width:1024px){.dh .card-head{padding:32px 40px}.dh .card-body{padding:40px}}.dh .calc{display:grid;grid-template-columns:1fr 1fr;gap:48px}.dh .inputs{display:grid;gap:22px;align-content:start}.dh .two{display:grid;grid-template-columns:1fr 1fr;gap:16px}.dh .inputs label{display:grid;gap:8px;font-size:14px;font-weight:600;color:var(--ink)}.dh .inputs input[type=number],.dh .inputs select{width:100%;padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;font:inherit;font-size:15px;color:var(--ink);background:#fff}.dh .inputs input[type=number]:focus,.dh .inputs select:focus{outline:none;box-shadow:0 0 0 2px var(--g);border-color:transparent}.dh input[type=range]{width:100%;accent-color:var(--g)}.dh .note{font-weight:500;color:var(--g)}.dh .hint{font-size:12px;font-weight:400;color:#64748b}.dh .results{display:grid;gap:16px;align-content:start}.dh .grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.dh .tile{background:var(--tile);border:1px solid var(--tile-line);border-radius:12px;padding:16px;display:grid;gap:4px;min-width:0}.dh .tile .lbl{font-size:12px;font-weight:500;color:var(--tile-ink)}.dh .tile .val{font-family:var(--font-heading);font-size:24px;font-weight:700;color:var(--g);font-variant-numeric:tabular-nums}.dh .tile .unit{font-size:12px;color:var(--tile-ink)}.dh .cap{border:2px solid var(--g);border-radius:12px;padding:18px;display:grid;gap:10px}.dh .cap p{margin:0;font-size:15px;color:var(--ink);max-width:none}.dh .cap strong.big{font-family:var(--font-heading);font-size:22px;color:var(--g)}.dh .cap .btn-primary{justify-self:start}.dh .small{font-size:13px!important;color:#64748b!important}.dh .head-row{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:12px}.dh .seg{display:inline-flex;border:1px solid #d1d5db;border-radius:8px;overflow:hidden}.dh .seg button{font-size:13px;font-weight:500;padding:6px 14px;border:0;background:#fff;color:var(--muted);cursor:pointer}.dh .seg button[aria-pressed=true]{background:var(--g);color:#fff}.dh .legend{display:flex;gap:16px;flex-wrap:wrap;font-size:13px;color:var(--muted)}.dh .dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px}.dh .hero .dot.d{background:#e5e7eb}.dh .hero .dot.p{background:#94a3b8}.dh .hero .dot.e{background:#22c55e}.dh .legend .dot.d{background:var(--diesel)}.dh .legend .dot.p{background:var(--petrol)}.dh .legend .dot.e{background:var(--ev)}.dh svg.chart{width:100%;height:auto;display:block}.dh svg.chart text{fill:#64748b;font:11px Inter,system-ui,sans-serif}.dh .split{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:20px}.dh .three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.dh .taxbar{display:flex;height:36px;border-radius:8px;overflow:hidden;font-size:12px;font-weight:600}.dh .taxbar span{display:flex;align-items:center;padding-inline:8px;white-space:nowrap;overflow:hidden;color:#fff}.dh .taxdl{display:grid;grid-template-columns:1fr auto;gap:6px 12px;margin:0;font-size:14px}.dh .taxdl dt{color:var(--muted)}.dh .taxdl dd{margin:0;text-align:right;font-variant-numeric:tabular-nums}.dh .tablewrap{overflow-x:auto;border:1px solid var(--line);border-radius:16px;background:#fff}.dh table{border-collapse:collapse;width:100%;font-size:14px;min-width:560px}.dh th,.dh td{padding:12px 16px;text-align:right;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums}.dh th{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);background:var(--bg)}.dh th:first-child,.dh td:first-child{text-align:left}.dh tr:last-child td{border-bottom:0}.dh tbody tr.now td{font-weight:600;color:var(--ink);background:var(--tile)}.dh caption{caption-side:top;text-align:left;padding:14px 16px 0;font-size:13px;color:#64748b}.dh .proof{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.dh .proof .fig{font-family:var(--font-heading);font-size:34px;font-weight:700;color:var(--g);line-height:1}.dh .src{font-size:14px!important}.dh .src li{font-size:14px}.dh .cite{margin:0;font:13px/1.55 ui-monospace,Consolas,monospace;background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:16px;white-space:pre-wrap;word-break:break-word;color:var(--ink)}.dh .row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.dh .tag{font-size:12px;font-weight:500;padding:4px 10px;border-radius:99px;background:var(--tile);color:var(--tile-ink);border:1px solid var(--tile-line)}.dh .byline{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:13px;color:#64748b}.dh .faq details{border-bottom:1px solid var(--line);padding-block:16px}.dh .faq summary{cursor:pointer;font:600 17px var(--font-heading);color:var(--ink)}.dh .faq details p{margin-top:10px}.dh .tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.dh .tools a.card{text-decoration:none;transition:border-color .15s,box-shadow .15s}.dh .tools a.card:hover{border-color:var(--g2);box-shadow:0 4px 12px #0000000f}.dh .tools .fig{font-family:var(--font-heading);font-size:28px;font-weight:700;color:var(--g)}.dh .close{background:var(--dark);padding-block:64px;color:#fff}.dh .close .steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:28px}.dh .close .steps>div{border:1px solid #1f2937;border-radius:12px;padding:18px;background:#0b1220;display:grid;gap:6px}.dh .close .steps .n{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#22c55e}.dh .close .steps .t{font-family:var(--font-heading);font-size:20px;color:#fff}.dh .close .steps p{color:#9ca3af;font-size:14px;margin:0}.dh .routes{display:grid;grid-template-columns:1fr 1fr;gap:24px}.dh .routes>div{display:grid;gap:14px;align-content:start;padding:32px;border-radius:16px;background:#0b1220;border:1px solid #1f2937}.dh .routes>div:first-child{border-color:var(--g)}.dh .routes h2{color:#fff;font-size:clamp(22px,3vw,28px);margin:0}.dh .routes p{color:#9ca3af;margin:0;line-height:1.6}.dh .routes a{justify-self:start}.dh .btn-secondary.on-dark{color:#22c55e;border-color:#22c55e;background:transparent}.dh .btn-primary,.dh .btn-secondary{cursor:pointer;display:inline-flex;text-decoration:none}.dh button:focus-visible,.dh a:focus-visible,.dh input:focus-visible,.dh summary:focus-visible,.dh select:focus-visible{outline:2px solid var(--g2);outline-offset:2px}@media(max-width:900px){.dh .readout{grid-template-columns:1fr 1fr}.dh .readout.r3{grid-template-columns:1fr}.dh .readout>div{border-bottom:1px solid #1f2937}.dh .calc,.dh .split,.dh .three,.dh .routes,.dh .proof,.dh .close .steps,.dh .tools{grid-template-columns:1fr}.dh .calc{gap:32px}}@media(max-width:440px){.dh .two,.dh .grid2{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.dh *{transition:none!important}}.dh [hidden]{display:none!important}.dh .card-head .seg{justify-self:start;margin-top:8px;flex-wrap:wrap}
