.charge-time-hero .article-container{max-width:980px}.charge-time-shell{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);gap:28px;align-items:start}.charge-time-panel,.charge-time-result{border:1px solid rgba(23,26,32,.12);border-radius:26px;background:#fff;box-shadow:0 18px 55px rgba(23,26,32,.08)}.charge-time-panel{padding:28px}.charge-time-head{display:flex;justify-content:space-between;gap:22px;align-items:flex-start;margin-bottom:24px}.charge-time-head h2{margin:.25rem 0 .45rem}.charge-time-head p{margin:0;max-width:620px}.utility-badge{white-space:nowrap;border-radius:999px;padding:7px 11px;font-size:.78rem;font-weight:800;letter-spacing:.04em;background:rgba(42,103,255,.09);color:#204cbf}.charge-time-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.charge-time-fields label{display:flex;flex-direction:column;gap:8px;font-weight:750;color:#30343b}.charge-time-fields .field-wide{grid-column:1/-1}.field-control{display:flex;align-items:center;gap:10px;border:1px solid rgba(23,26,32,.14);border-radius:14px;padding:0 14px;background:#f8f9fb}.field-control input{width:100%;border:0!important;background:transparent!important;padding:13px 0!important;font:inherit;font-weight:800}.field-control small{font-weight:750;color:#666b73}.charge-time-fields select{width:100%;border:1px solid rgba(23,26,32,.14);border-radius:14px;padding:13px 14px;background:#f8f9fb;font:inherit;font-weight:750;color:#171a20}.charge-time-presets{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.charge-time-presets button{border:1px solid rgba(23,26,32,.13);background:#fff;border-radius:999px;padding:8px 11px;font:inherit;font-size:.86rem;font-weight:750;cursor:pointer}.charge-time-presets button:hover{border-color:#2a67ff;color:#204cbf}.charge-time-micro{font-size:.82rem;color:#666b73;margin:14px 0 0;line-height:1.55}.charge-time-result{padding:28px;position:sticky;top:96px;background:linear-gradient(155deg,#111827 0%,#18233e 64%,#183b8f 145%);color:#fff;border:0}.charge-time-result .eyebrow{color:#a9c3ff}.charge-time-primary{display:flex;flex-direction:column;gap:5px;padding-bottom:22px;border-bottom:1px solid rgba(255,255,255,.15)}.charge-time-primary>span{color:#c6cedc;font-size:.9rem}.charge-time-primary>strong{font-size:clamp(2.3rem,5vw,4rem);line-height:1.03;letter-spacing:-.045em}.charge-time-primary>small{color:#c6cedc}.charge-time-kpis{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}.charge-time-kpis>div{padding:13px;border-radius:15px;background:rgba(255,255,255,.08)}.charge-time-kpis span{display:block;color:#bfc9da;font-size:.75rem;margin-bottom:5px}.charge-time-kpis strong{font-size:1rem}.charge-window-box{border-radius:18px;padding:16px;background:#fff;color:#171a20;display:flex;flex-direction:column;gap:5px}.charge-window-box>span{font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:#5d6573}.charge-window-box>strong{font-size:1.2rem}.charge-window-box>small{line-height:1.45;color:#656b75}.charge-time-disclaimer{font-size:.76rem;line-height:1.5;color:#bfc9da;margin:14px 0 0}.quick-answer{border-radius:22px;padding:24px;background:#fff;border:1px solid rgba(23,26,32,.1);margin-bottom:32px}.quick-answer h2{margin:.3rem 0 .7rem}.related-tools{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.related-tools a{display:flex;flex-direction:column;gap:5px;padding:18px;border-radius:17px;background:#fff;border:1px solid rgba(23,26,32,.1);text-decoration:none;color:inherit;transition:transform .15s ease,border-color .15s ease}.related-tools a:hover{transform:translateY(-2px);border-color:rgba(42,103,255,.45)}.related-tools span{font-size:.74rem;text-transform:uppercase;letter-spacing:.06em;color:#2a67ff;font-weight:850}.related-tools strong{font-size:1.02rem}.related-tools small{color:#666b73;line-height:1.45}@media(max-width:860px){.charge-time-shell{grid-template-columns:1fr}.charge-time-result{position:relative;top:auto}.charge-time-head{flex-direction:column}.utility-badge{align-self:flex-start}}@media(max-width:580px){.charge-time-panel,.charge-time-result{padding:20px;border-radius:20px}.charge-time-fields{grid-template-columns:1fr}.charge-time-fields .field-wide{grid-column:auto}.charge-time-kpis,.related-tools{grid-template-columns:1fr}.charge-time-primary>strong{font-size:2.75rem}}