.container--mobile-battery{max-width:1180px}.battery-intro{background:linear-gradient(145deg,#e5f0ed,#f8efe2);border:1px solid #bdd2cc;border-radius:24px;padding:clamp(1.25rem,4vw,2.4rem);margin-bottom:1.4rem}.battery-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(310px,.85fr);gap:1rem;align-items:start}.battery-inputs{display:grid;gap:1rem;min-width:0}.battery-panel{min-width:0}.battery-modes{display:flex;gap:.65rem;flex-wrap:wrap;border:0;padding:0;margin:.75rem 0 0}.battery-modes legend{font-weight:800;margin-bottom:.45rem;width:100%}.battery-mode{display:flex;align-items:flex-start;gap:.5rem;border:1px solid #829f98;border-radius:14px;background:#f4f8f7;padding:.68rem .82rem;font-weight:700;cursor:pointer;min-width:0}.battery-mode:has(input:checked){background:#254d47;color:#fff;border-color:#254d47}.battery-mode input{width:1.1rem;height:1.1rem;accent-color:#254d47;flex:0 0 auto;margin-top:.15rem}.battery-mode small{display:block;font-weight:500;line-height:1.4;margin-top:.15rem}.battery-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;margin-top:.8rem}.battery-fields[hidden],.battery-panel-part[hidden]{display:none}.battery-fields--single{grid-template-columns:minmax(0,1fr)}.battery-field{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.35rem;align-items:center;min-width:0;font-weight:700}.battery-field>span:first-child{grid-column:1/-1}.battery-field input{grid-column:1;min-width:0;width:100%;min-height:46px;border:2px solid #6f9189;border-radius:10px;background:#fff;color:#17231f;padding:.7rem .75rem;font:inherit}.battery-field input:disabled{background:#e7ecea;color:#697873;cursor:not-allowed}.battery-field input:focus-visible,.battery-mode:focus-within{outline:3px solid #f2b84b;outline-offset:2px}.battery-unit{grid-column:2;color:#355a52;font-weight:800;white-space:nowrap}.battery-field small,.battery-help{grid-column:1/-1;color:#53665f;font-weight:500;line-height:1.5}.battery-input-kind{border:0;padding:0;margin:.8rem 0}.battery-input-kind legend{font-weight:800;margin-bottom:.4rem}.battery-error{min-height:1.5em;color:#a12626;font-weight:800;margin:.8rem 0 0}.battery-results{position:sticky;top:1rem}.battery-primary{background:#254d47;color:#fff;border-radius:16px;padding:1rem;min-width:0}.battery-primary h3{font-size:.9rem;margin:0 0 .35rem;color:#dceae6}.battery-primary output{display:block;font-size:clamp(1.7rem,4vw,2.5rem);font-weight:900;overflow-wrap:anywhere}.battery-secondary,.battery-next{display:block;margin-top:.35rem;color:#dceae6;font-weight:700;overflow-wrap:anywhere}.battery-result-note{color:#4f625b;line-height:1.65;margin:.8rem 0 0}.battery-summary{display:grid;gap:.5rem;margin:1rem 0}.battery-summary>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:.75rem;border-bottom:1px solid #d7e1dd;padding:.45rem 0}.battery-summary dt{color:#53665f}.battery-summary dd{margin:0;text-align:right;font-weight:800;overflow-wrap:anywhere}.battery-actions{display:flex;gap:.65rem;flex-wrap:wrap}.battery-actions button{flex:1 1 10rem}.battery-guide{margin-top:1.2rem}.battery-guide code{white-space:normal;overflow-wrap:anywhere}.battery-faq details{border-top:1px solid #d7e1dd;padding:.75rem 0}.battery-faq summary{cursor:pointer;font-weight:800}.battery-faq p{margin:.55rem 0 0}.battery-caution{border-left:4px solid #5d8d82;padding-left:.75rem}
@media(max-width:860px){.battery-layout{grid-template-columns:minmax(0,1fr)}.battery-results{position:static}}
@media(max-width:640px){.container--mobile-battery{padding-inline:.75rem}.battery-intro{border-radius:18px}.battery-fields{grid-template-columns:minmax(0,1fr)}.battery-summary>div{grid-template-columns:minmax(0,1fr);gap:.2rem}.battery-summary dd{text-align:left}.battery-actions{display:grid}.battery-mode{width:100%}.battery-guide h2{overflow-wrap:anywhere}}