.charging-page{max-width:1440px;margin:auto}.charge-intro{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:55px 5% 50px;align-items:center}.charge-intro h1{font-size:clamp(40px,5vw,66px);letter-spacing:-2.5px}.charge-intro p{max-width:510px;margin:24px 0;color:var(--muted);font-size:17px}.charge-visual{background:#e8eddd;border:1px solid var(--line);border-radius:10px;padding:35px}.charge-visual p{font-size:13px;margin-bottom:0}.energy-flow{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:14px}.energy-flow small{display:block;font-size:10px;color:var(--muted);margin-top:5px}.energy-flow b{font-size:23px;font-weight:400}.battery-visual{display:flex;gap:7px;padding:12px;border:2px solid var(--green);border-radius:10px;margin:32px 0 20px;position:relative;height:82px}.battery-visual:after{content:'';position:absolute;right:-8px;top:24px;width:6px;height:28px;background:var(--green);border-radius:0 3px 3px 0}.battery-visual i{flex:1;background:var(--green);border-radius:3px;animation:charge-in .8s ease both}.battery-visual i:nth-last-child(-n+2){background:#c1d0b4}.charge-section{margin:0 5%;padding:60px 0;border-top:1px solid var(--line);scroll-margin-top:25px}.charge-heading{max-width:690px;margin-bottom:30px}.charge-heading h2{font-size:clamp(28px,3vw,40px);letter-spacing:-1.5px}.charge-heading p{margin-top:19px;color:var(--muted)}.charge-split{display:grid;grid-template-columns:1fr 1fr;gap:45px}.charge-split article{border-left:2px solid #bdcfaa;padding-left:24px}.charge-label{font-size:10px;letter-spacing:1.5px;color:var(--green)}.charging-page h3{font-size:21px;line-height:1.3;margin:12px 0}.charge-split p,.charge-home-grid p,.trip-steps p{color:var(--muted);font-size:14px;line-height:1.8}.charge-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:8px}.charging-page table{border-collapse:collapse;width:100%;font-size:13px;min-width:570px;text-align:left}.charging-page caption{text-align:left;padding:16px 20px;color:var(--muted);font-size:12px}.charging-page td,.charging-page th{padding:18px 20px;border-top:1px solid var(--line);vertical-align:top}.charging-page thead{background:#e8eddd}.charging-page tbody th{width:24%;font-weight:600}.charging-page td{color:var(--muted)}.charge-note{font-size:12px;line-height:1.8;color:var(--muted);margin-top:20px}.charge-home-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px 50px}.charge-home-grid h3{margin-top:0}.charging-tools-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.charging-tool{border:1px solid var(--line);border-radius:9px;background:#fff;overflow:hidden}.tool-title{padding:24px 25px 0}.tool-title h3{margin:0 0 8px}.tool-title p{font-size:13px;color:var(--muted)}.charging-tool form{padding:24px}.charge-inputs{display:grid;grid-template-columns:1fr 1fr;gap:18px}.charge-inputs label{font-size:12px;min-width:0}.charge-inputs input,.charge-inputs select{min-width:0;width:100%;min-height:46px;border:1px solid #cdd6c8;padding:10px;border-radius:4px;background:#fcfdf8;color:var(--ink);font:inherit;font-size:15px}.charge-assumption{font-size:12px;color:var(--muted);margin:20px 0;line-height:1.7}.charge-output{background:var(--ink);color:#f3f5e8;padding:22px;border-radius:6px;min-height:150px}.charge-output strong{display:block;font:500 clamp(30px,3vw,42px) Manrope,sans-serif;letter-spacing:-1px;color:#f3f5e8;line-height:1.3;margin:5px 0 10px;overflow-wrap:anywhere}.charge-output p{font-size:13px;color:#d4dfd0}.charge-output .result-label{font-size:11px;letter-spacing:1px;color:#d4dfd0}.charge-output .charge-error{color:#fff0c5;line-height:1.8}.charge-example{background:#edf1e5;border-radius:8px;padding:28px;margin-top:30px}.charge-example h3{margin:0 0 14px}.charge-example>p{font-size:14px;max-width:850px}.example-times{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:24px;border-top:1px solid #ccd7c3;padding-top:20px;font-size:13px}.example-times strong{display:block;margin-bottom:6px}.trip-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;padding-left:22px;margin-bottom:0}.trip-steps li{padding-left:8px;margin:0}.charge-faq{max-width:900px}.charge-faq summary{font-size:16px;line-height:1.5}.charge-faq details p{font-size:14px;max-width:750px}.charge-sources{padding:30px 5% 55px}.charge-sources h2{font-size:21px;letter-spacing:-.5px}.charge-sources p{font-size:12px;color:var(--muted);margin:15px 0}.charge-sources a{display:inline-block;font-size:12px;text-decoration:underline;text-underline-offset:4px;margin:0 20px 12px 0}@keyframes charge-in{from{opacity:0;transform:scaleY(.8)}to{opacity:1;transform:none}}@media(max-width:950px){.charge-intro{gap:30px}.charge-visual{padding:24px}.charging-tools-grid{grid-template-columns:1fr}.trip-steps{gap:25px}.charging-page .topic-nav{white-space:normal;width:auto}}@media(max-width:700px){.charge-intro{grid-template-columns:1fr;padding-top:35px}.charge-intro p{font-size:15px}.charge-section{padding:40px 0}.charge-split,.charge-home-grid,.trip-steps{grid-template-columns:1fr;gap:26px}.charge-heading{margin-bottom:24px}.example-times{grid-template-columns:1fr;gap:18px}.charge-example{padding:22px}.charging-tool form,.tool-title{padding:20px}.tool-title{padding-bottom:0}.charge-visual{padding:24px}.charging-page .topic-nav{gap:16px}.charging-page .charge-note{font-size:12px}}@media(max-width:380px){.charge-inputs{grid-template-columns:1fr}.energy-flow{font-size:12px}.energy-flow small{font-size:9px}.charge-visual{padding:18px}}@media(prefers-reduced-motion:reduce){.battery-visual i{animation:none}}

/* Compact, keyboard-accessible explanation; works without JavaScript. */
.current-switch{position:relative;min-width:0;max-width:760px;margin:0 0 30px;padding:18px 20px;border:1px solid var(--line);border-radius:8px;background:#f0f3e8}.current-switch legend{font-size:13px;font-weight:600;padding:0 7px}.current-switch>input{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden;white-space:nowrap}.current-switch>label{display:inline-block;padding:9px 16px;margin:0 5px 12px 0;border-radius:5px;font-size:12px;cursor:pointer;border:1px solid #cdd6c8;background:var(--paper)}.current-switch>input:checked+label{background:var(--green);border-color:var(--green);color:white}.current-switch>#current-dc:checked+label{background:#345d78;border-color:#345d78}.current-switch>input:focus-visible+label{outline:3px solid #447654;outline-offset:3px}.current-copy{display:none;font-size:13px;line-height:1.8;color:var(--ink)}#current-ac:checked~.current-copy-ac,#current-dc:checked~.current-copy-dc{display:block}.current-copy mark{background:#d7e7bf;color:#23462d;padding:2px 4px;border-radius:3px}.current-copy-dc mark{background:#dceaf4;color:#25465e}.current-copy strong{font-weight:600}@media(max-width:700px){.current-switch{padding:16px}.current-copy{font-size:13px}}