.rn-pair { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: .6rem 1rem; }
@media (max-width: 560px) { .rn-pair { grid-template-columns: 1fr; } }
.rn-pair .field { margin: 0; min-width: 0; }
.rn-pair input { width: 100%; font-size: 1.15rem; }
#rn-rom { text-transform: uppercase; letter-spacing: .04em; }
.rn-row { display: flex; gap: .5rem; align-items: center; flex-wrap: wrap; margin: .7rem 0; }
.rn-row label { display: flex; gap: .4rem; align-items: center; }
#rn-err { color: var(--rose-700); }
#rn-err:empty, #rn-steps:empty, #rn-dout:empty { display: none; }
#rn-steps, #rn-dout { margin-top: .6rem; border: 1px solid var(--line); border-radius: 12px; padding: .7rem .9rem; overflow-wrap: anywhere; }
.rn-big { font-size: 1.25rem; margin: 0 0 .3rem; overflow-wrap: anywhere; }
.rn-how { margin: 0 0 .4rem; color: var(--muted, #555); font-size: .92rem; }
.rn-warn { margin: .3rem 0 0; color: var(--rose-700); }
.rn-date { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .6rem 1rem; }
@media (max-width: 640px) { .rn-date { grid-template-columns: 1fr 1fr; } .rn-date .field:first-child { grid-column: 1 / -1; } }
.rn-date .field { margin: 0; min-width: 0; }
.rn-date input, .rn-date select { width: 100%; }
.rn-chart { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 0; border: 1px solid var(--line); border-radius: 12px; overflow: hidden; font-size: .92rem; }
.rn-chart div { padding: .3rem .5rem; border-top: 1px solid var(--line); border-left: 1px solid var(--line); overflow-wrap: anywhere; }
.rn-chart b { display: inline-block; min-width: 1.8rem; font-weight: 600; }
@media (max-width: 640px) { .rn-chart { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.rn-h { margin-top: 1.4rem; }