/* Random Number Generator. The inputs are calculator rows (.tool-number-nounit, .tool-choice and .tool-field
   from tool.css); the switch row matches their label and height */

/* Number inputs without the browser's up/down buttons, as on the calculators (tool.css scopes its own rule
   to .tool-calculator, which a code tool isn't inside) */
#rn_tool input[type="number"]::-webkit-outer-spin-button,
#rn_tool input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

#rn_tool input[type="number"] {
    -moz-appearance: textfield;
    appearance: textfield;
}

.rn-switch-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 38px;
    margin-bottom: 1rem;
}

.rn-switch-row .form-check-input {
    width: 2.5em;
    height: 1.35em;
    cursor: pointer;
}

#rn_feedback.d-block {
    margin-top: 0.75rem;
}

.rn-result {
    font-variant-numeric: tabular-nums;
    overflow-wrap: anywhere;
    max-height: 18rem;
    overflow-y: auto;
    scrollbar-width: thin;
    line-height: 1.6;
}

/* One number is the answer, so it is shown large */
.rn-result.rn-single {
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
    padding: 0.5rem 0;
}