.calc-body{
  padding:14px;
  display:flex;
  flex-direction:column;
  gap:10px;
}
.calc-display{
  background:#050705;
  border:1px solid rgba(0,255,241,0.25);
  border-radius:4px;
  padding:14px 12px;
  text-align:right;
  font-family:var(--mono);
  font-size:22px;
  color:var(--chartreuse);
  min-height:32px;
  overflow-x:auto;
  white-space:nowrap;
}
.calc-grid{
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  gap:8px;
}
.calc-key{
  padding:12px 0;
  text-align:center;
  background:var(--panel);
  border-radius:4px;
  box-shadow: inset 1px 1px 0 var(--bevel-lt), inset -1px -1px 0 var(--bevel-dk);
  font-family:var(--mono);
  font-size:15px;
  cursor:pointer;
  color:var(--white);
}
.calc-key:active{ box-shadow: inset -1px -1px 0 var(--bevel-lt), inset 1px 1px 0 var(--bevel-dk); }
.calc-key.op{ color:var(--cyan); }
.calc-key.eq{ background:var(--chartreuse); color:var(--black); font-weight:700; }
.calc-key.wide{ grid-column:span 2; }