/* Інструмент «Транслітерація»: поле вводу, блок результату, таблиця постанови. Кольори — з токенів, темна тема
   успадковується від /style.css. Без inline-стилів: CSP. */
#src{min-height:150px;resize:vertical;line-height:1.5}
.s-tr-out{white-space:pre-wrap;overflow-wrap:anywhere;font-size:clamp(19px,2.4vw,26px);font-weight:700;letter-spacing:-.01em;line-height:1.35;margin:4px 0 14px;color:var(--ink)}
.s-tr-out.mono{font-family:ui-monospace,Menlo,monospace;font-weight:600;font-size:clamp(16px,2vw,21px);letter-spacing:0}
.s-tr-actions{gap:14px}
.s-tr-kbd{margin-top:10px}
@media(hover:none){.s-tr-kbd{display:none}}
.s-tr-table{width:100%;border-collapse:collapse;font-size:15px;margin:12px 0 4px;line-height:1.45}
.s-tr-table th,.s-tr-table td{text-align:left;vertical-align:top;padding:8px 10px;border-bottom:1px solid var(--line)}
.s-tr-table th{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--mute);font-weight:600}
.s-tr-table td:first-child{font-weight:700;color:var(--ink);white-space:nowrap}
.s-tr-table td:nth-child(2){font-family:ui-monospace,Menlo,monospace;color:var(--ink);white-space:nowrap}
.s-tr-table td small{display:block;color:var(--mute);font-family:-apple-system,BlinkMacSystemFont,"Inter","Segoe UI",Roboto,sans-serif;font-size:12px;margin-bottom:4px}
.s-tr-table td small:last-child{margin-bottom:0}
@media(max-width:560px){.s-tr-table{font-size:13.5px}.s-tr-table th,.s-tr-table td{padding:6px}}