/* Інструмент «Конвертер валют»: пара валют із кнопкою обміну, поле свого курсу, рядок курсу, таблиця 1–10–100–1000.
   Кольори — з токенів /style.css, тож темна тема працює сама. Без inline-стилів: CSP. */
/* minmax(0,…): довгі назви валют у select не розпирають картку на вузькому екрані */
.s-cv-pair{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:10px;align-items:end}
.s-cv-pair>div{min-width:0}
.s-cv-swap{width:51px;height:51px;padding:0;border-radius:12px;flex:none}
.s-cv-swap svg{width:22px;height:22px}
.s-cv-opt{font-weight:400;color:var(--mute)}
.s-cv-custom{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center}
.s-cv-eq{color:var(--mute);font-size:14px;font-weight:600;white-space:nowrap;font-variant-numeric:tabular-nums}
.s-cv-rate{margin:10px 0 0;font-size:15px;line-height:1.5}
.s-cv-rate a{color:var(--brand)}
.s-cv-warn{background:var(--warnbg);border:1px solid var(--warnline);color:var(--warnink);border-radius:12px;padding:10px 12px;font-size:14px;margin:12px 0 0}
.s-cv-table{width:100%;border-collapse:collapse;margin-top:16px;font-size:15px;font-variant-numeric:tabular-nums}
.s-cv-table caption{text-align:left;color:var(--mute);font-size:13px;padding:0 0 6px}
.s-cv-table th,.s-cv-table td{padding:8px 6px;border-top:1px solid var(--line);text-align:right;white-space:nowrap}
.s-cv-table th{color:var(--mute);font-weight:600;font-size:13px;border-top:0}
.s-cv-table th:first-child,.s-cv-table td:first-child{text-align:left}
.s-cv-table td:last-child{font-weight:600}
.s-cv-foot{margin-top:14px}
.s-result .rowflex{margin:4px 0 0}
@media(max-width:400px){.s-cv-pair{gap:6px}.s-cv-swap{width:44px}}