.battery-breadcrumb{color:#6b7280;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.battery-breadcrumb a{text-decoration:underline;text-underline-offset:.2rem}.battery-tool-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(19rem,1fr);gap:1.5rem;align-items:start}.battery-main-column{min-width:0}.battery-work-area,.battery-settings,.battery-details,.battery-guide,.battery-examples,.battery-related{border:1px solid #e5e7eb;border-radius:.75rem;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.05)}.battery-work-area{overflow:hidden}.battery-work-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.5rem;border-bottom:1px solid #e5e7eb;background:#fcfcfc}.battery-work-heading h2,.battery-settings-heading h2,.battery-details h2,.battery-guide h2,.battery-examples h2,.battery-related h2{font-family:var(--font-headline,"Inter",sans-serif);font-size:1.3rem;font-weight:900;letter-spacing:-.025em;text-transform:uppercase}.battery-kicker{margin-bottom:.2rem;color:#6b7280;font-size:.65rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.battery-local-badge{display:inline-flex;align-items:center;gap:.35rem;border:1px solid #d1d5db;border-radius:999px;padding:.38rem .65rem;color:#4b5563;font-size:.7rem;font-weight:800;white-space:nowrap}.battery-local-badge .material-symbols-outlined{font-size:1rem}
.battery-stage{min-height:350px;padding:.75rem 1rem;background:radial-gradient(circle at 50% 38%,#fff 0,#fcfcfc 48%,#f4f4f4 100%);display:flex;align-items:center;justify-content:center}.battery-svg{display:block;width:100%;height:auto;max-width:920px;overflow:visible}.battery-module>rect:first-child,.battery-load-module>rect:first-child{fill:url(#battery-case-gradient);stroke:#111827;stroke-width:6}.battery-module>path{fill:#111827}.battery-usable-track{fill:#e5e7eb;stroke:#9ca3af;stroke-width:2}.battery-usable-fill{fill:#ffd700;transition:width .18s ease}.battery-cell-lines{fill:none;stroke:#fff;stroke-width:5;opacity:.78}.battery-module text,.battery-load-module text,.battery-flow-label{fill:#374151;font-family:var(--font-headline,"Inter",sans-serif);font-weight:900}.battery-module text:first-of-type{font-size:24px}.battery-module text:last-of-type{font-size:15px;fill:#6b7280}.battery-flow-line{fill:none;stroke:url(#battery-flow-gradient);stroke-width:8;stroke-linecap:round}.battery-flow-head{fill:#d6b800}.battery-flow-label{font-size:15px}.battery-load-module>rect:nth-child(2){fill:#111827}.battery-load-module path{fill:none;stroke:#111827;stroke-width:6;stroke-linecap:round}.battery-load-module circle{fill:#ffd700;stroke:#fff;stroke-width:4}.battery-load-module path:last-of-type{stroke:#111827;stroke-width:5}.battery-load-module text{font-size:16px}.battery-svg-metric rect{fill:#fff;stroke:#d1d5db;stroke-width:2}.battery-svg-metric text:first-of-type{fill:#6b7280;font-family:var(--font-headline,"Inter",sans-serif);font-size:11px;font-weight:900;letter-spacing:.7px}.battery-svg-metric text:last-of-type{fill:#111827;font-family:var(--font-headline,"Inter",sans-serif);font-size:19px;font-weight:900}.battery-svg-invalid[hidden]{display:none}.battery-svg-invalid circle{fill:#fef2f2;stroke:#b91c1c;stroke-width:5}.battery-svg-invalid path{stroke:#b91c1c;stroke-width:8;stroke-linecap:round}.battery-svg-invalid text{fill:#991b1b;font-size:20px;font-weight:900}
.battery-result{border-top:1px solid #e5e7eb;padding:1.45rem 1.5rem 1.2rem;text-align:center}.battery-result strong{display:block;font-family:var(--font-headline,"Inter",sans-serif);font-size:clamp(2.5rem,6vw,4.2rem);font-weight:900;letter-spacing:-.055em;line-height:1}.battery-result>span{display:block;margin-top:.5rem;color:#4b5563;font-size:.75rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.battery-result>p:last-child{max-width:46rem;margin:.7rem auto 0;color:#6b7280;font-size:.76rem;line-height:1.5}.battery-invalid{display:flex;align-items:flex-start;gap:.75rem;margin:1.5rem;border:1px solid #fca5a5;border-radius:.7rem;background:#fef2f2;padding:1rem;color:#991b1b}.battery-invalid .material-symbols-outlined{font-size:1.4rem}.battery-invalid strong{display:block;font-size:.9rem}.battery-invalid p{margin-top:.25rem;font-size:.78rem;line-height:1.5}.battery-summary{display:grid;grid-template-columns:repeat(4,1fr);margin:0 1.5rem 1.5rem;overflow:hidden;border:1px solid #e5e7eb;border-radius:.65rem}.battery-summary div{padding:.85rem .5rem;text-align:center}.battery-summary div+div{border-left:1px solid #e5e7eb}.battery-summary dt{color:#6b7280;font-size:.62rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.battery-summary dd{margin-top:.25rem;font-size:.84rem;font-weight:900}
.battery-settings{position:sticky;top:6rem;overflow:hidden}.battery-settings-heading{padding:1.5rem;border-bottom:1px solid #e5e7eb;background:#fcfcfc}.battery-settings-heading p{margin-top:.18rem;color:#6b7280;font-size:.65rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.battery-settings-body{padding:1.5rem}.battery-section{min-width:0;margin:0;padding:0;border:0}.battery-section+.battery-section{margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid #e5e7eb}.battery-section legend{margin-bottom:.7rem;color:#4b5563;font-size:.67rem;font-weight:900;letter-spacing:.15em;text-transform:uppercase}.battery-field{display:block}.battery-field>span,.battery-value-grid label>span{display:block;margin-bottom:.35rem;color:#374151;font-size:.7rem;font-weight:800}.battery-field input,.battery-field select,.battery-value-grid input,.battery-value-grid select{width:100%;min-height:46px;border:1px solid #d1d5db;border-radius:.58rem;background:#fff;padding:.65rem .75rem;color:#111;font-size:.9rem;font-weight:750}.battery-field input:focus,.battery-field select:focus,.battery-value-grid input:focus,.battery-value-grid select:focus,.battery-actions button:focus-visible,.battery-preset-row button:focus-visible{border-color:#c9a900;outline:3px solid rgba(255,215,0,.24)}.battery-field input[aria-invalid="true"],.battery-value-grid input[aria-invalid="true"]{border-color:#b91c1c;outline-color:rgba(185,28,28,.18)}.battery-value-grid{display:grid;grid-template-columns:minmax(0,1fr) 6.5rem;gap:.65rem}.battery-spaced{margin-top:.8rem}.battery-field-help,.battery-field-error{margin-top:.45rem;font-size:.7rem;line-height:1.45}.battery-field-help{color:#6b7280}.battery-field-error{min-height:1em;color:#991b1b;font-weight:800}.battery-segmented{display:grid;grid-template-columns:1fr 1fr;padding:.2rem;border-radius:.65rem;background:#f4f4f4}.battery-segmented button{min-height:44px;border:0;border-radius:.5rem;background:transparent;font-size:.73rem;font-weight:900}.battery-segmented button[aria-pressed="true"]{background:#ffd700;box-shadow:0 1px 2px rgba(0,0,0,.1)}.battery-segmented button:focus-visible{outline:3px solid rgba(17,17,17,.22)}.battery-preset-row{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.7rem}.battery-preset-row button{min-height:34px;border:1px solid #e5e7eb;border-radius:.5rem;background:#fff;padding:.3rem .5rem;color:#4b5563;font-size:.62rem;font-weight:900}.battery-preset-row button:hover{border-color:#111}.battery-actions{margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid #e5e7eb}.battery-actions button{display:flex;width:100%;min-height:44px;align-items:center;justify-content:center;gap:.4rem;border:1px solid #d1d5db;border-radius:.58rem;background:#fff;color:#374151;font-size:.72rem;font-weight:900}.battery-actions button:hover{border-color:#111;background:#f9fafb}.battery-actions .material-symbols-outlined{font-size:1rem}.battery-privacy{display:flex;align-items:flex-start;gap:.5rem;margin-top:1rem;border-radius:.6rem;background:#f4f4f4;padding:.75rem;color:#4b5563;font-size:.68rem;line-height:1.45}.battery-privacy .material-symbols-outlined{font-size:1rem}
.battery-details,.battery-guide,.battery-examples,.battery-related{margin-top:1.5rem;padding:1.5rem}.battery-breakdown{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-top:1rem}.battery-breakdown article,.battery-guide-grid article{border:1px solid #e5e7eb;border-radius:.6rem;background:#fcfcfc;padding:1rem}.battery-breakdown strong,.battery-guide-grid strong{font-family:var(--font-headline,"Inter",sans-serif);font-size:.92rem}.battery-breakdown p,.battery-guide-grid p{margin-top:.35rem;color:#4b5563;font-size:.78rem;line-height:1.55}.battery-guide-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;margin-top:1rem}.battery-estimate-note{margin-top:1rem;border:1px solid #e5e7eb;border-radius:.6rem;background:#fffdf1;padding:.8rem 1rem;color:#4b5563;font-size:.78rem;line-height:1.55}.battery-examples>div:last-child{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-top:1rem}.battery-examples article{display:flex;flex-direction:column;border:1px solid #e5e7eb;border-radius:.6rem;padding:1rem}.battery-examples strong{font-size:.8rem}.battery-examples span{margin-top:.3rem;color:#6b7280;font-size:.73rem;font-weight:800}.battery-related{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.battery-related>div:last-child{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;flex:0 1 48rem}.battery-related a{display:flex;align-items:center;gap:.7rem;border:1px solid #e5e7eb;border-radius:.65rem;padding:.8rem;transition:border-color .12s ease,background-color .12s ease}.battery-related a:hover,.battery-related a:focus-visible{border-color:#111;background:#fff9d6;outline:none}.battery-related a>span:nth-child(2){display:flex;min-width:0;flex:1;flex-direction:column}.battery-related a strong{font-size:.73rem}.battery-related a small{margin-top:.16rem;color:#6b7280;font-size:.62rem;line-height:1.35}.battery-related a>span:last-child{font-size:1rem}
@media(max-width:1279px){.battery-tool-grid{grid-template-columns:1fr}.battery-main-column{display:contents}.battery-work-area{order:1}.battery-settings{position:static;order:2}.battery-details{order:3}.battery-guide{order:4}.battery-examples{order:5}.battery-related{order:6}}
@media(max-width:767px){.battery-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.battery-related{align-items:stretch;flex-direction:column}.battery-related>div:last-child{grid-template-columns:1fr}}
@media(max-width:639px){.battery-work-heading{align-items:flex-start;flex-direction:column;padding:1rem}.battery-stage{min-height:230px;padding:.25rem}.battery-result{padding:1.2rem 1rem}.battery-result strong{font-size:2.7rem}.battery-summary{grid-template-columns:repeat(2,1fr);margin:0 1rem 1rem}.battery-summary div:nth-child(3){border-left:0;border-top:1px solid #e5e7eb}.battery-summary div:nth-child(4){border-top:1px solid #e5e7eb}.battery-settings-body,.battery-settings-heading,.battery-details,.battery-guide,.battery-examples,.battery-related{padding:1rem}.battery-value-grid{grid-template-columns:minmax(0,1fr) 5.8rem}.battery-breakdown,.battery-guide-grid,.battery-examples>div:last-child{grid-template-columns:1fr}.battery-svg-metric text:first-of-type{font-size:14px}.battery-svg-metric text:last-of-type{font-size:24px}.battery-module text:first-of-type{font-size:29px}.battery-module text:last-of-type,.battery-flow-label,.battery-load-module text{font-size:20px}}
@media(prefers-reduced-motion:reduce){.battery-usable-fill,.battery-related a{transition:none}}