.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;}

.roman-input{
    font-size:1.4rem;
    text-align:center;
    letter-spacing:.04em;
}

.roman-output{
    font-size:clamp(1.8rem,5vw,2.6rem);
    font-weight:600;
    text-align:center;
    color:var(--bs-primary);
    letter-spacing:.04em;
    line-height:1.2;
    min-height:3rem;
    user-select:all;
    word-break:break-all;
}
[data-bs-theme="dark"] .roman-output{color:#74c0fc;}

.roman-breakdown{
    display:flex;
    flex-wrap:wrap;
    gap:.5rem;
}
.roman-step{
    background:var(--bs-tertiary-bg);
    border:1px solid var(--bs-border-color);
    border-radius:.4rem;
    padding:.4rem .6rem;
    font-size:.85rem;
    display:flex;
    align-items:center;
    gap:.35rem;
}
.roman-step .rs-symbol{
    font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;
    font-weight:700;
    color:var(--bs-primary);
}
[data-bs-theme="dark"] .roman-step .rs-symbol{color:#74c0fc;}
.roman-step .rs-eq{color:var(--bs-secondary-color);}
.roman-step .rs-num{font-weight:600;}

.roman-table tbody tr:hover{background:var(--bs-tertiary-bg);cursor:default;}