.berekeningen{box-sizing:border-box;max-width:80rem;margin:auto;padding:clamp(.75rem,2vw,1.5rem);min-width:0}
.berekeningen *{box-sizing:border-box}.berekeningen [hidden]{display:none!important}
.berekeningen button{min-height:2.75rem;touch-action:manipulation}.berekeningen label{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;min-width:0}
.berekeningen input,.berekeningen select{max-width:100%;min-width:0}.berekeningen input[type=text]{width:12rem}.berekeningen input[type=number]{width:6rem}
.berekeningen input:is([type=text],[type=number]){min-height:2.75rem;padding:.5rem .65rem;font:inherit}
.reken-balk{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-block:.6rem}
.reken-kaart{padding:var(--kader-binnenruimte-y,clamp(.75rem,2vw,1.25rem)) var(--kader-binnenruimte-x,clamp(.75rem,2vw,1.25rem));margin-block:.75rem;min-width:0;border:1px solid currentColor}
.reken-resultaat{font-size:clamp(1.4rem,3vw,2.1rem);overflow-wrap:anywhere;white-space:pre-wrap;margin-block:.5rem;font-variant-numeric:tabular-nums}
.reken-formule{font-size:1.15em;overflow-wrap:anywhere;white-space:pre-wrap}.reken-subtekst{font-size:.9em;opacity:.85}
.berekeningen button[aria-pressed=true],.berekeningen button[aria-current=true]{outline:2px solid currentColor;outline-offset:2px;font-weight:bold}
.reken-toetsen{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.45rem}.reken-wetenschap{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.45rem;margin-block:.8rem}
.reken-memory{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.45rem;margin-block:.75rem}
.reken-machine{max-width:64rem;margin-inline:auto}.reken-machine [data-expressie]{display:block;width:100%;font-size:1.35em;min-height:3rem}.reken-toetsgebied{display:grid;gap:1rem}.reken-scientific .reken-toetsgebied{grid-template-columns:1fr 1fr}.reken-wetenschap{margin:0;align-content:start}
.reken-display{position:sticky;top:0;z-index:2}.reken-display .reken-resultaat{margin-block:.25rem}.reken-display .reken-subtekst{margin:0}
.berekeningen .reken-operator{filter:brightness(.93)}.berekeningen .reken-gelijk{filter:brightness(1.08)}
.reken-toetsen .reken-operator{font-weight:bold;border-width:2px}.reken-toetsen .reken-gelijk{grid-column:span 2;font-weight:bold;box-shadow:var(--wo-screen-button-shadow)}
.reken-memory button{font-size:.9em}.reken-wetenschap button{font-style:italic}.reken-lijsten{display:grid;grid-template-columns:minmax(12rem,1fr) minmax(0,3fr);gap:clamp(.8rem,2vw,1.5rem);align-items:start}
.reken-zijpaneel{position:sticky;top:.75rem;max-height:70vh;overflow:auto;padding:.75rem}.reken-favorieten{display:flex;flex-direction:column;gap:.5rem}.reken-favorieten button{text-align:left}
.reken-variabelen{display:grid;gap:.8rem}.reken-variabele{padding-block:.5rem;border-bottom:1px solid currentColor}.reken-variabele .reken-balk{margin:.3rem 0}
.reken-stappen{padding-left:1.8rem}.reken-stappen>li{padding:.6rem .5rem}.reken-stappen h3{margin:.3rem 0;font-size:1em}
.reken-omrekenen{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:.75rem;align-items:center}.reken-omrekenen label{display:block}.reken-omrekenen select{display:block;width:100%}
.reken-beheer-rij{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;padding:.8rem 0;border-bottom:1px solid currentColor}.reken-beheer-rij strong{min-width:12rem}.reken-notatie{width:100%!important}
.reken-catalogus{max-height:65vh;overflow:auto;padding:.5rem}.reken-fout{font-weight:bold}.reken-lijstveld{width:100%!important}.berekeningen summary{cursor:pointer;padding:.6rem}
@media(max-width:680px){.reken-lijsten{grid-template-columns:1fr}.reken-scientific .reken-toetsgebied{grid-template-columns:1fr}.reken-zijpaneel{position:static;max-height:none}.reken-favorieten{flex-direction:row;flex-wrap:wrap}.reken-favorieten button{flex:1 1 10rem}.reken-omrekenen{grid-template-columns:1fr}.reken-omrekenen>button{justify-self:center}.reken-memory{gap:.25rem}.reken-memory button{padding-inline:.2rem}.berekeningen{padding:.65rem}.reken-beheer-rij strong{min-width:0;width:100%}}