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