/* Zelfde warme merkstijl, gericht op direct bruikbare raamtools. */
.tool-pagina{padding-bottom:64px}.tool-hero{padding-top:32px;padding-bottom:38px}.tool-hero h1{font:600 clamp(34px,4.5vw,58px)/1.07 Fraunces,Georgia,serif;letter-spacing:-.035em;max-width:850px;margin:20px 0}.tool-hero-tekst>p{max-width:var(--leesbreedte);font-size:18px;line-height:1.65;color:var(--leigrijs);margin-bottom:16px}.tool-gratis{font-size:14px;color:var(--leigrijs)}
.tool-werkplek{display:grid;grid-template-columns:minmax(260px,.85fr) minmax(0,1.5fr);gap:28px;align-items:start}.tool-invoer{padding:28px;background:var(--wit);border:1px solid var(--zand);border-radius:var(--radius-kaart)}.tool-invoer h2{font-size:24px;line-height:1.2;margin:0 0 12px}.tool-invoer>p{font-size:14px;line-height:1.6;color:var(--leigrijs);margin-bottom:22px}.tool-velden{display:grid;grid-template-columns:1fr 1fr;gap:20px 14px}.tool-veld{min-width:0}.tool-veld:has(select),.tool-veld:has(small),.tool-keuzes{grid-column:1/-1}.tool-veld label{display:block;font-size:14px;font-weight:650;line-height:1.45;margin-bottom:8px}.tool-veld input,.tool-veld select,.tool-hoeken input{width:100%;min-height:48px;border:1px solid #b4afa6;border-radius:9px;background:var(--wit-warm);color:var(--antraciet);font:inherit;font-size:16px;padding:10px 12px}.tool-veld small{display:block;font-size:12px;line-height:1.5;color:var(--leigrijs);margin-top:7px}.tool-veld input[aria-invalid=true]{border-color:var(--fout);background:#fff4f1}.tool-veld select{padding-right:24px}
.tool-keuzes{border:0;padding:0;margin:0;display:grid;gap:8px}.tool-keuzes legend{font-size:14px;font-weight:650;margin-bottom:9px}.tool-keuzes label{display:flex;gap:10px;align-items:center;cursor:pointer;background:var(--wit-warm);border:1px solid var(--zand);border-radius:9px;min-height:48px;padding:10px 12px;font-size:14px;line-height:1.4}.tool-keuzes input{width:18px;height:18px;flex:0 0 18px;accent-color:var(--amber-diep)}.tool-keuzes label:has(:checked){border-color:var(--amber-diep);background:var(--amber-licht)}
.tool-uitkomst{min-width:0}.tool-beeld{overflow:hidden;border:1px solid var(--zand);border-radius:var(--radius-kaart);background:var(--mist)}.tool-beeld svg,.tool-beeld canvas{display:block;width:100%;height:auto}.tool-beeld canvas{cursor:crosshair}.tool-bediening{display:grid;grid-template-columns:1fr;gap:18px;padding:20px 0}.tool-bediening .tool-veld{max-width:280px}.tool-schuif label{display:flex;justify-content:space-between;gap:16px;font-size:14px;font-weight:650;margin-bottom:5px}.tool-schuif output{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:400}.tool-schuif input{display:block;width:100%;height:40px;margin:0;accent-color:var(--amber-diep);cursor:pointer}.tool-resultaat{padding:28px;background:var(--wit);border:1px solid var(--zand);border-radius:var(--radius-kaart)}.tool-result-label{font-size:13px;color:var(--leigrijs)}.tool-getal{display:block;font-size:clamp(44px,7vw,72px);font-weight:600;font-variant-numeric:tabular-nums;line-height:1.1;letter-spacing:-.045em;color:var(--antraciet);margin:10px 0 14px}.tool-result-title{font:600 25px/1.2 Inter,Arial,sans-serif;margin:12px 0}.tool-resultaat p{font-size:15px;line-height:1.7;margin:14px 0}.tool-resultaat .tool-noot,.tool-noot{font-size:13px;color:var(--leigrijs);line-height:1.6}.tool-hoofdactie{margin-top:10px;display:inline-flex;justify-content:center;text-align:center;white-space:normal;min-height:48px}.tool-tabel-wrap{margin:20px 0}.tool-tabel-wrap table{width:100%;border-collapse:collapse;font-size:14px;text-align:left}.tool-tabel-wrap caption{text-align:left;font-size:13px;color:var(--leigrijs);line-height:1.5;margin-bottom:12px}.tool-tabel-wrap th,.tool-tabel-wrap td{padding:12px 8px;border-bottom:1px solid var(--zand);vertical-align:top}.tool-tabel-wrap th{font-weight:500;line-height:1.5}.tool-tabel-wrap td{text-align:right;font-weight:650;font-variant-numeric:tabular-nums}.tool-tabel-wrap thead th{font-size:12px;color:var(--leigrijs)}.tool-tabel-wrap thead th:last-child{text-align:right}.tool-feiten{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:24px 0}.tool-feiten dt{font-size:12px;line-height:1.5;color:var(--leigrijs)}.tool-feiten dd{font-size:25px;margin:6px 0 0;font-variant-numeric:tabular-nums}.tool-aandacht{border-left:3px solid var(--amber-diep);padding-left:14px}.tool-fout,.tool-beeld-fout{color:var(--fout)!important;font-size:14px;line-height:1.6;padding:14px;border:1px solid var(--fout);border-radius:9px;background:#fff4f1}.tool-invoer .tool-fout{margin-bottom:0}
.tool-foto{margin-bottom:22px;border:1px solid var(--zand);border-radius:12px;padding:16px;background:var(--wit)}.tool-foto summary{font-size:15px;cursor:pointer;min-height:28px;font-weight:600}.tool-foto p,.tool-foto label{font-size:13px;line-height:1.6}.tool-foto input[type=file]{max-width:100%;font-size:13px;padding:10px 0}.tool-foto input::file-selector-button{padding:10px;border:1px solid var(--zand);background:var(--wit-warm);border-radius:7px;color:var(--antraciet);margin-right:8px;cursor:pointer}.tool-knop-klein{font:inherit;font-size:13px;padding:12px;background:var(--wit-warm);color:var(--antraciet);border:1px solid var(--zand);border-radius:8px;margin:0 6px 10px 0;cursor:pointer;min-height:44px}.tool-hoeken{display:grid;grid-template-columns:1fr 1fr;gap:14px;border:0;padding:0;margin:12px 0 0}.tool-hoeken legend{font-size:12px;line-height:1.5;padding-bottom:12px;color:var(--leigrijs)}.tool-hoeken span{font-size:13px;font-weight:600}.tool-hoeken label{display:block;margin:6px 0}.tool-hoeken input{font-size:14px}
.tool-vergelijk-scenes{display:grid;grid-template-columns:1fr;gap:0}.tool-vergelijk-scenes figure{margin:0}.tool-vergelijk-scenes figure+figure{border-top:1px solid var(--zand)}.tool-vergelijk-scenes figcaption{display:flex;justify-content:space-between;gap:12px;padding:14px 20px;font-size:15px;background:var(--wit-warm)}.tool-vergelijk-scenes figcaption strong{font-variant-numeric:tabular-nums}.tool-vergelijk-scenes svg{max-height:260px}.tool-uitleg{padding-top:64px;max-width:850px}.tool-uitleg h2{font-size:27px;line-height:1.3;margin:0 0 20px}.tool-uitleg h2:not(:first-child){margin-top:46px}.tool-uitleg p{font-size:16px;line-height:1.85;color:var(--leigrijs);margin-bottom:18px}.tool-uitleg a{color:var(--amber-diep);text-decoration:underline;text-underline-offset:3px}.tool-faq details{border-bottom:1px solid var(--zand);padding:20px 0}.tool-faq summary{font-weight:600;font-size:16px;line-height:1.5;cursor:pointer}.tool-faq p{margin:16px 0 0}.tool-verder{max-width:850px;padding-top:44px;display:flex;flex-wrap:wrap;gap:14px 24px;align-items:center}.tool-verder h2{width:100%;font-size:20px;margin:0 0 4px}.tool-verder a{font-size:15px;text-decoration:underline;text-underline-offset:3px;color:var(--amber-diep);padding:10px 0}
.tool-pagina :focus-visible{outline:3px solid var(--amber-diep);outline-offset:4px}.tool-pagina [hidden]{display:none!important}
@media(max-width:850px){.tool-werkplek{grid-template-columns:minmax(0,1fr);gap:24px}.tool-invoer{padding:24px}.tool-velden{grid-template-columns:1fr 1fr}.tool-hero{padding-top:22px;padding-bottom:30px}.tool-hero h1{max-width:680px}.tool-vergelijk-scenes{grid-template-columns:1fr 1fr}.tool-vergelijk-scenes figure+figure{border-top:0;border-left:1px solid var(--zand)}.tool-vergelijk-scenes figcaption{flex-direction:column;padding:14px}.tool-vergelijk-scenes svg text{display:none}}
@media(max-width:480px){.tool-hero h1{font-size:36px}.tool-hero-tekst>p{font-size:16px}.tool-invoer,.tool-resultaat{padding:20px}.tool-velden{gap:18px 12px}.tool-veld label{font-size:13px}.tool-veld input{padding:10px}.tool-getal{font-size:56px}.tool-uitleg{padding-top:44px}.tool-uitleg h2{font-size:25px}.tool-feiten{gap:12px}.tool-result-title{font-size:23px}.tool-tabel-wrap th,.tool-tabel-wrap td{padding:10px 4px;font-size:13px}.tool-hoofdactie{width:100%}.tool-vergelijk-scenes figcaption{font-size:13px;gap:5px}.tool-hoeken{grid-template-columns:1fr}.tool-verder{flex-direction:column;align-items:stretch}}
@media(prefers-reduced-motion:reduce){.tool-pagina *{scroll-behavior:auto;transition:none;animation:none}}
/* Visuele controle 12 oktober 2026: uitkomst direct bovenaan, ook op mobiel. */
.tool-samenvatting{grid-column:1/-1;display:grid;grid-template-columns:1fr auto;gap:8px 24px;align-items:center;background:var(--amber-licht);border:1px solid #e8bd89;border-radius:var(--radius-kaart);padding:20px 24px}.tool-samenvatting span{font-size:14px;font-weight:600}.tool-samenvatting strong{font-size:30px;font-weight:600;letter-spacing:-.025em;grid-column:2;grid-row:1/3;font-variant-numeric:tabular-nums}.tool-samenvatting small{font-size:13px;line-height:1.5}.tool-beeld>svg{max-height:370px}.tool-vergelijk-scenes{grid-template-columns:1fr 1fr}.tool-vergelijk-scenes figure+figure{border-top:0;border-left:1px solid var(--zand)}.tool-vergelijk-scenes figcaption{flex-direction:column;gap:5px}.tool-vergelijk-scenes svg text{display:none}
@media(max-width:480px){.tool-samenvatting{grid-template-columns:1fr;padding:20px;gap:8px}.tool-samenvatting strong{grid-column:1;grid-row:auto;font-size:29px}.tool-samenvatting small{grid-row:3}.tool-werkplek{gap:18px}}
.tool-werkplek[data-gratis-tool=vergelijking] .tool-samenvatting{grid-template-columns:1fr 1fr}.tool-werkplek[data-gratis-tool=vergelijking] .tool-samenvatting>span{grid-column:1/-1}.tool-werkplek[data-gratis-tool=vergelijking] .tool-samenvatting small{display:block}.tool-werkplek[data-gratis-tool=vergelijking] .tool-samenvatting strong{display:block;font-size:clamp(22px,2.4vw,30px);margin-top:6px}
/* Desktop (22 oktober 2026): tekst links, rechts de kaart van de hulpmiddelhero (stijl.css) met de gratisregel als vinkje. */
@media(min-width:901px){.tool-hero{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.72fr);gap:56px;align-items:center}.tool-hero-tekst>p{margin-bottom:0}.hulpmiddel-zij .tool-gratis{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--antraciet)}.hulpmiddel-zij .tool-gratis::before{content:"\2713";color:var(--succes);font-weight:700}}