/* Calculator: the classic XP standard layout */
.calc-body { flex: 1; min-height: 0; display: flex; flex-direction: column; gap: 6px; padding: 8px; background: #ece9d8; font: 11px Tahoma, sans-serif; user-select: none; }
.calc-display { display: block; padding: 4px 6px; background: #fff; border: 2px inset #d4d0c8; text-align: right; font: 20px "Lucida Console", Consolas, monospace; overflow: hidden; white-space: nowrap; min-height: 28px; }
.calc-memory { display: flex; align-items: center; gap: 6px; }
.calc-memory output { width: 22px; height: 22px; display: grid; place-items: center; border: 2px inset #d4d0c8; background: #ece9d8; }
.calc-grid { flex: 1; min-height: 0; display: grid; grid-template-columns: repeat(5, 1fr); grid-auto-rows: 1fr; gap: 4px; }
.calc-key { font: 11px Tahoma, sans-serif; padding: 0; border: 1px solid #003c74; border-radius: 3px; background: linear-gradient(#fff, #ece9d8 85%, #d6d0c0); color: #1a1aaa; cursor: pointer; }
.calc-key.op { color: #c00000; }
.calc-key.mem, .calc-key.wide { color: #c00000; }
.calc-key:hover { border-color: #e5a02a; }
.calc-key:active { background: #d6d0c0; }
.calc-key.wide { grid-column: span 1; }
.calc-key[data-key="="] { grid-column: span 4; }