/* =====================================================
   REKENMACHINE — pagina-specifieke stijlen
   ===================================================== */
.calculator {
  width: 100%;
  background: var(--display-bg);
  border-radius: var(--radius);
  overflow: hidden;
  box-shadow: var(--shadow-md);
}

.calculator__display {
  padding: 16px 20px 12px;
  text-align: right;
  min-height: 88px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 2px;
}

.calculator__previous {
  font-size: .875rem;
  color: var(--display-prev);
  min-height: 20px;
  word-break: break-all;
}

.calculator__current {
  font-size: 2rem;
  font-weight: 300;
  color: #ffffff;
  word-break: break-all;
  line-height: 1.15;
}

.calculator__buttons {
  background: #292b3e;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1px;
  padding: 1px;
}

/* Wetenschappelijke knoppen (sin/cos/tan/√/x²/±/haakjes/%) */
.btn--sci {
  background: #e8e9f5;
  color: #5d617a;
  font-size: .82rem;
  font-weight: 500;
}
.btn--sci:hover { background: #d9dbee; }

/* Iets lagere knophoogte zodat 7 rijen niet te hoog worden */
.calculator .btn {
  height: 56px;
}