.battery-intro{display:grid;grid-template-columns:1.05fr 1fr;gap:65px;align-items:center;padding-top:60px;padding-bottom:45px}.battery-intro h1{font-size:clamp(42px,5vw,68px);margin-bottom:24px;max-width:20ch}.battery-intro .lead{max-width:38ch}.battery-intro p:not(.lead){color:var(--muted);max-width:55ch;font-size:16px}.battery-intro figure img{width:100%;height:355px;object-fit:cover;border-radius:20px}.battery-intro figcaption{font-size:12px;color:var(--muted);margin-top:12px}.revelation-range{display:grid;grid-template-columns:.9fr 1.3fr;gap:65px;padding-top:35px;padding-bottom:55px}.revelation-range h2{font-size:36px;max-width:18ch}.revelation-range p{color:var(--muted);font-size:16px}.revelation-models{display:grid;grid-template-columns:1fr 1fr;gap:32px;border-top:1px solid var(--line);padding-top:25px}.revelation-models svg{width:62px;height:48px;color:var(--navy);margin-bottom:18px}.revelation-models h3{font-size:25px;margin-bottom:14px}.revelation-models p{font-size:15px}.revelation-models .battery-small{font-size:12px;line-height:1.6}.revelation-models .text-link svg{width:24px;height:24px;margin:0}.battery-planner{padding-top:35px;padding-bottom:45px;border-top:1px solid var(--line);scroll-margin-top:110px}.planner-heading{max-width:800px;margin-bottom:30px}.planner-heading h2{font-size:38px;margin-bottom:20px}.planner-heading p{font-size:17px;color:var(--muted)}.planner-loading{padding:30px 0;font-size:16px}.planner-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:42px;align-items:start}.planner-block{margin-bottom:30px;padding-bottom:26px;border-bottom:1px solid var(--line)}.planner-block h3{font-size:26px;margin-bottom:18px}.planner-block-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:10px}.planner-block-heading h3{margin:0}.planner-help{font-size:13px;line-height:1.65;color:var(--muted);margin:12px 0 18px;max-width:72ch}.load-row{padding:22px 0;border-top:1px solid var(--line)}.load-row-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:16px}.remove-load{display:grid;place-items:center;flex:none;width:44px;height:44px;border:1px solid var(--line);border-radius:11px;background:white;color:var(--navy)}.remove-load:hover{background:var(--navy);color:white}.load-row-fields{display:grid;grid-template-columns:.8fr 1fr 1fr 1fr 1.2fr;gap:10px}.planner-inputs label:not(.bank-selector label):not(.monitoring-options label):not(.internet-check):not(.option-card){display:block;font-size:12px;font-weight:500;line-height:1.5;margin-bottom:7px}.planner-inputs input[type=number],.planner-inputs select{width:100%;min-height:46px;padding:10px;font-size:16px;color:var(--navy)}.planner-inputs input:invalid,.planner-inputs input[aria-invalid=true]{border-color:#AD172B}.load-energy{font-size:12px;color:var(--muted);margin:12px 0 0}.load-empty{padding:25px 0}.load-empty h4{font-size:20px;font-weight:500;margin:0 0 10px}.load-empty p{font-size:14px;color:var(--muted)}.bank-selector{margin:0;padding:0;border:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}.bank-selector legend{font-size:13px;margin-bottom:12px}.bank-selector label{position:relative;display:flex;align-items:center;gap:11px;min-height:83px;padding:16px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.7);cursor:pointer}.bank-selector label:has(input:checked){border-color:var(--navy);box-shadow:inset 0 0 0 1px var(--navy)}.bank-selector input{accent-color:var(--navy);width:20px;height:20px;flex:none;margin:0}.bank-selector span{font-size:24px;font-weight:500;line-height:1.3}.bank-selector small{display:block;font-size:12px;font-weight:400;color:var(--muted);margin-top:5px}.solar-fields,.assumption-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.solar-yield{font-size:14px;color:var(--navy);margin:0}.monitoring-options{display:flex;flex-direction:column;gap:10px}.monitoring-options label,.internet-check{display:flex;align-items:start;gap:13px;padding:16px 0;min-height:60px;cursor:pointer}.monitoring-options label+label{border-top:1px solid var(--line)}.monitoring-options input,.internet-check input{width:21px;height:21px;flex:none;accent-color:var(--navy);margin:3px 0 0}.monitoring-options strong{font-size:16px;font-weight:500;display:block}.monitoring-options small{display:block;font-size:13px;color:var(--muted);margin-top:6px;line-height:1.6}.internet-check{font-size:15px}.planner-assumptions{border-bottom:1px solid var(--line);margin-bottom:22px}.planner-assumptions summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:55px;padding-bottom:15px;font-size:16px;cursor:pointer}.planner-assumptions summary::-webkit-details-marker{display:none}.planner-assumptions[open] summary svg{transform:rotate(180deg)}.planner-assumptions>div{padding:12px 0 15px}.assumption-grid{gap:14px}.assumption-grid label{min-height:36px}.planner-view{display:none}.battery-result{position:sticky;top:110px;background:rgba(255,255,255,.76);border:1px solid var(--glass-edge);box-shadow:var(--glass-shadow);border-radius:20px;padding:27px;scroll-margin-top:110px}.battery-result h3{font-size:25px;margin-bottom:16px}.battery-result .battery-count{font-size:42px;line-height:1.1;letter-spacing:-.03em;margin:20px 0 10px}.battery-result #battery-model{font-size:15px;margin-bottom:22px}.plan-metrics{margin:0 0 20px;border-top:1px solid var(--line)}.plan-metrics>div{display:flex;justify-content:space-between;gap:15px;padding:12px 0;border-bottom:1px solid var(--line);font-size:13px}.plan-metrics dt{color:var(--muted)}.plan-metrics dd{margin:0;text-align:right;font-weight:500;font-variant-numeric:tabular-nums}.plan-contents h4{font-weight:500;font-size:15px;margin:22px 0 12px}.plan-contents ul{padding-left:19px;font-size:13px;color:var(--muted);line-height:1.8;margin:0}.plan-total{background:var(--navy);color:white;padding:20px;border-radius:14px;margin-top:25px}.plan-total span{display:block;font-size:12px;margin-bottom:9px;color:rgba(255,255,255,.88)}.plan-total output{display:block;font-size:40px;font-weight:500;letter-spacing:-.025em;line-height:1.15;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;color:var(--accent)}.battery-result>.planner-help,.battery-result .planner-help{font-size:12px}.battery-result .button{width:100%;gap:15px;font-size:14px;padding:14px 17px}.battery-result .button[aria-disabled=true]{opacity:.45;pointer-events:none}.planner-error{color:#AD172B;padding:15px;border:1px solid currentColor;border-radius:12px;font-size:14px;line-height:1.6}.planner-notice{font-size:13px;line-height:1.6;border-top:1px solid var(--line);padding-top:15px;color:var(--navy)}.planner-system{padding-top:45px;margin-top:25px;border-top:1px solid var(--line)}.planner-system h3{font-size:32px;margin-bottom:16px}.planner-system>div>p{font-size:15px;color:var(--muted)}#boat-system-drawing{background:var(--navy);color:white;border-radius:22px;padding:26px;margin-top:25px}.system-svg{display:block;width:100%;height:auto;font-family:var(--font)}.system-phone{display:none}.system-node rect{fill:var(--navy);stroke:rgba(255,255,255,.65);stroke-width:1.5}.system-node text{fill:white;font-size:19px}.system-node text:last-child{font-size:16px}.system-node.system-bank text:first-of-type{fill:var(--accent);font-size:23px;font-weight:500}.node-off{opacity:.55}.system-connection{fill:none;stroke:var(--accent);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.connection-off{opacity:.35}.data-connection{stroke-dasharray:5 6}.system-legend{font-size:12px;color:rgba(255,255,255,.85);line-height:1.6;max-width:90ch;margin:15px 0 0}.diagram-empty{padding:35px 10px;font-size:16px;color:inherit}.battery-next{padding-top:35px;padding-bottom:65px}.battery-next h2{font-size:34px;max-width:24ch}.battery-next p{color:var(--muted);font-size:16px;max-width:65ch}
@media(max-width:1100px){.planner-layout{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:25px}.battery-result{padding:22px}.load-row-fields{grid-template-columns:repeat(3,1fr)}.load-row-fields>div:nth-child(4),.load-row-fields>div:nth-child(5){grid-column:auto}.plan-total{padding:17px}.plan-total output{font-size:34px}.battery-intro{gap:35px}.revelation-range{gap:35px;grid-template-columns:1fr 1.4fr}}
@media(max-width:980px){.planner-layout{grid-template-columns:1fr}.battery-result{position:static;max-width:none}.planner-view{display:inline-flex;margin-bottom:5px}.system-wide{display:none}.system-phone{display:block;max-width:470px;margin-inline:auto}.system-node text{font-size:16px}.system-node text:last-child{font-size:14px}.system-node.system-bank text:first-of-type{font-size:17px}.battery-result .battery-count{font-size:40px}.plan-total output{font-size:42px}.revelation-range{grid-template-columns:1fr;gap:25px}.revelation-range h2{max-width:24ch}}
@media(max-width:760px){.battery-intro{grid-template-columns:1fr;gap:28px;padding-top:35px;padding-bottom:28px}.battery-intro h1{font-size:39px;line-height:1.1}.battery-intro .lead{font-size:19px}.battery-intro p:not(.lead){font-size:15px}.battery-intro figure img{height:245px;border-radius:18px}.battery-intro .button{font-size:14px}.revelation-range{padding-top:28px;padding-bottom:30px}.revelation-range h2{font-size:30px}.revelation-range p{font-size:15px}.revelation-models{gap:22px;padding-top:22px}.revelation-models h3{font-size:21px}.revelation-models p{font-size:13px}.revelation-models .text-link{font-size:13px;gap:9px}.revelation-models svg{width:52px;height:40px}.battery-planner{padding-top:28px;scroll-margin-top:95px}.planner-heading h2{font-size:31px;max-width:18ch}.planner-heading p{font-size:15px}.planner-block h3{font-size:24px}.planner-block-heading{align-items:start;gap:12px}.planner-block-heading .back-button{font-size:12px;white-space:nowrap}.planner-help{font-size:12px}.load-row{padding:18px 0}.load-row-heading{gap:12px}.load-row-fields{grid-template-columns:1fr 1fr;gap:13px}.load-row-fields>div:last-child{grid-column:1/-1;max-width:calc(50% - 6px)}.bank-selector{gap:10px}.bank-selector label{padding:14px;gap:9px}.bank-selector span{font-size:22px}.bank-selector small{font-size:11px}.solar-fields{gap:13px}.solar-fields label{min-height:36px}.assumption-grid{grid-template-columns:1fr 1fr;gap:16px}.assumption-grid label{min-height:54px}.monitoring-options strong{font-size:15px}.monitoring-options small{font-size:12px}.battery-result{padding:22px;border-radius:18px;scroll-margin-top:95px}.battery-result h3{font-size:25px}.plan-total output{font-size:38px}.planner-system{padding-top:30px;margin-top:5px}.planner-system h3{font-size:29px}.planner-system>div>p{font-size:14px}#boat-system-drawing{padding:18px 10px;border-radius:18px}.system-legend{padding:0 8px;font-size:12px}.battery-next{padding-top:20px;padding-bottom:40px}.battery-next h2{font-size:29px}.battery-next p{font-size:14px}}
@media(prefers-reduced-transparency:reduce){.battery-result{background:white}}
.plan-total output.long-total{font-size:28px}.revelation-models .text-link svg{width:22px;height:22px}

#boat-system-drawing .system-legend{color:rgba(255,255,255,.85)}.planner-field-error{color:#AD172B;font-size:12px;line-height:1.5;margin:7px 0 0}.planner-top-view{display:none}@media(max-width:980px){.planner-top-view{display:inline-flex;margin-top:3px}}
/* One-tap equipment picker and direct controls. */
.equipment-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:22px 0 8px}.equipment-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:12px;min-height:106px;padding:16px 13px;background:rgba(255,255,255,.66);border:1px solid var(--line);border-radius:14px;text-align:left;color:var(--navy);transition:background .16s ease-out,border-color .16s ease-out}.equipment-card:hover{background:white;border-color:var(--navy)}.equipment-card.has-load{border-color:var(--navy);background:rgba(255,255,255,.95)}.equipment-card>svg{width:24px;height:24px}.equipment-card strong{font-size:13px;font-weight:600;line-height:1.35;max-width:100%;padding-right:12px}.equipment-card-add{position:absolute;right:8px;bottom:12px;display:grid;place-items:center;color:var(--navy)}.equipment-card-add svg{width:17px;height:17px}.equipment-card-count{position:absolute;right:9px;top:9px;background:var(--accent);color:var(--navy);font-size:12px;font-weight:600;border-radius:7px;min-width:22px;height:22px;display:grid;place-items:center}.equipment-card-count[hidden]{display:none}.load-row-heading{align-items:center}.load-row-heading h4{font-size:21px;line-height:1.3;font-weight:600;letter-spacing:-.02em;margin:0}.load-row-fields{grid-template-columns:1.2fr 1fr 1fr 1.2fr}.field-label{display:block;font-size:12px;font-weight:500;line-height:1.5;margin-bottom:7px}.number-stepper{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;min-width:0;min-height:46px;border:1px solid rgba(11,37,69,.22);background:rgba(255,255,255,.88);border-radius:12px}.number-stepper>button{display:grid;place-items:center;width:44px;min-height:44px;background:transparent;border:0;border-radius:10px;color:var(--navy)}.number-stepper>button:hover:not(:disabled){background:rgba(11,37,69,.07)}.number-stepper input[type=number]{border:0;border-radius:0;min-width:0;padding:5px 0;background:transparent;text-align:center;appearance:textfield;-moz-appearance:textfield}.number-stepper input::-webkit-inner-spin-button,.number-stepper input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.sun-stepper #sun-hours{font-size:20px;font-variant-numeric:tabular-nums;text-align:center;min-width:0}.supply-switch{display:grid;grid-template-columns:1fr 1fr;width:100%;min-height:46px;border:1px solid rgba(11,37,69,.22);border-radius:12px;padding:3px;background:rgba(255,255,255,.88);color:var(--navy)}.supply-switch span{display:grid;place-items:center;border-radius:9px;font-size:12px;line-height:1.2;padding:5px 3px;transition:background .16s ease-out,color .16s ease-out}.supply-switch[data-supply=dc] span:first-child,.supply-switch[data-supply=ac] span:last-child{background:var(--navy);color:white}.solar-fit{font-size:18px;font-weight:500;line-height:1.5;color:var(--navy);margin:10px 0}.victron-note{font-size:13px!important;line-height:1.65}.victron-note img{display:block;max-width:130px;height:36px;object-fit:contain;object-position:left center;margin:24px 0 15px}#download-battery-pdf{margin-top:20px}#pdf-status:empty{display:none}.planner-field-error{grid-column:1/-1}
@media(max-width:1100px){.equipment-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.load-row-fields{grid-template-columns:1fr 1fr}.load-row-fields>div:last-child{max-width:none;grid-column:auto}}
@media(max-width:980px){.equipment-cards{grid-template-columns:repeat(5,minmax(0,1fr))}.load-row-fields{grid-template-columns:1.2fr 1fr 1fr 1.2fr}}
@media(max-width:760px){.equipment-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.equipment-card{min-height:96px;padding:13px 9px;gap:10px}.equipment-card strong{font-size:12px;padding-right:9px}.equipment-card>svg{width:22px;height:22px}.equipment-card-add{right:5px;bottom:9px}.equipment-card-add svg{width:15px;height:15px}.equipment-card-count{right:7px;top:7px;min-width:20px;height:20px;font-size:11px}.load-row-fields{grid-template-columns:1fr 1fr}.load-row-fields>div:last-child{grid-column:auto;max-width:none}.load-row-heading h4{font-size:20px}.solar-fields{grid-template-columns:1fr 1fr}.solar-fields label{min-height:36px}.sun-stepper{grid-template-columns:44px minmax(0,1fr) 44px}.solar-fit{font-size:16px}.victron-note{font-size:13px!important}.battery-result{position:static}}
.equipment-actions{display:flex;align-items:center;gap:14px}.expert-mode{display:inline-flex;align-items:center;gap:12px;min-height:44px;padding:9px 12px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.78);color:var(--navy);font-size:13px;font-weight:500;white-space:nowrap}.expert-mode[aria-pressed=true]{background:var(--navy);color:white}.expert-mode span{font-size:11px;opacity:.8}.load-settings{font-size:13px;color:var(--muted);line-height:1.6;margin:7px 0 0}.expert-field[hidden],.load-settings[hidden]{display:none!important}.basic-mode .load-row-fields{grid-template-columns:minmax(0,180px)}.monitoring-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.planner-inputs .option-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:15px;padding:19px 16px;min-height:180px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.66);cursor:pointer;color:var(--navy)}.planner-inputs .option-card+.option-card{border:1px solid var(--line)}.option-card:has(input:checked){border-color:var(--navy)!important;background:rgba(255,255,255,.97)}.option-card:has(input:focus-visible){outline:3px solid var(--navy);outline-offset:4px}.option-card input[type=checkbox]{position:absolute;opacity:0;width:1px;height:1px;margin:0}.option-card>svg{width:25px;height:25px}.option-card strong{display:block;padding-right:15px;font-size:16px;font-weight:600;line-height:1.35}.option-card small{display:block;margin-top:9px;font-size:13px;line-height:1.6;color:var(--muted)}.option-check{position:absolute;top:16px;right:13px;width:20px;height:20px;border-radius:6px;border:1px solid var(--line)}.option-check>svg{display:none;width:18px;height:18px}.option-card:has(input:checked) .option-check{border-color:var(--navy);background:var(--accent)}.option-card:has(input:checked) .option-check::after{content:"";position:absolute;left:5px;top:3px;width:6px;height:10px;border:solid var(--navy);border-width:0 2px 2px 0;transform:rotate(45deg)}.planner-inputs .solar-option{display:grid;grid-template-columns:32px 1fr;align-items:center;min-height:110px;margin-bottom:20px}.solar-option strong{padding-right:25px}.planner-inputs .internet-option{min-height:100px;margin-top:16px}.option-card:hover{background:white}.diagram-heading{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px}.diagram-heading h3{width:100%}.diagram-heading>p{flex:1;min-width:210px;margin:0}.diagram-heading .back-button{min-height:44px;white-space:nowrap}.diagram-icon{color:white}.system-bank .diagram-icon{color:var(--accent)}.system-flow{fill:none;stroke:var(--navy);stroke-width:3.5;stroke-dasharray:2 14;stroke-linecap:round;animation:power-flow 3.2s linear infinite}.data-connection{animation:monitor-flow 4s linear infinite}.diagram-paused .system-flow,.diagram-paused .data-connection,.diagram-offscreen .system-flow,.diagram-offscreen .data-connection{animation-play-state:paused}@keyframes power-flow{to{stroke-dashoffset:-32}}@keyframes monitor-flow{to{stroke-dashoffset:-44}}#pdf-alternatives{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin-top:10px}#pdf-alternatives[hidden]{display:none}#share-battery-pdf{padding:0;border:0;background:none;font:inherit;font-size:13px;cursor:pointer}#share-battery-pdf[hidden]{display:none}#download-battery-pdf[aria-disabled=true]{opacity:.5;pointer-events:none}#retry-battery-pdf{min-height:44px;margin-top:10px}.battery-result .button+.button{margin-top:12px}
@media(max-width:1100px){.monitoring-options{grid-template-columns:1fr 1fr}.monitoring-options>.option-card:first-child{grid-column:1/-1;min-height:130px}.equipment-actions{gap:10px}.expert-mode{padding:8px 10px;font-size:12px}}
@media(max-width:760px){.planner-block-heading{flex-wrap:wrap;align-items:center}.equipment-actions{width:100%;justify-content:space-between;margin-bottom:4px}.load-settings{font-size:12px}.basic-mode .load-row-fields{grid-template-columns:minmax(0,164px)}.monitoring-options{grid-template-columns:1fr 1fr}.planner-inputs .option-card{min-height:175px;padding:16px 13px}.monitoring-options>.option-card:first-child{min-height:125px}.option-card strong{font-size:15px}.option-card small{font-size:12px}.option-check{right:11px;top:13px}.planner-inputs .solar-option{min-height:115px;gap:12px}.solar-option strong{padding-right:20px}.planner-inputs .internet-option{min-height:108px}#battery-planner,#battery-result{scroll-margin-top:112px}.diagram-heading{gap:12px}}
@media(prefers-reduced-motion:reduce){#boat-system-drawing:not([data-motion-opt-in]) .system-flow,#boat-system-drawing:not([data-motion-opt-in]) .data-connection{animation:none!important}}
/* The catalogue is the complete normal-mode interface. */
.equipment-card{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;padding:10px;cursor:default;min-height:210px}.equipment-card-main{display:flex;flex:1;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:8px;width:100%;min-width:0;min-height:126px;padding:3px 0 8px;border:0;background:none;color:var(--navy);text-align:left;border-radius:7px}.equipment-card-main>svg{width:24px;height:24px;margin-bottom:3px}.equipment-card-main strong{display:block;min-height:35px;padding:0;max-width:100%;font-size:13px;font-weight:600;line-height:1.35}.equipment-card-watts{font-size:14px;font-weight:600;line-height:1.35;font-variant-numeric:tabular-nums}.equipment-card-settings{font-size:12px;line-height:1.5;color:var(--muted)}.equipment-card-count{display:grid;right:9px;top:9px;background:rgba(11,37,69,.07);color:var(--muted)}.equipment-card.has-load .equipment-card-count{background:var(--accent);color:var(--navy)}.equipment-card-energy{font-size:11px;line-height:1.5;color:var(--muted);margin:2px 0 9px;min-height:17px}.equipment-card-controls{display:flex;justify-content:space-between;gap:4px;margin-inline:-4px}.equipment-card-controls button{display:grid;place-items:center;width:44px;height:44px;min-height:44px;padding:0;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.9);color:var(--navy)}.equipment-card-controls button.card-increase{background:var(--accent);border-color:transparent}.equipment-card-controls button:hover:not(:disabled){border-color:var(--navy)}.equipment-card-controls svg{width:20px;height:20px}#load-rows[hidden]{display:none!important}.equipment-card-main:focus-visible{outline-offset:3px}
@media(max-width:760px){.equipment-card{padding:8px;min-height:216px}.equipment-card-main{gap:7px;min-height:132px}.equipment-card-main>svg{width:22px;height:22px}.equipment-card-main strong{font-size:12px;min-height:33px}.equipment-card-watts{font-size:13px}.equipment-card-settings{font-size:11px}.equipment-card-energy{font-size:11px;min-height:17px;white-space:normal;overflow-wrap:anywhere}.equipment-card-controls{margin-inline:-5px}.equipment-card-count{right:7px;top:7px}}

.equipment-card-main:disabled{opacity:1;cursor:default}
.runtime-presets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.runtime-presets button{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:6px;min-height:82px;padding:14px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.7);color:var(--navy);text-align:left}.runtime-presets strong{font-size:16px;font-weight:600;line-height:1.3}.runtime-presets span{font-size:13px}.runtime-presets button[aria-pressed=true]{background:var(--navy);border-color:var(--navy);color:white}.runtime-presets button:hover{border-color:var(--navy)}.alternator-selectors{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-bottom:20px}.alternator-selectors .bank-selector{gap:9px}.alternator-selectors .bank-selector label{padding:13px;min-height:76px}.alternator-selectors .bank-selector span{font-size:22px}#alternator-block[hidden],#inverter-metric[hidden]{display:none!important}@media(max-width:1100px){.alternator-selectors{grid-template-columns:1fr}}@media(max-width:760px){.runtime-presets{grid-template-columns:1fr 1fr}.runtime-presets button{min-height:78px}.runtime-presets strong{font-size:16px}}

/* Charging controls retain the same navy, acid and tactile selection language. */
.charging-toggle{display:flex!important;align-items:center;gap:16px;min-height:64px;position:relative;cursor:pointer;margin-bottom:20px!important}.charging-toggle>span:first-child{flex:1}.charging-toggle strong{display:block;font-size:16px}.charging-toggle small{display:block;font-size:12px;color:var(--muted);font-weight:400;margin-top:5px}.charging-toggle input{position:absolute;right:0;width:52px;height:44px;opacity:0;cursor:pointer}.toggle-track{width:50px;height:30px;border-radius:30px;background:#637487;padding:4px;flex:none;pointer-events:none}.toggle-track:after{content:"";display:block;width:22px;height:22px;border-radius:50%;background:white;transition:transform 160ms ease-out}.charging-toggle input:checked+.toggle-track{background:var(--navy)}.charging-toggle input:checked+.toggle-track:after{background:var(--accent);transform:translateX(20px)}.charging-toggle input:focus-visible+.toggle-track{outline:2px solid var(--navy);outline-offset:4px}
.solar-mode-selector{border:0;padding:0;margin:22px 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.solar-mode-selector legend{font-size:13px;margin-bottom:12px}.solar-mode-selector label{display:flex!important;align-items:center;gap:9px;min-height:74px;border:1px solid var(--line);border-radius:14px;padding:12px!important;cursor:pointer;margin:0!important}.solar-mode-selector label:has(:checked){border-color:var(--navy);background:var(--navy);color:white}.solar-mode-selector input{accent-color:var(--accent);width:17px;height:17px;flex:none;margin:0}.solar-mode-selector span{font-size:15px;font-weight:600}.solar-mode-selector small{display:block;font-size:11px;font-weight:400;margin-top:4px}.solar-mode-selector input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.charge-comparison{margin:24px 0}.charge-comparison h4{font-size:14px;font-weight:600;margin:0 0 10px}.charge-comparison>div{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:12px;font-size:12px;border-radius:10px}.charge-comparison strong{font-size:16px;white-space:nowrap;font-variant-numeric:tabular-nums}.charge-comparison .selected-case{background:var(--navy);color:white}.selected-case strong{color:var(--accent)}.charge-comparison .planner-help{margin:10px 0}.diagram-icon{color:white}.system-bank .diagram-icon{color:var(--accent)}
@media(max-width:400px){.solar-mode-selector{gap:6px}.solar-mode-selector label{padding:10px 8px!important;gap:5px}.solar-mode-selector span{font-size:13px}.solar-mode-selector small{font-size:10px}}
@media(prefers-reduced-motion:reduce){.toggle-track:after{transition:none}}

.pdf-access-form{margin:25px 0 0;padding-top:24px;border-top:1px solid var(--line)}.pdf-access-form h4{font-size:20px;line-height:1.3;margin:0 0 12px;font-weight:600}.pdf-access-form label{display:block;font-size:13px;font-weight:500;margin:16px 0 7px}.pdf-access-form input:not([name=website]){display:block;width:100%;min-height:48px;padding:12px;font-size:16px;background:rgba(255,255,255,.9);color:var(--navy);border:1px solid rgba(11,37,69,.22);border-radius:12px}.pdf-access-form input[aria-invalid=true]{border-color:#AD172B}.pdf-access-form button[type=submit]{margin-top:20px}.pdf-access-form button:disabled{opacity:.5;cursor:wait}.pdf-access-form [role=status][data-error=true]{color:#AD172B}.pdf-access-form [role=status]:empty{display:none}.pdf-honeypot{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}#pdf-download-actions[hidden]{display:none}
/* Selected planner cards use one clear navy/white state. */
.equipment-card.has-load,.equipment-card.has-load:hover,.planner-inputs .option-card:has(input:checked),.planner-inputs .option-card:has(input:checked):hover,.bank-selector label:has(input:checked){background:var(--navy);color:white;border-color:var(--navy)}.equipment-card.has-load .equipment-card-main,.equipment-card.has-load .equipment-card-watts,.equipment-card.has-load .equipment-card-settings,.equipment-card.has-load .equipment-card-energy,.equipment-card.has-load .equipment-card-count,.planner-inputs .option-card:has(input:checked) strong,.planner-inputs .option-card:has(input:checked) small,.planner-inputs .option-card:has(input:checked)>svg,.bank-selector label:has(input:checked) small{color:white}.equipment-card.has-load .equipment-card-count{background:transparent;border:1px solid rgba(255,255,255,.6)}.equipment-card.has-load .equipment-card-controls button{background:transparent;border-color:rgba(255,255,255,.6);color:white}.equipment-card.has-load .equipment-card-controls button:hover:not(:disabled){background:rgba(255,255,255,.12);border-color:white}.option-card:has(input:checked) .option-check{background:transparent;border-color:white}.option-card:has(input:checked) .option-check::after{border-color:white}.bank-selector input{accent-color:var(--navy)}.bank-selector label:has(input:checked) input{accent-color:white}.runtime-presets button[aria-pressed=true] strong,.runtime-presets button[aria-pressed=true] span{color:white}.charge-comparison .selected-case strong{color:white}.planner-help:empty{display:none}
/* A single task heading, compact controls and notes after the system drawing. */
.battery-planner{padding-top:34px}.planner-heading{padding-bottom:0;border:0;margin-bottom:34px}.planner-heading h1{font-size:clamp(38px,4.5vw,62px);max-width:18ch;line-height:1.08;margin-bottom:20px}.planner-block,.planner-assumptions,.planner-assumptions summary,.planner-assumptions>div{border:0;box-shadow:none}.planner-block{padding-bottom:8px;margin-bottom:32px}.planner-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.alternator-runtime{max-width:250px;margin-top:22px}.alternator-runtime .number-stepper{grid-template-columns:48px minmax(70px,1fr) 48px}.alternator-runtime input{text-align:center;font-variant-numeric:tabular-nums}.alternator-runtime input::-webkit-inner-spin-button,.alternator-runtime input::-webkit-outer-spin-button{appearance:none;margin:0}.alternator-runtime input[type=number]{appearance:textfield}.solar-toggle{margin-bottom:16px!important}.planner-footnotes{padding-top:42px;padding-bottom:20px;max-width:100ch}.planner-footnotes h2{font-size:24px;margin-bottom:22px}.planner-footnotes ol{padding-left:22px;columns:2;column-gap:44px}.planner-footnotes li{break-inside:avoid;margin:0 0 13px;padding-left:4px;font-size:12px;color:var(--muted);line-height:1.65}.planner-footnotes p,.planner-footnotes .planner-help,.planner-footnotes .solar-yield,.planner-footnotes .planner-notice{font-size:12px;font-weight:400;line-height:1.65;margin:0;border:0;padding:0;color:var(--muted)}.planner-footnotes li:has(>p:empty:only-child),.planner-footnotes li:has(>p[hidden]:only-child){display:none}.equipment-card.has-load .equipment-card-controls [data-card-remove]:not(:disabled){background:var(--error,#AD172B);border-color:var(--error,#AD172B);color:white}.equipment-card.has-load .equipment-card-controls [data-card-remove]:hover:not(:disabled){background:var(--error,#AD172B);filter:brightness(.92);border-color:var(--error,#AD172B)}.equipment-actions .icon-action{font-size:0}.diagram-heading h3{width:auto;margin:0}.diagram-heading{margin-bottom:24px}.planner-system{border:0}.battery-result #result-status{font-size:14px}.pdf-access-form .planner-help{margin:12px 0 18px}.planner-footnotes .planner-notice[hidden]{display:none}
@media(max-width:760px){.battery-planner{padding-top:22px}.planner-heading h1{font-size:38px;max-width:15ch}.planner-heading{margin-bottom:28px}.planner-footnotes ol{columns:1}.planner-footnotes{padding-top:30px}.planner-block{margin-bottom:28px}.diagram-heading h3{font-size:26px;max-width:calc(100% - 60px)}.equipment-actions{align-items:center}.equipment-actions .icon-action{margin-left:auto}}
/* Charging switches belong to their headings; settings collapse when off. */
.charging-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.charging-heading h3{margin:0;flex:1;min-width:0}.charging-heading .heading-switch{width:52px;min-width:52px;min-height:44px;margin:0!important;flex:none}.heading-switch .toggle-track{flex:none}.heading-switch input{left:0;right:auto;width:52px;height:44px}.planner-inputs #solar-fit{margin-top:32px}#alternator-settings[hidden],#solar-space-controls[hidden]{display:none!important}.load-empty h4,.plan-contents h4,.load-row-heading h4,.charge-comparison h4,.pdf-access-form h4{font-weight:700}
@media(max-width:760px){.charging-heading{gap:14px}.charging-heading h3{font-size:24px;line-height:1.18}}

/* UI/UX Pro Max: quicker access to equipment without changing the planning order. */
.planner-jumps{display:flex;flex-wrap:wrap;gap:8px 24px}.planner-jumps .text-link{min-height:44px}#equipment-selection{scroll-margin-top:120px}
@media(max-width:760px){.planner-heading{margin-bottom:20px}.planner-heading h1{margin-bottom:12px}.planner-jumps{gap:4px 18px}.planner-jumps .text-link{font-size:13px;gap:10px}.planner-jumps svg{width:22px;height:22px}.planner-inputs>.planner-block:nth-child(-n+2){margin-bottom:20px;padding-bottom:0}.planner-inputs>.planner-block:nth-child(-n+2) h3{margin-bottom:12px}.runtime-presets button{min-height:64px;padding:10px 14px;gap:2px}.planner-inputs>.planner-block:nth-child(2) .bank-selector label{min-height:72px;padding-block:12px}}
/* Keep functional specifications readable on compact cards. */
.equipment-card-settings,.equipment-card-energy,.bank-selector small,.solar-mode-selector small{font-size:12px}
/* Selected controls: uncluttered counts, bright add action and free-standing ticks. */
.option-check,.option-card:has(input:checked) .option-check{border:0;background:transparent;border-radius:0}.option-card:has(input:checked) .option-check::after{border-color:var(--accent);border-width:0 3px 3px 0;width:8px;height:13px;left:5px;top:0}
.equipment-card.has-load .equipment-card-count{border:0;background:transparent;color:white}.equipment-card.has-load .equipment-card-controls .card-increase{background:var(--accent);border-color:var(--accent);color:var(--navy)}.equipment-card.has-load .equipment-card-controls .card-increase:hover:not(:disabled){background:var(--accent);border-color:var(--accent);color:var(--navy);filter:brightness(.94)}
.panel-stepper input{padding:0!important;text-align:center;border:0!important;min-height:44px!important;border-radius:0;background:transparent;font-size:18px!important;font-weight:600;appearance:textfield}.panel-stepper input::-webkit-inner-spin-button,.panel-stepper input::-webkit-outer-spin-button{appearance:none;margin:0}.panel-stepper input:focus-visible{outline-offset:-4px}.panel-stepper input[aria-invalid=true],.panel-stepper input:invalid{box-shadow:inset 0 -2px var(--error,#AD172B)}
.planner-section-title{font-size:26px;margin-bottom:18px;line-height:1.2}.planner-loading{min-height:100svh}
@media(max-width:760px){.planner-section-title{font-size:24px}.planner-inputs>.planner-block:first-child .planner-section-title{margin-bottom:12px}}

#boat-system-drawing.motion-inactive .system-flow,#boat-system-drawing.motion-inactive .data-connection{animation-play-state:paused}