/* RECATOOLS — Rounding Calculator */
.rc-wrap { padding: 1.25rem; }
.rc-input { width: 100%; padding: .8rem 1rem; border: 1px solid #ebebeb; border-radius: 10px; font-size: 1.5rem; text-align: center; font-variant-numeric: tabular-nums; }
.rc-input:focus { outline: none; border-color: #4f46e5; box-shadow: 0 0 0 3px rgba(79,70,229,.15); }
.rc-controls { display: flex; flex-wrap: wrap; gap: 1rem; align-items: center; justify-content: center; margin: 1rem 0; font-size: .85rem; }
.rc-controls label { display: inline-flex; align-items: center; gap: .4rem; }
.rc-controls input[type="number"] { width: 56px; padding: .35rem .4rem; border: 1px solid #ebebeb; border-radius: 8px; text-align: center; }
.rc-modes { display: flex; gap: .4rem; justify-content: center; flex-wrap: wrap; margin-bottom: .5rem; }
.rc-modes label { cursor: pointer; }
.rc-modes input { position: absolute; opacity: 0; }
.rc-modes span { display: inline-block; padding: .4rem .85rem; font-size: .8rem; font-weight: 600; border: 1px solid #ebebeb; border-radius: 999px; color: #6b6760; }
.rc-modes input:checked + span { background: #4f46e5; color: #fff; border-color: #4f46e5; }
.rc-error { margin: 1rem 0 0; padding: .8rem 1rem; background: #fef2f2; border-left: 4px solid #ef4444; border-radius: 10px; color: #991b1b; font-size: .9rem; }
.rc-result { margin-top: 1.25rem; }
.rc-orig { text-align: center; font-size: .95rem; color: #6b6760; margin-bottom: .9rem; }
.rc-orig b { color: #1a1814; } .rc-orig em { color: #7c3aed; font-style: normal; font-weight: 600; }
.rc-rows { display: grid; gap: .4rem; max-width: 360px; margin: 0 auto; }
.rc-row { display: flex; justify-content: space-between; padding: .55rem .9rem; background: #f5f3ff; border: 1px solid #ddd6fe; border-radius: 10px; font-size: .92rem; }
.rc-row span { color: #6b6760; } .rc-row b { color: #4338ca; font-variant-numeric: tabular-nums; }