.elementor-3770 .elementor-element.elementor-element-c0f6ffc > .elementor-widget-container{margin:0px 0px -30px 0px;}/* Start custom CSS for heading, class: .elementor-element-c0f6ffc */.elementor-3770 .elementor-element.elementor-element-c0f6ffc h1:before{
    content: "";
    width: 200px;
    height: 10px;
    background: #004230;
    position: absolute;
    bottom: -20px;
    background: linear-gradient(45deg, #004230, transparent);
    border-radius: 50px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-57b3532 *//* Tekst podstawowy: czarny, tło jasne */
    :root{
      --font: system-ui, -apple-system, Segoe UI, Roboto, Inter, Arial, sans-serif;
      --bg:#ffffff;
      --text:#0b0b0b;       /* czarny tekst podstawowy */
      --muted:#475569;      /* tekst pomocniczy */
      --border:#e2e8f0;     /* obramowania (jasne sekcje) */
      --card:#f8fafc;       /* karty/ramki artykułu */
      --accent:#22c55e;     /* akcent zielony */
      --accent-2:#0ea5e9;   /* linki */
      --accent-dark:#16a34a;
      --error:#ef4444;
    }
    *{box-sizing:border-box}
    body{
      margin:0; font-family:var(--font);
      background:var(--bg); color:var(--text); line-height:1.7;
    }
    a{color:var(--accent-2); text-decoration:none}
    a:hover{text-decoration:underline}
    .container{max-width:1080px; margin:0 auto; padding:24px}
    h1,h2,h3,h4{line-height:1.25; color:var(--text)}
    h2{font-size:clamp(24px,3.2vw,32px); margin:0 0 12px}
    h3{font-size:clamp(20px,2.6vw,26px); margin:22px 0 10px}
    h4{font-size:clamp(18px,2.2vw,22px); margin:16px 0 8px}
    p{margin:10px 0}
    .lead{color:var(--muted)}
    .list{padding-left:18px}
    .list li{margin:6px 0}
    .toc{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 18px}
    .toc a{display:inline-block;border:1px solid var(--border);border-radius:999px;padding:6px 10px;background:#fff;color:var(--text)}
    .card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:16px}
    .table{width:100%;border-collapse:collapse;margin:8px 0 12px}
    .table th,.table td{border:1px solid var(--border);padding:10px 12px;text-align:left;vertical-align:top}
    .table th{background:#eef2f7}

    /* CTA jasne (czarny tekst) */
    .cta{
      display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;
      background:#fff;border:2px solid var(--accent);border-radius:14px;padding:16px 18px;margin:18px 0;color:var(--text)
    }
    .btn{
      appearance:none;border:0;padding:10px 14px;border-radius:10px;font-weight:800;cursor:pointer;
      background:var(--accent);color:#052e14;transition:.2s ease;
    }
    .btn:hover{filter:brightness(1.07)}

    /* KALKULATORY — ciemny motyw wewnątrz, jak w poprzedniej wersji */
    .calc{margin:8px 0 18px}
    .calc .calc-card{
      background:#0b1324; border:1px solid #1f2937; border-radius:14px; padding:16px;
      color:#e5e7eb; box-shadow:0 8px 30px rgba(0,0,0,.35);
    }
    .calc h3, .calc h4{color:#e5e7eb}
    .calc .lead{color:#94a3b8}
    .calc .row{display:grid; grid-template-columns:1fr; gap:12px}
    @media(min-width:720px){.calc .row{grid-template-columns:1fr 1fr}}
    .calc label{display:block; font-weight:700; margin-bottom:6px; color:#cbd5e1}
    .calc .field{
      display:flex; align-items:center; gap:8px; padding:10px 12px; border:1px solid #1f2937;
      border-radius:12px; background:#0a1222;
    }
    .calc input{
      width:100%; border:0; outline:none; background:transparent; color:#e5e7eb; font-size:16px;
    }
    .calc .suffix{color:#94a3b8; font-size:14px; white-space:nowrap}
    .calc .actions{display:flex; gap:10px; flex-wrap:wrap; margin-top:6px}
    .calc button{appearance:none; border:0; padding:10px 14px; border-radius:10px; font-weight:800; cursor:pointer}
    .calc .primary{background:#22c55e; color:#052e14}
    .calc .ghost{background:transparent; color:#cbd5e1; border:1px solid #1f2937}
    .calc .results{display:grid; grid-template-columns:1fr; gap:12px; margin-top:12px}
    @media(min-width:720px){.calc .results{grid-template-columns:repeat(3,1fr)}}
    .calc .stat{background:#0a1222; border:1px solid #1f2937; border-radius:12px; padding:14px}
    .calc .value{font-size:clamp(20px,3vw,26px); font-weight:900}
    .calc .muted{color:#94a3b8; font-size:13px}
    .calc .error{color:#ef4444; font-size:13px; display:none; margin-top:6px}/* End custom CSS */