/* 羅馬數字轉換頁專用樣式；表單與表格沿用 site.css */
.rn-row { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.rn-row > * { min-width: 0; }
.rn-row input { width: 100%; font-size: 1.3rem; letter-spacing: .04em; }
#rn-roman { text-transform: uppercase; }
.rn-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 8px; }
.rn-actions .btn-primary { flex: 1 1 200px; min-height: 52px; }
.rn-ok { color: var(--ok); }
.rn-grid { list-style: none; margin: 8px 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(104px, 1fr)); gap: 6px; }
.rn-grid li { display: flex; justify-content: space-between; align-items: baseline; gap: 6px; border: 1px solid var(--line); border-radius: 8px; padding: 6px 10px; background: #fff; min-width: 0; }
.rn-grid b { color: var(--muted); font-weight: 600; font-size: .95rem; }
.rn-grid span { font-weight: 700; color: var(--brand-dark); overflow-wrap: anywhere; text-align: right; }
.content table th, .content table td { overflow-wrap: anywhere; }
@media (max-width: 560px) {
  .rn-row { grid-template-columns: 1fr; }
  .content table { font-size: .9rem; }
  .content th, .content td { padding: 6px 4px; }
}