*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
    html, body { overflow-x: hidden; }
    body {
      font-family: 'Inter', sans-serif;
      background: linear-gradient(135deg, #f2faf1 0%, #eef8ed 50%, #f0f9ff 100%);
      -webkit-text-size-adjust: 100%;
    }
    #eduurzaam-calculator-v31,
    #eduurzaam-calculator {
      display: flex;
      justify-content: center;
    }
    #eduurzaam-calculator-v31 > div,
    #eduurzaam-calculator > div {
      width: 100%;
    }
    @media (min-width: 600px) {
      #eduurzaam-calculator-v31,
      #eduurzaam-calculator {
        padding: 24px 16px;
      }
      #eduurzaam-calculator-v31 > div,
      #eduurzaam-calculator > div {
        border-radius: 20px !important;
        box-shadow: 0 2px 12px rgba(0,0,0,0.08) !important;
        max-width: 520px;
      }
    }
    @media (min-width: 900px) {
      #eduurzaam-calculator-v31,
      #eduurzaam-calculator { padding: 40px 24px; }
    }
    #eduurzaam-calculator-v31 a,
    #eduurzaam-calculator a { color: inherit; }
    #eduurzaam-calculator-v31,
    #eduurzaam-calculator-v31 *,
    #eduurzaam-calculator,
    #eduurzaam-calculator * { text-transform: none !important; }
    #eduurzaam-calculator-v31 button,
    #eduurzaam-calculator-v31 input,
    #eduurzaam-calculator-v31 textarea,
    #eduurzaam-calculator button,
    #eduurzaam-calculator input,
    #eduurzaam-calculator textarea { font-family: 'Inter', sans-serif; }

    /* ── NATIVE SLIDER ── */
    #eduurzaam-calculator .calc-slider-input {
      -webkit-appearance: none;
      appearance: none;
      display: block;
      width: 100%;
      height: 8px;
      border-radius: 4px;
      outline: none;
      cursor: pointer;
      border: none;
      padding: 10px 0;        /* vergroot touch-doelgebied zonder knop groter te maken */
      box-sizing: content-box;
      /* pan-y = slider pakt horizontaal, browser mag gewoon verticaal scrollen */
      touch-action: pan-y;
    }
    #eduurzaam-calculator .calc-slider-input::-webkit-slider-thumb {
      -webkit-appearance: none;
      appearance: none;
      width: 26px;
      height: 26px;
      border-radius: 50%;
      background: #3b8d35;
      cursor: grab;
      border: 3px solid #fff;
      box-shadow: 0 1px 4px rgba(0,0,0,0.25);
      margin-top: -9px;
    }
    #eduurzaam-calculator .calc-slider-input::-webkit-slider-runnable-track {
      height: 8px;
      border-radius: 4px;
    }
    #eduurzaam-calculator .calc-slider-input::-moz-range-thumb {
      width: 26px;
      height: 26px;
      border-radius: 50%;
      background: #3b8d35;
      cursor: grab;
      border: 3px solid #fff;
      box-shadow: 0 1px 4px rgba(0,0,0,0.25);
    }
    #eduurzaam-calculator .calc-slider-input::-moz-range-track {
      height: 8px;
      border-radius: 4px;
      border: none;
    }
    #eduurzaam-calculator .calc-slider-input:active::-webkit-slider-thumb {
      cursor: grabbing;
      box-shadow: 0 0 0 5px rgba(59,141,53,0.18);
    }
    #eduurzaam-calculator .calc-slider-input:active::-moz-range-thumb {
      cursor: grabbing;
      box-shadow: 0 0 0 5px rgba(59,141,53,0.18);
    }

    /* ── TOGGLE / CLOSE / HELP BUTTONS ── */
    #eduurzaam-calculator-v31 .calc-toggle,
    #eduurzaam-calculator .calc-toggle {
      display: inline-block !important;
      width: 32px !important; height: 18px !important;
      min-width: 32px !important; max-width: 32px !important;
      min-height: 18px !important; max-height: 18px !important;
      border-radius: 9px !important; padding: 0 !important;
      border: none !important; flex-shrink: 0 !important;
      position: relative !important; cursor: pointer !important;
      box-sizing: border-box !important; vertical-align: top !important;
    }
    #eduurzaam-calculator-v31 .calc-help-btn,
    #eduurzaam-calculator .calc-help-btn {
      width: 26px !important; height: 26px !important;
      min-width: 26px !important; max-width: 26px !important;
      min-height: 26px !important; max-height: 26px !important;
      border-radius: 50% !important; padding: 0 !important;
      flex-shrink: 0 !important; box-sizing: border-box !important;
      display: flex !important; align-items: center !important; justify-content: center !important;
      background: #fff !important; border: 2px solid #94a3b8 !important;
    }
    #eduurzaam-calculator-v31 .calc-close,
    #eduurzaam-calculator .calc-close {
      width: 32px !important; height: 32px !important;
      min-width: 32px !important; max-width: 32px !important;
      min-height: 32px !important; max-height: 32px !important;
      border-radius: 50% !important; padding: 0 !important;
      flex-shrink: 0; box-sizing: border-box !important;
      display: flex !important; align-items: center !important; justify-content: center !important;
    }
    @media (min-width: 600px) {
      #eduurzaam-calculator-v31 .kwh-btn,
      #eduurzaam-calculator .kwh-btn { padding: 7px 11px !important; font-size: 13px !important; }
    }