.kt-tool{--kt-ink:#183b34;--kt-bg:#e3f2e2;--kt-line:#9ab3a6;color:var(--kt-ink);background:var(--kt-bg);border:1px solid var(--kt-line);padding:clamp(20px,4vw,54px);margin:36px 0;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.5fr);gap:clamp(24px,5vw,80px);align-items:start}
.kt-tool *{box-sizing:border-box}.kt-tool [hidden]{display:none!important}.kt-copy small,.kt-result>span{display:block;font:700 .76rem/1.4 system-ui;letter-spacing:.065em;text-transform:uppercase}.kt-copy h2{margin:.35em 0;font-size:clamp(1.8rem,4vw,3.6rem);line-height:1.06;overflow-wrap:anywhere}.kt-copy p{font-size:1rem;line-height:1.65;color:inherit}.kt-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.kt-fields label{display:grid;grid-template-rows:1fr auto;gap:8px;font:650 .95rem/1.4 system-ui}.kt-fields input{font:inherit;display:block;width:100%;min-width:0;min-height:45px;border:1px solid var(--kt-line);border-radius:4px;background:#fff;color:#17221d;padding:6px 10px}.kt-tool :focus-visible{outline:3px solid currentColor;outline-offset:3px}.kt-result{border-block:1px solid var(--kt-line);margin:20px 0;padding:14px 0}.kt-result output{display:block;font-size:1.12rem;line-height:1.5;margin-top:5px}.kt-ask{max-width:100%;line-height:1.4;white-space:normal;overflow-wrap:anywhere}
.kt-lunch{--kt-ink:#492813;--kt-bg:#ffe0a6;--kt-line:#a7824b;border-radius:28px 5px 28px 5px;border-bottom:5px solid var(--kt-ink)}.kt-winkel{--kt-ink:#342b1f;--kt-bg:#f6f0df;--kt-line:#b7aa8a;border-top:5px double var(--kt-ink)}.kt-winkel .kt-copy h2{font-family:Georgia,serif}.kt-dag{border-left:7px solid var(--kt-ink);border-radius:5px}
@media(max-width:760px){.kt-tool{grid-template-columns:1fr;gap:14px}.kt-fields{grid-template-columns:1fr}.kt-fields label{grid-template: auto / minmax(0,1fr) minmax(62px,.45fr);align-items:center}.kt-ask{width:100%;justify-content:space-between}}