/* Duidelijkere vermogenscalculator v2 */
.power-hero p{max-width:820px}
.power-hero-notes{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}
.power-hero-notes span{padding:8px 12px;border:1px solid rgba(255,255,255,.24);border-radius:999px;color:#edf4fa;font-size:13px;font-weight:750}
.power-form{padding:0;overflow:hidden}
.power-form>.calculator-card-head{padding:30px 30px 24px;margin:0;border-bottom:1px solid #e7edf2}
.power-form>.calculator-card-head p{margin-top:7px;color:#647184}
.power-step{padding:28px 30px;border-bottom:1px solid #e7edf2}
.power-step-heading{display:flex;align-items:flex-start;gap:14px;margin-bottom:22px}
.power-step-heading h3{font-size:22px;margin:0 0 4px}
.power-step-heading p{color:#647184;margin:0}
.step-number{display:flex;flex:0 0 34px;width:34px;height:34px;align-items:center;justify-content:center;border-radius:50%;background:#07182d;color:#fff;font-weight:900}
.field-label{display:block;color:#07182d;font-size:15px;font-weight:850}
.field-label small{font-size:12px;color:#84909d;font-weight:650}
.field-help{display:block;margin:5px 0 8px;color:#6b7785;font-size:12.5px;line-height:1.45}
.field-full{display:block;margin-bottom:18px!important}
.power-two-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.input-with-unit{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:stretch}
.input-with-unit input{border-radius:8px 0 0 8px!important}
.input-with-unit>span{display:flex;align-items:center;justify-content:center;min-width:58px;padding:0 13px;border:1px solid #ccd5de;border-left:0;border-radius:0 8px 8px 0;background:#f2f5f7;color:#43505e;font-weight:850}
.input-with-unit.compact{width:130px}
.inline-summary{display:grid;grid-template-columns:1fr auto;gap:2px 16px;align-items:center;margin-top:18px;padding:16px 18px;border-radius:11px;background:#f5f8fb;border-left:4px solid #f4bf00}
.inline-summary span{font-weight:750;color:#44515e}
.inline-summary strong{font-size:22px;color:#07182d}
.inline-summary small{grid-column:1/-1;color:#7a8794}
.preset-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}
.preset-button{border:1px solid #d7e0e8;background:#fff;border-radius:999px;padding:9px 13px;color:#344353;font:inherit;font-size:13px;font-weight:800;cursor:pointer}
.preset-button:hover,.preset-button.is-active{background:#07182d;border-color:#07182d;color:#fff}
.range-field{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center}
.range-field input[type=range]{width:100%;accent-color:#f4bf00}
.phase-choice{display:grid;grid-template-columns:1fr 1fr;gap:12px;border:0;padding:0;margin:0 0 20px}
.phase-option{display:block!important;margin:0!important;cursor:pointer}
.phase-option input{position:absolute;opacity:0;pointer-events:none}
.phase-option>span{display:block;height:100%;padding:17px;border:2px solid #dfe6ec;border-radius:12px;background:#fff;transition:.15s}
.phase-option strong,.phase-option small{display:block}
.phase-option strong{font-size:18px;color:#07182d}
.phase-option small{margin-top:5px;color:#657282;line-height:1.4}
.phase-option input:checked+span{border-color:#f4bf00;background:#fff9dc;box-shadow:0 0 0 3px rgba(244,191,0,.13)}
.phase-option input:focus-visible+span{outline:3px solid rgba(18,105,180,.28);outline-offset:2px}
.visually-hidden-select,.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.help-details{margin-top:18px;border:1px solid #e0e7ed;border-radius:10px;background:#f8fafb}
.help-details summary{padding:14px 16px;cursor:pointer;color:#324252;font-weight:850}
.help-details p{padding:0 16px 16px;color:#647184;font-size:14px;line-height:1.6}
.power-actions{padding:24px 30px;margin:0!important}
.power-form>.field-error{padding:0 30px 20px;margin:0}
.power-results{top:95px}
.result-header p{margin-top:8px;color:#aebdca;font-size:13px;line-height:1.45}
.result-highlight small{display:block;margin-top:9px;font-size:12px;font-weight:700;opacity:.78}
.result-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:stretch;gap:7px;margin:18px 0}
.result-flow>div{display:flex;gap:9px;align-items:flex-start;padding:13px 10px;border:1px solid rgba(255,255,255,.14);border-radius:10px}
.flow-number{display:flex;flex:0 0 23px;width:23px;height:23px;align-items:center;justify-content:center;border-radius:50%;background:rgba(244,191,0,.17);color:#f6cf38;font-size:11px;font-weight:900}
.result-flow p{margin:0}
.result-flow small,.result-flow strong{display:block}
.result-flow small{color:#aebdca;font-size:10px;line-height:1.25}
.result-flow strong{margin-top:4px;font-size:15px}
.flow-arrow{align-self:center;color:#f4bf00;font-weight:900}
.breaker-box{padding:17px;border-radius:11px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12)}
.breaker-box>div{display:flex;justify-content:space-between;align-items:center;gap:15px}
.breaker-box span{color:#c3cfda;font-size:13px}
.breaker-box strong{color:#fff;font-size:25px;white-space:nowrap}
.breaker-box p{margin:10px 0 0;color:#aebdca;font-size:12px;line-height:1.5}
.formula-details summary{cursor:pointer;font-weight:800}
.formula-details code{margin-top:12px}
.calculation-line{margin-top:9px;color:#cad5df;font-size:12px;line-height:1.5}
.power-explanation-grid article>strong{font-size:22px}
@media(max-width:1050px){
  .result-flow{grid-template-columns:1fr}
  .flow-arrow{display:none}
}
@media(max-width:620px){
  .power-form>.calculator-card-head,.power-step,.power-actions{padding-left:20px;padding-right:20px}
  .power-form>.field-error{padding-left:20px;padding-right:20px}
  .power-form>.calculator-card-head{display:block}
  .power-form>.calculator-card-head .text-button{margin-top:12px;padding:8px 0}
  .power-two-columns,.phase-choice{grid-template-columns:1fr}
  .range-field{grid-template-columns:1fr}
  .input-with-unit.compact{width:100%}
  .inline-summary{grid-template-columns:1fr}
  .inline-summary small{grid-column:auto}
  .power-step-heading{gap:11px}
  .result-highlight strong{font-size:40px}
  .breaker-box>div{display:block}
  .breaker-box strong{display:block;margin-top:5px}
}