/* Income Replacement Ratio calculator — scoped base styles.
   The calculator markup carries its own inline styling; everything here is
   namespaced under .rr-tool so it cannot affect the surrounding portal chrome
   (Bootstrap topbar / sidebar / footer). */

.rr-tool {
    font-family: 'Montserrat', system-ui, -apple-system, sans-serif;
    color: #292B4D;
    -webkit-font-smoothing: antialiased;
}

.rr-tool a {
    color: #2d9c3d;
    text-decoration: underline;
}

.rr-tool a:hover {
    color: #292B4D;
}

.rr-tool input,
.rr-tool select,
.rr-tool button {
    font-family: 'Montserrat', system-ui, -apple-system, sans-serif;
}

.rr-tool input[type="range"] {
    accent-color: #39B54A;
    width: 100%;
    cursor: pointer;
}

.rr-tool input:focus,
.rr-tool select:focus {
    outline: 2px solid #39B54A;
    outline-offset: 1px;
}