/* SunKraft savings calculator - extracted verbatim from SunKraft Core 2.2.1,
   extended in 1.1.0 for the property-type selector, the required name and
   mobile fields, the reveal button and the WhatsApp hand-off. */
:root{--sk-ink:#141B2E;--sk-ink-2:#1C2540;--sk-muted:#5A6580;--sk-paper-alt:#F5F7FA;--sk-rule:#D9DEE8;--sk-green:#9CCC60;--sk-green-dk:#8ABF4E;}
/* ============================================================
   CALCULATOR
   ============================================================ */

.sk-calc{
  border:1px solid var(--sk-rule); border-radius:14px;
  padding:1.75rem; background:var(--sk-paper);
}

.sk-calc__form{ display:grid; grid-template-columns:1fr 1fr; gap:1.25rem; }

.sk-calc__field label{ display:block; font-weight:700; font-size:.95rem; margin-bottom:.4rem; }

.sk-calc__input{ display:flex; align-items:center; gap:.5rem; }

.sk-calc__input span{ color:var(--sk-muted); font-weight:700; }

.sk-calc__input input{
  flex:1; min-height:46px; padding:.5rem .75rem;
  border:1px solid var(--sk-rule); border-radius:8px; font-size:1rem;
  font-family:inherit; background:#fff; color:var(--sk-ink);
  min-width:0;
}

.sk-calc__help{ color:var(--sk-muted); font-size:.84rem; margin:.4rem 0 0; }

.sk-calc__out{ margin-top:1.5rem; border-top:1px solid var(--sk-rule); }

.sk-calc__row{
  display:flex; justify-content:space-between; align-items:baseline; gap:1rem;
  padding:.7rem 0; border-bottom:1px solid var(--sk-rule);
}

.sk-calc__row span{ color:var(--sk-muted); font-size:.94rem; }

.sk-calc__row strong{ font-size:1.05rem; font-variant-numeric:tabular-nums; }

.sk-calc__row--hi strong{ color:var(--sk-sun); }

.sk-calc__note{ color:var(--sk-muted); font-size:.86rem; margin:1rem 0 0; }

.sk-calc__form{ grid-template-columns:1fr; }

/* --- 1.1.0: property type ------------------------------------------------ */

.sk-calc__legend{
  display:block; font-weight:700; font-size:.95rem; margin-bottom:.4rem;
  color:var(--sk-ink);
}

.sk-calc__radios{ display:flex; flex-wrap:wrap; gap:.5rem; }

.sk-calc__radio{
  display:flex; align-items:center; gap:.5rem;
  min-height:46px; padding:.5rem .9rem;
  border:1px solid var(--sk-rule); border-radius:8px; background:#fff;
  font-size:1rem; font-weight:600; color:var(--sk-ink); cursor:pointer;
  flex:1 1 auto;
}

.sk-calc__radio input{ width:18px; height:18px; margin:0; accent-color:var(--sk-green-dk); }

.sk-calc__radio:focus-within{ outline:2px solid var(--sk-green-dk); outline-offset:2px; }

/* --- 1.1.0: name and mobile --------------------------------------------- */

.sk-calc__input--plain span{ display:none; }

.sk-calc__phone{ display:flex; align-items:center; gap:.5rem; }

.sk-calc__phone select{
  min-height:46px; padding:.5rem .6rem;
  border:1px solid var(--sk-rule); border-radius:8px;
  font-size:1rem; font-family:inherit; background:#fff; color:var(--sk-ink);
  flex:0 1 auto; max-width:46%; min-width:0;
}

.sk-calc__phone input{
  flex:1 1 auto; min-width:0; min-height:46px; padding:.5rem .75rem;
  border:1px solid var(--sk-rule); border-radius:8px; font-size:1rem;
  font-family:inherit; background:#fff; color:var(--sk-ink);
}

/* --- 1.1.0: the reveal button and its error message --------------------- */

.sk-calc__btn{
  display:inline-flex; align-items:center; justify-content:center;
  min-height:48px; padding:.65rem 1.4rem;
  border:0; border-radius:8px; cursor:pointer;
  background:var(--sk-green-dk); color:#0B1220;
  font-family:inherit; font-size:1rem; font-weight:700; line-height:1.2;
  width:100%;
}

.sk-calc__btn:hover{ background:var(--sk-green); }

.sk-calc__btn:focus-visible{ outline:2px solid var(--sk-ink); outline-offset:2px; }

.sk-calc__err{
  margin:.6rem 0 0; color:#8A1C1C; font-size:.9rem; font-weight:600;
}

/* --- 1.1.0: WhatsApp hand-off ------------------------------------------- */

.sk-calc__wa{
  display:inline-flex; align-items:center; justify-content:center;
  min-height:48px; margin-top:1.1rem; padding:.65rem 1.3rem;
  border-radius:8px; background:#25D366; color:#08251A !important;
  font-weight:700; font-size:1rem; text-decoration:none !important;
  width:100%; box-sizing:border-box;
}

.sk-calc__wa:hover{ background:#1EB855; }

.sk-calc__wa:focus-visible{ outline:2px solid var(--sk-ink); outline-offset:2px; }

/* Touch devices zoom a focused control under 16px, so hold every control at 16px. */
@media (max-width:1024px), (hover:none) and (pointer:coarse){
  .sk-calc input, .sk-calc select, .sk-calc__btn{ font-size:16px !important; }
}

.entry-content .alignwide .sk-grid p,
.entry-content .alignwide .sk-grid li,
.entry-content .alignwide .sk-grid h2,
.entry-content .alignwide .sk-grid h3,
.entry-content .alignwide .sk-card p,
.entry-content .alignwide .sk-q p,
.entry-content .alignwide .sk-calc p,
.entry-content .alignwide .sk-table p{ max-width:none !important; }