.tool-kaart{background:#fff;border-radius:1.75rem;margin-top:2rem;padding:2rem;box-shadow:0 12px 32px #0a312817}.tool-velden{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;display:grid}.tool-veld{flex-direction:column;gap:.45rem;min-width:0;display:flex}.tool-veld label{color:var(--duron-green);font-size:.95rem;font-weight:600}.tool-veld .hint{color:#6b7f76;font-size:.82rem;line-height:1.45}.tool-veld input,.tool-veld select{font:inherit;color:var(--duron-green);background:var(--duron-cream);border:1px solid #0a31282e;border-radius:.75rem;width:100%;min-width:0;padding:.8rem 1rem}.tool-veld input:focus-visible,.tool-veld select:focus-visible{outline:3px solid var(--duron-green);outline-offset:1px}.tool-schuif{align-items:center;gap:.75rem;display:flex}.tool-schuif input[type=range]{accent-color:#0a3128;flex:auto}.tool-schuif output{text-align:right;min-width:4.5rem;color:var(--duron-green);font-variant-numeric:tabular-nums;flex:none;font-weight:700}.tool-keuzes{flex-wrap:wrap;gap:.5rem;display:flex}.tool-keuze{background:var(--duron-cream);color:var(--duron-green);font:inherit;cursor:pointer;border:1px solid #0a312833;border-radius:2rem;padding:.6rem 1.1rem;font-weight:600}.tool-keuze[aria-pressed=true]{background:var(--duron-green);color:var(--duron-cream);border-color:var(--duron-green)}.tool-knop{background:var(--duron-green);color:var(--duron-cream);font:inherit;cursor:pointer;border:0;border-radius:2rem;padding:.95rem 1.8rem;font-weight:700}.tool-knop:hover{background:#0d4033}.tool-knop[disabled]{opacity:.55;cursor:progress}.tool-uitslag{border-top:1px solid #0a31281f;margin-top:1.75rem;padding-top:1.75rem}.tool-kop-uitslag{color:var(--duron-green);margin:0 0 1rem;font-size:1.25rem}.tool-cijfers{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;display:grid}.tool-cijfer{background:var(--duron-cream);border-radius:1.25rem;padding:1.25rem 1.4rem}.tool-cijfer .tool-label{color:#4a6358;font-size:.85rem;line-height:1.4;display:block}.tool-cijfer .waarde{color:var(--duron-green);font-variant-numeric:tabular-nums;margin-top:.35rem;font-size:1.9rem;font-weight:700;line-height:1.1;display:block}.tool-cijfer .sub{color:#6b7f76;margin-top:.35rem;font-size:.82rem;line-height:1.45;display:block}.tool-cijfer-uit{background:var(--duron-green)}.tool-cijfer-uit .tool-label{color:#cfe6da}.tool-cijfer-uit .waarde{color:var(--duron-lime)}.tool-cijfer-uit .sub{color:#cfe6da}.tool-oordeel{border-left:6px solid var(--duron-lime);background:var(--duron-cream);border-radius:1rem;margin-top:1.5rem;padding:1.25rem 1.5rem}.tool-oordeel.afraden{border-left-color:#d98324}.tool-oordeel p{color:#143b30;max-width:none;margin:0;line-height:1.65}.tool-oordeel strong{color:var(--duron-green)}.tool-rekenregel{color:#4a6358;font-variant-numeric:tabular-nums;margin-top:1.25rem;font-size:.92rem;line-height:1.6}.tool-rekenregel table{border-collapse:collapse;width:100%}.tool-rekenregel td{border-bottom:1px solid #0a312814;padding:.35rem 0}.tool-rekenregel td:last-child{text-align:right;color:var(--duron-green);white-space:nowrap;font-weight:600}.tool-aannames{margin-top:1.5rem}.tool-aannames summary{cursor:pointer;color:var(--duron-green);align-items:center;gap:.5rem;font-weight:600;list-style:none;display:inline-flex}.tool-aannames summary::-webkit-details-marker{display:none}.tool-aannames summary:after{content:"›";display:inline-block;transform:rotate(90deg)}.tool-aannames[open] summary:after{transform:rotate(-90deg)}.tool-aannames ul{color:#4a6358;margin:1rem 0 0;padding-left:1.1rem;font-size:.92rem;line-height:1.65}.tool-aannames li{margin-bottom:.5rem}.tool-aannames .open-punt{color:#8a5a1a}.tool-fout{color:#9c3a1a;margin-top:1rem;font-weight:600}.tool-verborgen{display:none}.tool-meer{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin-top:1.75rem;display:grid}.tool-meer a{color:var(--duron-green);background:#fff;border-radius:1.25rem;padding:1.25rem 1.4rem;font-weight:700;text-decoration:none;display:block;box-shadow:0 8px 24px #0a312812}.tool-meer a span{color:#4a6358;margin-top:.35rem;font-size:.9rem;font-weight:400;display:block}.tool-meer a:hover{transition:transform .15s;transform:translateY(-3px)}@media (width<=600px){.tool-kaart{border-radius:1.5rem;padding:1.4rem}.tool-cijfer .waarde{font-size:1.6rem}}
