/* Хаб раздела «Курсы валют» /currency/ — web-calculator.ru. Scoped под #ch-hub.
   Типографика по канону сайта: 12px Unbounded, заголовки 16px/700. */
#ch-hub, #ch-hub input, #ch-hub select, #ch-hub button, #ch-hub table { font-family: "Unbounded", sans-serif; }
#ch-hub { color: #000; font-size: 12px; line-height: 1.55; }
#ch-hub .up { color: #0a7a3d; } #ch-hub .down { color: #c0392b; }
#ch-hub .ch-lead { font-size: 12px; line-height: 1.55; opacity: .8; margin: 4px 0 16px; }

/* ── Таблица курсов ───────────────────────────────────── */
#ch-hub .ch-table-wrap { overflow-x: auto; border: 1px solid #eee; border-radius: 14px; }
#ch-hub table.ch-table { width: 100%; border-collapse: collapse; font-size: 12px; }
#ch-hub table.ch-table th, #ch-hub table.ch-table td { border-bottom: 1px solid #eee; padding: 9px 12px; text-align: right; white-space: nowrap; }
#ch-hub table.ch-table th { background: #f7f9fc; font-weight: 700; position: sticky; top: 0; }
#ch-hub table.ch-table th:nth-child(-n+2), #ch-hub table.ch-table td:nth-child(-n+2) { text-align: left; }
#ch-hub table.ch-table td:first-child { font-weight: 700; }
#ch-hub table.ch-table a { color: #000; text-decoration: underline; text-underline-offset: 2px; }
#ch-hub table.ch-table tr:last-child td { border-bottom: 0; }

/* ── Быстрый конвертер ────────────────────────────────── */
#ch-hub .ch-conv, #ch-hub .ch-cards { margin-top: 16px; }
#ch-hub .ch-conv-title { font-size: 16px; font-weight: 700; display: block; margin-bottom: 10px; }
#ch-hub .ch-conv-row { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
#ch-hub .ch-conv-row input { flex: 1 1 200px; min-width: 160px; height: 56px; padding: 0 16px; border: 1px solid #ddd; border-radius: 12px; font-size: 16px; font-weight: 700; }
#ch-hub .ch-conv-row select { flex: 1 1 240px; min-width: 190px; height: 56px; padding: 0 14px; border: 1px solid #ddd; border-radius: 12px; font-size: 12px; background: #fff; cursor: pointer; }
#ch-hub .ch-conv-row input:focus, #ch-hub .ch-conv-row select:focus { outline: none; border-color: #000; }
#ch-hub .ch-conv-arrow { opacity: .5; flex: none; }
#ch-hub .ch-conv-res { flex: 1 1 100%; font-size: 16px; }
#ch-hub .ch-conv-res b { font-weight: 700; }
#ch-hub .ch-conv-cta { font-size: 12px; margin: 10px 0 0; }
#ch-hub .ch-conv-cta a { color: #000; }

/* ── Карточки-ссылки ──────────────────────────────────── */
#ch-hub .ch-cards-row { display: flex; flex-wrap: wrap; gap: 8px; }
#ch-hub .ch-card { padding: 10px 16px; border: 1px solid #ddd; border-radius: 20px; text-decoration: none; font-size: 12px; color: #000; }
#ch-hub .ch-card:hover { border-color: #000; background: #fafafa; }

@media screen and (max-width: 767px) {
  #ch-hub .ch-conv-row input, #ch-hub .ch-conv-row select { width: 100%; max-width: none; flex: 1 1 100%; }
  #ch-hub .ch-conv-arrow { display: none; }
}

/* ── Таблицы в тексте ─────────────────────────────────── */
.cc-text-table { width: 100%; border-collapse: collapse; margin: 8px 0 12px; font-size: 12px; }
.cc-text-table th, .cc-text-table td { border: 1px solid #e5e7eb; padding: 8px 10px; text-align: left; vertical-align: top; }
.cc-text-table th { background: #f7f9fc; font-weight: 700; }