/* RECATOOLS — Basic Calculator */
.bc-wrap { padding: 1.25rem; max-width: 380px; margin: 0 auto; }
.bc-display { background: #1e1b4b; color: #fff; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 2.4rem; font-weight: 700; text-align: right; padding: 1.1rem 1.1rem; border-radius: 14px; min-height: 1.4em; overflow-x: auto; word-break: break-all; letter-spacing: .01em; }
.bc-keypad { display: grid; grid-template-columns: repeat(4, 1fr); gap: .55rem; margin-top: .75rem; }
.bc-keypad button { font-size: 1.3rem; font-weight: 600; padding: 1rem 0; border: none; border-radius: 12px; cursor: pointer; background: #fff; color: #1a1814; border: 1px solid #ebebeb; transition: transform .05s, background .12s; }
.bc-keypad button:hover { background: #f3f4f6; }
.bc-keypad button:active { transform: scale(.96); }
.bc-keypad .bc-fn { background: #eef2ff; color: #4338ca; border-color: #e0e7ff; }
.bc-keypad .bc-op { background: #e0e7ff; color: #4338ca; font-weight: 700; border-color: #c7d2fe; }
.bc-keypad .bc-eq { background: #4f46e5; color: #fff; border-color: #4f46e5; grid-row: span 1; }
.bc-keypad .bc-eq:hover { background: #4338ca; }
.bc-keypad .bc-zero { grid-column: span 2; }
.bc-crosslinks { margin-top: 1rem; padding: .85rem 1rem; background: #f5f3ff; border: 1px solid #ddd6fe; border-radius: 12px; }
.bc-xl-label { font-size: .68rem; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; color: #7c3aed; margin-bottom: .4rem; }
.bc-xl { display: block; font-size: .9rem; color: #4338ca; text-decoration: none; padding: .25rem 0; }
.bc-xl:hover { text-decoration: underline; }
.bc-kbd-hint { text-align: center; font-size: .72rem; color: #9b968d; margin-top: .8rem; }