/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: Apr 02 2026 | 14:02:46 */
.ewektor-calc{
  margin: 30px 0;
  padding: 24px;
  border: 1px solid #d8d8d8;
  background: #fff;
}

.ewektor-calc__title{
  margin: 0 0 10px;
  color: #2f8f3a;
}

.ewektor-calc__lead{
  margin: 0 0 20px;
}

.ewektor-calc__grid{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}

.ewektor-calc__field--full{
  grid-column: 1 / -1;
}

.ewektor-calc input,
.ewektor-calc select{
  width: 100%;
  padding: 10px 12px;
  border: 1px solid #cfcfcf;
  background: #fff;
  box-sizing: border-box;
}

.ewektor-calc input:focus,
.ewektor-calc select:focus{
  border-color: #2f8f3a;
  outline: none;
}

.ewektor-calc button{
  padding: 11px 18px;
  border: 1px solid #2f8f3a;
  background: #2f8f3a;
  color: #fff;
  cursor: pointer;
}

.ewektor-calc button:hover{
  background: #267530;
  border-color: #267530;
}

.ewektor-calc__result,
.ewektor-calc__error,
.ewektor-calc__note{
  margin-top: 16px;
  padding: 14px 16px;
  border: 1px solid #d8d8d8;
  background: #fafafa;
}

.ewektor-calc__result-value{
  margin: 0 0 6px;
  color: #2f8f3a;
  font-weight: 700;
}

.ewektor-calc__error{
  border-color: #d9bcbc;
  background: #faf4f4;
  color: #8a2e2e;
}

@media (max-width: 768px){
  .ewektor-calc__grid{
    grid-template-columns: 1fr;
  }

  .ewektor-calc__field--full{
    grid-column: auto;
  }
}