/* Rekentool op een kennisbankpagina: velden links, uitkomst rechts. */
.rk{margin:8px 0 40px;padding:22px;border:1px solid #E6E3DE;border-radius:14px;background:#fff;
  font-family:var(--ff-body);box-shadow:0 1px 2px rgba(15,14,12,.04);}
.rk-kop{font-family:var(--ff-disp);font-size:20px;font-weight:700;letter-spacing:-.3px;line-height:1.25;
  margin:0 0 16px;color:#0F0E0C;}
.rk-velden{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 14px;}
.rk-veld{display:flex;flex-direction:column;gap:6px;min-width:0;}
.rk-label{font-size:13px;line-height:1.35;color:#4A4840;}
.rk-invoer{display:flex;align-items:center;gap:6px;height:42px;padding:0 12px;border:1px solid #DAD6CF;border-radius:9px;
  background:#fff;transition:border-color .15s,box-shadow .15s;}
.rk-invoer:focus-within{border-color:#0F0E0C;box-shadow:0 0 0 3px rgba(232,41,74,.12);}
.rk-invoer i{font-style:normal;font-size:14px;color:#8F8B85;}
.rk-invoer input{flex:1;min-width:0;border:0;outline:0;background:transparent;padding:0;font:inherit;font-size:16px;
  font-variant-numeric:tabular-nums;color:#0F0E0C;}
.rk-uit{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-top:18px;}
.rk-res{display:flex;flex-direction:column;gap:4px;padding:14px 16px;border-radius:10px;background:#F6F5F2;}
.rk-res--hoofd{background:#0F0E0C;color:#fff;}
.rk-res-l{font-size:12px;font-weight:600;letter-spacing:.02em;color:#6B6866;}
.rk-res--hoofd .rk-res-l{color:rgba(255,255,255,.7);}
.rk-res b{font-family:var(--ff-disp);font-size:30px;font-weight:800;letter-spacing:-.8px;line-height:1.1;
  font-variant-numeric:tabular-nums;}
.rk-res--hoofd b{color:#fff;}
.rk-res-t{font-size:13px;line-height:1.45;color:#4A4840;}
.rk-res--hoofd .rk-res-t{color:rgba(255,255,255,.78);}
.rk-voet{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 16px;margin:14px 0 0;font-size:12.5px;color:#8F8B85;}
.rk-voet code{font-family:var(--ff-mono);font-size:11.5px;color:#6B6866;}
.rk.is-eigen .rk-voet span{display:none;}
@media (max-width:560px){
  .rk{padding:18px 16px;}
  .rk-velden{grid-template-columns:minmax(0,1fr);}
}
