/* https://exchangerates.uz/css/app.css?v=1789002338 */
:root { --bg: #eef1f6; --surface: #fff; --surface-2: #f6f8fc; --ink: #141b2d; --ink-2: #3a4560; --muted: #7a879e; --line: #e4e8f0; --brand: #1e5fd6; --brand-dark: #1749a8; --brand-soft: #e8f0ff; --up: #12a150; --up-soft: #e7f7ee; --down: #e5484d; --down-soft: #fdecec; --best: #eafaf0; --best-line: #bfe8cf; --amber: #f5a623; --radius: 14px; --radius-sm: 9px; --shadow: 0 1px 2px rgba(20,27,45,.06),0 6px 20px rgba(20,27,45,.05); --wrap: 1180px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; }
* { box-sizing: border-box; }
html { text-size-adjust: 100%; }
body { margin: 0px; background: var(--bg); color: var(--ink); font-size: 15px; line-height: 1.5; }
a { color: var(--brand); text-decoration: none; }
a:hover { color: var(--brand-dark); }
.container { max-width: var(--wrap); margin: 0px auto; padding: 0px 16px; }
h1, h2, h3 { line-height: 1.2; color: var(--ink); margin: 0px 0px 0.5em; }
h1 { font-size: 26px; font-weight: 750; letter-spacing: -0.01em; }
h2 { font-size: 20px; font-weight: 700; }
h3 { font-size: 16px; font-weight: 700; }
img { max-width: 100%; }
.site-header { background: var(--surface); border-bottom: 1px solid var(--line); position: sticky; top: 0px; z-index: 50; }
.site-header .container { max-width: 1320px; }
.header-inner { display: flex; align-items: center; gap: 14px; height: 60px; }
.logo { display: flex; align-items: center; gap: 9px; flex-shrink: 0; }
.logo-text { font-weight: 800; font-size: 20px; color: var(--ink); letter-spacing: -0.02em; }
.logo-text em { color: var(--brand); font-style: normal; }
.main-nav { display: flex; gap: 1px; flex: 1 1 auto; min-width: 0px; overflow-x: auto; scrollbar-width: none; }
.main-nav::-webkit-scrollbar { display: none; }
.main-nav a { padding: 8px 9px; border-radius: 8px; color: var(--ink-2); font-weight: 600; font-size: 13.5px; white-space: nowrap; }
.main-nav a:hover { background: var(--surface-2); color: var(--ink); }
.main-nav a.active { color: var(--brand); background: var(--brand-soft); }
.header-right { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }
.city-picker { position: relative; }
.city-picker summary { list-style: none; cursor: pointer; display: flex; align-items: center; gap: 6px; padding: 7px 12px; border: 1px solid var(--line); border-radius: 999px; color: var(--ink-2); font-weight: 600; font-size: 14px; background: var(--surface); }
.city-picker summary::-webkit-details-marker { display: none; }
.city-picker summary:hover { border-color: rgb(205, 214, 230); }
.city-picker[open] summary { border-color: var(--brand); color: var(--brand); }
.city-drop { position: absolute; right: 0px; top: calc(100% + 8px); width: 290px; background: var(--surface); border: 1px solid var(--line); border-radius: 12px; box-shadow: var(--shadow); padding: 12px; z-index: 60; }
.city-search { width: 100%; padding: 9px 11px; border: 1px solid var(--line); border-radius: 8px; font-size: 14px; margin-bottom: 8px; }
.city-list { max-height: 280px; overflow: auto; display: grid; grid-template-columns: 1fr 1fr; gap: 2px; }
.city-list a { padding: 6px 8px; border-radius: 6px; color: var(--ink-2); font-size: 13.5px; }
.city-list a:hover { background: var(--brand-soft); color: var(--brand); }
.burger { display: none; flex-direction: column; gap: 4px; background: none; border: 0px; cursor: pointer; padding: 8px; }
.burger span { width: 22px; height: 2px; background: var(--ink); border-radius: 2px; transition: 0.2s; }
.burger.is-open span:nth-child(1) { transform: translateY(6px) rotate(45deg); }
.burger.is-open span:nth-child(2) { opacity: 0; }
.burger.is-open span:nth-child(3) { transform: translateY(-6px) rotate(-45deg); }
main { padding: 22px 0px 40px; }
.section { margin-bottom: 26px; }
.section-head { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin-bottom: 12px; }
.section-head a.more { font-size: 14px; font-weight: 600; }
.card { background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius); box-shadow: var(--shadow); }
.card-pad { padding: 18px; }
.grid { display: grid; gap: 16px; }
.breadcrumbs { font-size: 13px; color: var(--muted); margin-bottom: 14px; display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.breadcrumbs a { color: var(--muted); }
.breadcrumbs a:hover { color: var(--brand); }
.breadcrumbs span { color: var(--ink-2); }
.crumb-sep { opacity: 0.5; }
.hero { background: linear-gradient(135deg, rgb(30, 95, 214), rgb(42, 116, 240)); border-radius: 18px; color: rgb(255, 255, 255); padding: 26px; margin-bottom: 22px; display: grid; grid-template-columns: 1.1fr 0.9fr; gap: 26px; align-items: center; }
.hero h1 { color: rgb(255, 255, 255); font-size: 28px; }
.hero p { color: rgb(219, 231, 255); margin: 0.4em 0px 0px; }
.hero-rates { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 10px; margin-top: 18px; }
.hero-rate { background: rgba(255, 255, 255, 0.14); border: 1px solid rgba(255, 255, 255, 0.18); border-radius: 12px; padding: 12px; }
.hero-rate .cur { font-size: 13px; color: rgb(207, 224, 255); font-weight: 600; }
.hero-rate .val { font-size: 22px; font-weight: 750; margin-top: 2px; }
.hero-rate .sub { font-size: 12px; color: rgb(188, 210, 255); margin-top: 2px; }
.conv-widget { background: var(--surface); border-radius: 14px; padding: 16px; color: var(--ink); }
.conv-widget h3 { margin-bottom: 12px; }
.conv-row { display: flex; gap: 8px; align-items: center; margin-bottom: 10px; }
.conv-row input, .conv-row select { padding: 11px; border: 1px solid var(--line); border-radius: 9px; font-size: 15px; background: rgb(255, 255, 255); }
.conv-row input { flex: 1 1 0%; font-weight: 650; }
.conv-row select { width: 130px; font-weight: 600; }
.conv-swap { background: var(--surface-2); border: 1px solid var(--line); border-radius: 9px; width: 40px; height: 40px; cursor: pointer; font-size: 16px; flex-shrink: 0; }
.conv-out { font-size: 22px; font-weight: 750; color: var(--brand); margin-top: 4px; }
.conv-note { font-size: 12px; color: var(--muted); margin-top: 8px; }
.conv-modes { display: flex; gap: 6px; margin-bottom: 12px; }
.conv-modes label { flex: 1 1 0%; text-align: center; padding: 7px; border: 1px solid var(--line); border-radius: 8px; font-size: 13px; cursor: pointer; color: var(--ink-2); }
.conv-modes input { display: none; }
.conv-modes input:checked + span { color: var(--brand); font-weight: 700; }
.conv-modes label:has(input:checked) { border-color: var(--brand); background: var(--brand-soft); }
.cur-tabs { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 14px; }
.cur-tabs a { display: inline-flex; align-items: center; gap: 6px; padding: 8px 13px; border-radius: 999px; border: 1px solid var(--line); background: var(--surface); color: var(--ink-2); font-weight: 650; font-size: 14px; }
.cur-tabs a .flag { font-size: 15px; }
.cur-tabs a:hover { border-color: rgb(205, 214, 230); }
.cur-tabs a.on { background: var(--brand); border-color: var(--brand); color: rgb(255, 255, 255); }
.table-wrap { overflow-x: auto; border-radius: var(--radius); }
table.rates { width: 100%; border-collapse: collapse; background: var(--surface); min-width: 560px; }
table.rates th, table.rates td { padding: 13px 14px; text-align: left; border-bottom: 1px solid var(--line); }
table.rates thead th { font-size: 12.5px; color: var(--muted); font-weight: 650; text-transform: uppercase; letter-spacing: 0.03em; background: var(--surface-2); white-space: nowrap; }
table.rates thead th.num { text-align: right; }
table.rates th.sortable a { color: var(--muted); display: inline-flex; gap: 4px; align-items: center; }
table.rates th.sortable a:hover { color: var(--brand); }
table.rates th.sortable.on a { color: var(--brand); }
table.rates td.num { text-align: right; font-variant-numeric: tabular-nums; font-weight: 650; font-size: 15.5px; white-space: nowrap; }
table.rates tbody tr:hover { background: var(--surface-2); }
.bankcell { display: flex; align-items: center; gap: 11px; min-width: 180px; }
.bank-logo { width: 34px; height: 34px; border-radius: 8px; object-fit: contain; background: rgb(255, 255, 255); border: 1px solid var(--line); flex-shrink: 0; }
.bank-logo.ph { display: flex; align-items: center; justify-content: center; color: var(--muted); font-weight: 700; font-size: 14px; background: var(--surface-2); }
.bankcell .bn { font-weight: 650; color: var(--ink); }
.bankcell .bn small { display: block; color: var(--muted); font-weight: 500; font-size: 12px; }
.best-cell { background: var(--best); }
.best-badge { display: inline-block; font-size: 10.5px; font-weight: 700; color: var(--up); background: var(--up-soft); border-radius: 5px; padding: 1px 5px; margin-left: 6px; vertical-align: middle; text-transform: uppercase; }
.trend { font-size: 11px; margin-left: 5px; vertical-align: middle; }
.trend.up { color: var(--up); }
.trend.down { color: var(--down); }
.upd { color: var(--muted); font-size: 12.5px; white-space: nowrap; }
.tiles { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 10px; }
.tile { background: var(--surface); border: 1px solid var(--line); border-radius: 11px; padding: 13px 14px; display: block; }
.tile:hover { border-color: rgb(205, 214, 230); box-shadow: var(--shadow); }
.tile .t-name { font-weight: 650; color: var(--ink); }
.tile .t-sub { color: var(--muted); font-size: 12.5px; margin-top: 2px; }
.rate-mini { display: flex; justify-content: space-between; font-size: 13px; margin-top: 8px; color: var(--ink-2); }
.rate-mini b { font-variant-numeric: tabular-nums; color: var(--ink); }
.bank-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 12px; }
.bank-item { display: flex; align-items: center; gap: 12px; background: var(--surface); border: 1px solid var(--line); border-radius: 12px; padding: 13px 15px; }
.bank-item:hover { border-color: rgb(205, 214, 230); box-shadow: var(--shadow); }
.bank-item .bn { font-weight: 650; color: var(--ink); }
.bank-item .bn small { display: block; color: var(--muted); font-weight: 500; font-size: 12px; }
.cb-strip { display: flex; gap: 10px; flex-wrap: wrap; }
.cb-chip { display: flex; align-items: center; gap: 9px; background: var(--surface); border: 1px solid var(--line); border-radius: 11px; padding: 10px 14px; }
.cb-chip .flag { font-size: 20px; }
.cb-chip .cc { font-size: 12px; color: var(--muted); font-weight: 600; }
.cb-chip .cv { font-weight: 750; font-variant-numeric: tabular-nums; }
.cb-chip .cd { font-size: 12px; font-weight: 600; }
.cb-chip .cd.up { color: var(--up); }
.cb-chip .cd.down { color: var(--down); }
.btn { display: inline-flex; align-items: center; gap: 7px; padding: 10px 16px; border-radius: 9px; font-weight: 650; font-size: 14.5px; background: var(--brand); color: rgb(255, 255, 255); border: 0px; cursor: pointer; }
.btn:hover { background: var(--brand-dark); color: rgb(255, 255, 255); }
.btn.ghost { background: var(--surface); color: var(--ink-2); border: 1px solid var(--line); }
.btn.ghost:hover { border-color: rgb(205, 214, 230); background: var(--surface-2); }
.chip { display: inline-block; padding: 3px 9px; border-radius: 999px; background: var(--surface-2); border: 1px solid var(--line); font-size: 12.5px; color: var(--ink-2); }
.prose { color: var(--ink-2); line-height: 1.7; }
.prose h2 { margin-top: 1.4em; }
.prose p { margin: 0px 0px 1em; }
.seo-text { color: var(--ink-2); line-height: 1.7; font-size: 14.5px; }
.seo-text h2 { font-size: 18px; }
.muted { color: var(--muted); }
.lead { font-size: 16px; color: var(--ink-2); }
.stat-row { display: grid; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); gap: 12px; }
.stat { background: var(--surface); border: 1px solid var(--line); border-radius: 12px; padding: 16px; text-align: center; }
.stat b { display: block; font-size: 26px; color: var(--brand); font-weight: 750; }
.stat span { color: var(--muted); font-size: 13px; }
.article-list { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 16px; }
.article-card { background: var(--surface); border: 1px solid var(--line); border-radius: 14px; padding: 18px; display: flex; flex-direction: column; }
.article-card h3 { margin-bottom: 8px; }
.article-card .a-date { color: var(--muted); font-size: 12.5px; margin-top: auto; padding-top: 10px; }
.chart { width: 100%; height: 220px; }
.chart-wrap { background: var(--surface); border: 1px solid var(--line); border-radius: 12px; padding: 16px; }
#branchMap { width: 100%; height: 360px; border-radius: 12px; border: 1px solid var(--line); background: var(--surface-2); }
.branch-list { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 10px; margin-top: 14px; }
.branch { background: var(--surface); border: 1px solid var(--line); border-radius: 10px; padding: 12px; }
.branch .addr { font-weight: 600; }
.branch .wt { color: var(--muted); font-size: 12.5px; margin-top: 3px; }
.pagination { display: flex; gap: 6px; list-style: none; padding: 0px; margin: 20px 0px 0px; flex-wrap: wrap; }
.pagination a, .pagination span { padding: 8px 13px; border-radius: 8px; border: 1px solid var(--line); background: var(--surface); color: var(--ink-2); }
.pagination .active span { background: var(--brand); color: rgb(255, 255, 255); border-color: var(--brand); }
.cols { display: grid; grid-template-columns: 1fr 320px; gap: 22px; align-items: start; min-width: 0px; }
.cols > * { min-width: 0px; }
.aside .card { margin-bottom: 16px; }
@media (max-width: 960px) {
  .cols { grid-template-columns: 1fr; }
}
@media (max-width: 860px) {
  .hero { grid-template-columns: 1fr; }
}
@media (max-width: 760px) {
  .main-nav { position: fixed; inset: 60px 0px auto; background: var(--surface); flex-direction: column; padding: 10px 16px; border-bottom: 1px solid var(--line); box-shadow: var(--shadow); display: none; gap: 2px; }
  .main-nav.open { display: flex; }
  .burger { display: flex; }
  .city-list { grid-template-columns: 1fr; }
  h1 { font-size: 22px; }
  .hero-rates { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 480px) {
  .header-inner { gap: 8px; }
  .logo-text { font-size: 15px; }
  .header-right { gap: 6px; }
  .lang-switch a { padding: 5px 7px; font-size: 12px; }
  .city-picker summary { padding: 7px 9px; font-size: 13px; gap: 0px; }
  .city-picker summary > span { display: none; }
  .hero-rates { grid-template-columns: 1fr; }
  .hero { min-width: 0px; }
  .hero > * { min-width: 0px; }
  .hero-rate { min-width: 0px; }
}
.cbticker { display: flex; align-items: center; gap: 0px; background: rgb(20, 27, 45); border-radius: 12px; overflow: hidden; margin-bottom: 10px; }
.cbticker-ico { flex-shrink: 0; display: flex; align-items: center; justify-content: center; width: 46px; align-self: stretch; background: rgb(27, 37, 64); border-right: 1px solid rgb(38, 48, 77); }
.cbticker-view { overflow: hidden; flex: 1 1 0%; }
.cbticker-track { display: inline-flex; align-items: center; white-space: nowrap; animation: 80s linear 0s infinite normal none running tickerX; }
.cbticker:hover .cbticker-track { animation-play-state: paused; }
@keyframes tickerX { 
  0% { transform: translateX(0px); }
  100% { transform: translateX(-50%); }
}
.cbt-item { display: inline-flex; align-items: baseline; gap: 7px; padding: 11px 16px; border-right: 1px solid rgb(33, 43, 69); color: rgb(231, 236, 245); }
.cbt-item:hover { background: rgb(27, 37, 64); color: rgb(255, 255, 255); }
.cbt-code { color: rgb(138, 151, 181); font-size: 12.5px; font-weight: 600; }
.cbt-val { font-weight: 700; font-variant-numeric: tabular-nums; font-size: 14px; }
.cbt-d { font-size: 11.5px; font-weight: 700; }
.cbt-d.up { color: rgb(58, 208, 127); }
.cbt-d.down { color: rgb(255, 107, 112); }
.newsticker { display: flex; align-items: center; gap: 0px; background: var(--surface); border: 1px solid var(--line); border-radius: 10px; overflow: hidden; margin-bottom: 20px; }
.nt-badge { flex-shrink: 0; background: var(--brand-soft); color: var(--brand); font-weight: 700; font-size: 12px; padding: 9px 14px; align-self: stretch; display: flex; align-items: center; }
.nt-view { overflow: hidden; flex: 1 1 0%; }
.nt-track { display: inline-flex; align-items: center; white-space: nowrap; animation: 70s linear 0s infinite normal none running tickerX; }
.newsticker:hover .nt-track { animation-play-state: paused; }
.nt-item { padding: 9px 6px 9px 14px; color: var(--ink-2); font-size: 13.5px; }
.nt-item:hover { color: var(--brand); }
.nt-dot { color: var(--muted); }
.mc-toolbar { display: flex; gap: 10px; align-items: center; margin-bottom: 12px; flex-wrap: wrap; }
.mc-search { flex: 1 1 0%; min-width: 220px; position: relative; }
.mc-search input { width: 100%; padding: 11px 12px 11px 38px; border: 1px solid var(--line); border-radius: 10px; font-size: 14.5px; background: var(--surface); }
.mc-search svg { position: absolute; left: 12px; top: 50%; transform: translateY(-50%); color: var(--muted); }
.mc-third { display: flex; align-items: center; gap: 8px; }
.mc-third select { padding: 10px 12px; border: 1px solid var(--line); border-radius: 10px; font-weight: 600; background: var(--surface); }
table.mc { width: 100%; border-collapse: collapse; background: var(--surface); min-width: 720px; }
table.mc thead th { font-size: 12px; color: var(--muted); font-weight: 650; padding: 10px 12px; background: var(--surface-2); border-bottom: 1px solid var(--line); white-space: nowrap; text-align: right; }
table.mc thead th.bankh { text-align: left; }
table.mc thead .cur-group { text-align: center; border-left: 1px solid var(--line); }
table.mc thead .cur-group .fl { font-size: 15px; }
table.mc th.sortable { cursor: pointer; user-select: none; }
table.mc th.sortable:hover { color: var(--brand); }
table.mc th .arr { opacity: 0.4; font-size: 10px; }
table.mc th.asc .arr, table.mc th.desc .arr { opacity: 1; color: var(--brand); }
table.mc td { padding: 11px 12px; border-bottom: 1px solid var(--line); text-align: right; font-variant-numeric: tabular-nums; font-weight: 650; white-space: nowrap; }
table.mc td.bankc { text-align: left; }
table.mc td.grp { border-left: 1px solid var(--line); }
table.mc tbody tr:hover { background: var(--surface-2); }
table.mc td.best { background: var(--best); color: var(--up); }
.mc-bank { display: flex; align-items: center; gap: 10px; min-width: 170px; }
.mc-bank .bn { font-weight: 650; color: var(--ink); }
.mc-bank .bn small { display: block; color: var(--muted); font-weight: 500; font-size: 11.5px; }
.mc-empty { padding: 24px; text-align: center; color: var(--muted); }
table.mc.cb-table th:first-child, table.mc.cb-table td:first-child, table.mc.cb-table th:nth-child(2), table.mc.cb-table td:nth-child(2) { text-align: left; }
.best-strip { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-bottom: 18px; }
.best-card { display: flex; align-items: center; gap: 12px; background: var(--surface); border: 1px solid var(--line); border-radius: 14px; padding: 14px 16px; box-shadow: var(--shadow); }
.best-card:hover { border-color: rgb(205, 214, 230); }
.bc-flag { font-size: 26px; }
.bc-body { display: flex; flex-direction: column; flex: 1 1 0%; }
.bc-name { font-size: 12.5px; color: var(--muted); font-weight: 650; }
.bc-rates { font-size: 19px; font-weight: 750; font-variant-numeric: tabular-nums; }
.bc-rates b { color: var(--ink); }
.bc-cap { font-size: 11px; color: var(--muted); }
.bc-cb { font-size: 12px; color: var(--muted); white-space: nowrap; align-self: flex-start; }
@media (max-width: 680px) {
  .best-strip { grid-template-columns: 1fr; }
}
.bank-hero { display: flex; justify-content: space-between; align-items: flex-start; gap: 18px; flex-wrap: wrap; margin-bottom: 18px; }
.bank-hero-main { display: flex; gap: 16px; align-items: flex-start; }
.bank-hero-txt h1 { margin: 0px 0px 4px; font-size: 24px; }
.bank-meta { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 10px; }
.bank-meta .chip { display: inline-flex; align-items: center; gap: 5px; }
a.chip:hover { border-color: var(--brand); color: var(--brand); }
.bank-hero-actions { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; }
.bank-city-picker .city-drop { right: auto; left: 0px; }
@media (max-width: 640px) {
  .bank-hero-actions { width: 100%; }
}
.pair-tabs { display: flex; gap: 8px; flex-wrap: wrap; margin: 14px 0px; }
.pair-tabs a { padding: 9px 16px; border-radius: 999px; border: 1px solid var(--line); background: var(--surface); color: var(--ink-2); font-weight: 650; }
.pair-tabs a:hover { border-color: rgb(205, 214, 230); }
.pair-tabs a.on { background: var(--brand); border-color: var(--brand); color: rgb(255, 255, 255); }
.conv2 { background: var(--surface); border: 1px solid var(--line); border-radius: 16px; padding: 20px; box-shadow: var(--shadow); }
.conv2-head { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-bottom: 16px; flex-wrap: wrap; }
.conv2-head h3, .conv2-title { margin: 0px; font-size: 17px; font-weight: 700; color: var(--ink); }
.conv2-modes { display: flex; gap: 6px; background: var(--surface-2); border-radius: 10px; padding: 3px; }
.conv2-modes label { cursor: pointer; padding: 6px 12px; border-radius: 8px; font-size: 13px; color: var(--muted); font-weight: 600; }
.conv2-modes input { position: absolute; width: 1px; height: 1px; opacity: 0; margin: 0px; }
.conv2-modes input:focus-visible + span { outline: 2px solid var(--brand); outline-offset: 2px; border-radius: 4px; }
.conv2-modes label:has(input:checked) { background: var(--surface); color: var(--brand); box-shadow: var(--shadow); }
.conv2-field { display: flex; align-items: stretch; border: 1.5px solid var(--line); border-radius: 12px; overflow: hidden; transition: border-color 0.15s; }
.conv2-field:focus-within { border-color: var(--brand); }
.conv2-field input { flex: 1 1 0%; border: 0px; padding: 16px 18px; font-size: 24px; font-weight: 750; font-variant-numeric: tabular-nums; background: transparent; color: var(--ink); min-width: 0px; }
.conv2-field input:focus { outline: none; }
.conv2-cur { border-left: 1px solid var(--line); display: flex; }
.conv2-cur select { border: 0px; background: var(--surface-2); padding: 0px 14px; font-weight: 650; font-size: 14px; cursor: pointer; max-width: 180px; }
.conv2-cur select:focus { outline: none; }
.conv2-result input { color: var(--brand); }
.conv2-result { background: var(--surface-2); }
.conv2-swap { display: block; margin: 10px auto; width: 44px; height: 44px; border-radius: 50%; border: 1px solid var(--line); background: var(--surface); color: var(--brand); cursor: pointer; box-shadow: var(--shadow); }
.conv2-swap:hover { background: var(--brand); color: rgb(255, 255, 255); border-color: var(--brand); }
.conv2-quick { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 14px; }
.conv2-quick button { padding: 7px 14px; border: 1px solid var(--line); border-radius: 999px; background: var(--surface); color: var(--ink-2); font-weight: 600; font-size: 13px; cursor: pointer; }
.conv2-quick button:hover { border-color: var(--brand); color: var(--brand); background: var(--brand-soft); }
.conv2-note { margin-top: 14px; color: var(--muted); font-size: 13.5px; text-align: center; }
@media (max-width: 520px) {
  .conv2-cur select { max-width: 110px; }
  .conv2-field input { font-size: 20px; }
}
#branchMap { width: 100%; height: 380px; border-radius: 14px; border: 1px solid var(--line); z-index: 1; margin-bottom: 14px; }
.branch-list { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 10px; }
.branch { background: var(--surface); border: 1px solid var(--line); border-radius: 12px; padding: 13px 15px; }
.branch .addr { font-weight: 650; color: var(--ink); display: flex; gap: 8px; align-items: flex-start; }
.branch-num { flex-shrink: 0; width: 22px; height: 22px; border-radius: 50%; background: var(--brand); color: rgb(255, 255, 255); font-size: 12px; font-weight: 700; display: inline-flex; align-items: center; justify-content: center; }
.branch .wt { color: var(--muted); font-size: 13px; margin-top: 5px; margin-left: 30px; }
.callout { display: flex; gap: 12px; border-radius: 14px; padding: 15px 17px; margin-top: 16px; line-height: 1.6; border: 1px solid; }
.callout-ic { font-size: 20px; flex-shrink: 0; }
.callout-important { background: rgb(255, 248, 236); border-color: rgb(245, 217, 154); color: rgb(92, 72, 19); }
.callout-info { background: var(--brand-soft); border-color: rgb(188, 212, 255); color: rgb(26, 60, 120); }
table.facts { width: 100%; border-collapse: collapse; font-size: 14px; }
table.facts td { padding: 9px 0px; border-bottom: 1px solid var(--line); vertical-align: top; }
table.facts tr:last-child td { border-bottom: 0px; }
table.facts td:first-child { color: var(--muted); white-space: nowrap; padding-right: 14px; width: 44%; }
table.facts td:last-child { font-weight: 600; color: var(--ink); }
.go-box { max-width: 560px; margin: 40px auto; text-align: center; }
.go-ic { font-size: 44px; margin-bottom: 6px; }
.go-host { font-size: 20px; font-weight: 750; color: var(--brand); background: var(--brand-soft); border-radius: 10px; padding: 12px 18px; margin: 14px 0px; word-break: break-all; }
.go-actions { display: flex; gap: 10px; justify-content: center; flex-wrap: wrap; margin-top: 18px; }
.cbt-mkt { background: rgb(15, 24, 48); }
.cbt-mkt .cbt-code { color: rgb(245, 184, 60); }
.cb-tomorrow { margin-top: 12px; padding-top: 12px; border-top: 1px dashed var(--line); display: flex; align-items: center; gap: 8px; flex-wrap: wrap; font-size: 15px; }
.cb-tomorrow b { color: var(--ink); }
.rev-avg { font-weight: 750; color: var(--amber); font-size: 16px; }
.review { background: var(--surface); border: 1px solid var(--line); border-radius: 12px; padding: 14px 16px; margin-bottom: 12px; }
.review-head { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-bottom: 6px; }
.review-name { font-weight: 700; color: var(--ink); }
.review-stars { color: var(--amber); letter-spacing: 1px; }
.review-date { font-size: 12.5px; }
.review-body { color: var(--ink-2); line-height: 1.6; }
.review-form h3 { margin-bottom: 14px; }
.rev-field { display: block; margin-bottom: 12px; font-size: 13px; color: var(--muted); }
.rev-field input[type="text"], .rev-field textarea { width: 100%; margin-top: 5px; padding: 10px 12px; border: 1px solid var(--line); border-radius: 9px; font-size: 14px; font-family: inherit; }
.rev-field textarea { resize: vertical; }
.star-input { display: inline-flex; flex-direction: row-reverse; justify-content: flex-end; gap: 2px; margin-top: 6px; font-size: 26px; }
.star-input input { display: none; }
.star-input label { color: rgb(214, 219, 230); cursor: pointer; transition: color 0.1s; }
.star-input input:checked ~ label, .star-input label:hover, .star-input label:hover ~ label { color: var(--amber); }
.chart-legend { display: flex; gap: 16px; margin-top: 8px; font-size: 13px; }
.lg { display: inline-flex; align-items: center; gap: 6px; color: var(--ink-2); }
.lg::before { content: ""; width: 12px; height: 3px; border-radius: 2px; }
.lg-buy::before { background: rgb(18, 161, 80); }
.lg-sell::before { background: rgb(229, 72, 77); }
#cityMap { width: 100%; height: 520px; border-radius: 14px; border: 1px solid var(--line); margin-bottom: 8px; }
.op-toggle { display: inline-flex; background: var(--surface); border: 1px solid var(--line); border-radius: 10px; padding: 3px; margin-bottom: 14px; }
.op-toggle button { border: 0px; background: none; padding: 9px 16px; border-radius: 8px; font-weight: 650; font-size: 14px; color: var(--ink-2); cursor: pointer; }
.op-toggle button.on { background: var(--brand); color: rgb(255, 255, 255); }
.chan-toggle { display: inline-flex; flex-wrap: wrap; gap: 3px; background: var(--surface); border: 1px solid var(--line); border-radius: 10px; padding: 3px; margin-bottom: 12px; }
.chan-toggle .chan-btn { border: 0px; background: none; padding: 8px 15px; border-radius: 8px; font-weight: 650; font-size: 14px; color: var(--ink-2); cursor: pointer; display: inline-flex; align-items: center; gap: 6px; }
.chan-toggle .chan-btn .chan-ico { font-size: 15px; }
.chan-toggle .chan-btn.on { background: var(--brand); color: rgb(255, 255, 255); }
.chan-panel[hidden] { display: none; }
.mc-bankwrap { display: flex; align-items: center; gap: 6px; }
.fav-star { border: 0px; background: none; font-size: 18px; color: rgb(208, 214, 226); cursor: pointer; padding: 0px 2px; line-height: 1; }
.fav-star.on { color: var(--amber); }
.fav-star:hover { color: var(--amber); }
tr.is-fav { background: rgb(255, 253, 245); }
.mc-filters { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 12px; }
.mc-fchip { padding: 7px 13px; border: 1px solid var(--line); border-radius: 999px; background: var(--surface); color: var(--ink-2); font-weight: 600; font-size: 13px; cursor: pointer; }
.mc-fchip:hover { border-color: rgb(205, 214, 230); }
.mc-fchip.on { background: var(--brand-soft); border-color: var(--brand); color: var(--brand); }
.err-wrap { max-width: 560px; margin: 50px auto; text-align: center; }
.err-code { font-size: 72px; font-weight: 800; color: var(--brand); line-height: 1; }
.err-links { display: flex; gap: 10px; justify-content: center; flex-wrap: wrap; margin-top: 20px; }
.verified-badge { display: inline-flex; align-items: center; justify-content: center; width: 15px; height: 15px; background: var(--up); color: rgb(255, 255, 255); border-radius: 50%; font-size: 10px; margin-left: 5px; vertical-align: middle; }
.header-search { position: relative; flex: 0 1 210px; min-width: 170px; max-width: 340px; display: flex; align-items: center; gap: 8px; background: var(--surface-2); border: 1px solid var(--line); border-radius: 10px; padding: 0px 12px; cursor: text; }
.header-search:focus-within { border-color: var(--brand); background: var(--surface); }
.header-search svg { color: var(--muted); flex-shrink: 0; }
.header-search input { border: 0px; background: none; padding: 9px 0px; font-size: 14px; width: 100%; outline: none; color: var(--ink); }
.hsearch-drop { position: absolute; left: 0px; right: 0px; top: calc(100% + 6px); background: var(--surface); border: 1px solid var(--line); border-radius: 12px; box-shadow: var(--shadow); padding: 6px; display: none; z-index: 70; max-height: 400px; overflow: auto; }
.hsearch-drop.open { display: block; }
.hsearch-drop .hs-group { font-size: 11px; text-transform: uppercase; letter-spacing: 0.04em; color: var(--muted); font-weight: 700; padding: 8px 10px 4px; }
.hsearch-drop a { display: block; padding: 8px 10px; border-radius: 8px; color: var(--ink); font-size: 14px; }
.hsearch-drop a:hover { background: var(--brand-soft); color: var(--brand); }
.hsearch-drop .hs-empty { padding: 12px; color: var(--muted); font-size: 14px; }
@media (max-width: 900px) {
  .header-search { display: none; }
}
@media (min-width: 761px) and (max-width: 1360px) {
  .header-inner { gap: 10px; }
  .main-nav a { padding: 8px 6px; font-size: 13px; }
  .header-search { flex: 0 1 170px; }
}
.widget-embed { background: var(--surface); border: 1px solid var(--line); border-radius: 12px; padding: 14px 18px; }
.widget-embed summary { cursor: pointer; font-weight: 650; color: var(--ink-2); }
.we-body { margin-top: 12px; }
.we-code { width: 100%; height: 70px; font-family: monospace; font-size: 12px; padding: 10px; border: 1px solid var(--line); border-radius: 8px; background: var(--surface-2); resize: none; }
.stale-badge { display: inline-block; font-size: 11px; font-weight: 650; color: rgb(160, 106, 0); background: rgb(255, 244, 224); border: 1px solid rgb(240, 217, 168); border-radius: 5px; padding: 1px 7px; }
.lang-switch { display: inline-flex; gap: 2px; border: 1px solid var(--line,#e2e6ee); border-radius: 8px; overflow: hidden; margin-right: 8px; }
.lang-switch a { padding: 5px 9px; font-size: 13px; font-weight: 600; color: var(--muted,#6b7280); text-decoration: none; line-height: 1; }
.lang-switch a.active { background: var(--brand,#1e5fd6); color: rgb(255, 255, 255); }
.lang-switch a:not(.active):hover { background: var(--soft,#f1f4fa); }
.art-meta { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; margin-bottom: 10px; font-size: 13px; }
.art-kind { display: inline-block; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.02em; padding: 3px 8px; border-radius: 6px; }
.art-kind--article { background: rgb(231, 239, 255); color: rgb(30, 95, 214); }
.art-kind--market { background: rgb(230, 247, 236); color: rgb(22, 163, 74); }
.art-kind--bank { background: rgb(253, 238, 222); color: rgb(194, 98, 10); }
.art-lead { font-size: 18px; line-height: 1.55; color: var(--ink,#0f172a); font-weight: 500; margin: 6px 0px 14px; }
.art-cover { width: 100%; height: auto; border-radius: 12px; margin: 6px 0px 20px; aspect-ratio: 1200 / 630; object-fit: cover; }
.article-full .prose { font-size: 16.5px; line-height: 1.7; }
.prose { color: var(--ink-2,#334155); line-height: 1.7; }
.prose h2 { margin: 26px 0px 12px; font-size: 23px; }
.prose h3 { margin: 20px 0px 10px; font-size: 19px; }
.prose p { margin: 0px 0px 14px; }
.prose ul, .prose ol { margin: 0px 0px 16px; padding-left: 22px; }
.prose li { margin: 6px 0px; }
.prose table { width: 100%; border-collapse: collapse; margin: 8px 0px 20px; font-size: 15px; }
.prose table thead th { background: var(--surface-2,#f1f4fa); text-align: left; font-weight: 650; }
.prose table th, .prose table td { border: 1px solid var(--line,#e2e6ee); padding: 8px 10px; }
.prose table tbody tr:nth-child(2n) { background: rgba(0, 0, 0, 0.016); }
.prose .callout { display: block; margin: 0px 0px 18px; padding: 14px 16px; border-radius: 10px; border: 1px solid var(--line,#e2e6ee); }
.callout--important { background: rgb(255, 246, 246); border-color: rgb(243, 201, 201); }
.callout--interesting { background: rgb(242, 248, 255); border-color: rgb(207, 224, 247); }
.prose .callout b { display: block; margin-bottom: 4px; }
.art-chart { margin: 8px 0px 22px; padding: 12px 14px; border: 1px solid var(--line,#e2e6ee); border-radius: 12px; background: var(--surface,#fff); }
.art-chart figcaption { margin-top: 8px; font-size: 13px; color: var(--muted,#6b7280); }
.art-tags { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 22px; padding-top: 16px; border-top: 1px solid var(--line,#e2e6ee); }
.art-tag { background: var(--surface-2,#f1f4fa); color: var(--muted,#6b7280); font-size: 12.5px; padding: 4px 10px; border-radius: 20px; }
.article-list--cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 18px; }
.article-list--cards .article-card { padding: 0px; overflow: hidden; border: 1px solid var(--line,#e2e6ee); border-radius: 12px; background: var(--surface,#fff); transition: box-shadow 0.15s, transform 0.15s; }
.article-list--cards .article-card:hover { box-shadow: rgba(0, 0, 0, 0.08) 0px 6px 20px; transform: translateY(-2px); }
.article-list--cards .ac-cover { width: 100%; aspect-ratio: 1200 / 630; object-fit: cover; border-radius: 10px 10px 0px 0px; display: block; }
.article-list--cards .ac-body { padding: 12px 14px 16px; }
.article-list--cards .ac-body h3 { margin: 6px 0px; font-size: 17px; line-height: 1.3; }
.related-section .ac-cover { height: 120px; object-fit: cover; }
.chart-filter { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin: 14px 0px; }
.chart-filter select { padding: 8px 10px; border: 1px solid var(--line,#e2e6ee); border-radius: 8px; background: var(--surface,#fff); font-size: 14px; }
.cf-swap { width: 36px; height: 36px; border: 1px solid var(--line,#e2e6ee); border-radius: 8px; background: var(--surface,#fff); cursor: pointer; font-size: 16px; }
.cf-swap:hover { background: var(--soft,#f1f4fa); }
.pair-tabs { display: flex; flex-wrap: wrap; gap: 8px; margin: 12px 0px; }
.pair-tabs a { padding: 7px 13px; border: 1px solid var(--line,#e2e6ee); border-radius: 20px; font-size: 13.5px; color: var(--ink-2,#334155); text-decoration: none; background: var(--surface,#fff); }
.pair-tabs a.on { background: var(--brand,#1e5fd6); color: rgb(255, 255, 255); border-color: var(--brand,#1e5fd6); }
.pair-tabs a:not(.on):hover { background: var(--soft,#f1f4fa); }
.pair-links { display: flex; flex-wrap: wrap; gap: 8px 20px; list-style: none; padding: 0px; }
.pc-card { padding: 12px 14px 16px; margin: 14px 0px 20px; }
.pc-toolbar { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 10px; margin-bottom: 8px; }
.pc-price { display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; }
.pc-price .pc-pair { color: var(--muted); font-weight: 600; font-size: 14px; }
.pc-price b { font-size: 26px; color: var(--ink); }
.pc-chg { font-weight: 700; font-size: 14px; }
.pc-ranges { display: flex; gap: 4px; flex-wrap: wrap; justify-content: flex-end; }
@media (max-width: 640px) {
  .footer-col a { display: block; padding: 8px 0px; }
  .main-nav a { padding-top: 11px; padding-bottom: 11px; }
}
.pc-ranges button { border: 1px solid var(--line); background: var(--surface); color: var(--muted); border-radius: 7px; padding: 5px 11px; font-size: 13px; cursor: pointer; font-weight: 600; }
.pc-ranges button:hover { background: var(--surface-2); }
.pc-ranges button.on { background: rgb(30, 95, 214); color: rgb(255, 255, 255); border-color: rgb(30, 95, 214); }
#pairChart { height: 430px; width: 100%; }
.pc-empty { display: flex; align-items: center; justify-content: center; height: 100%; color: var(--muted); text-align: center; padding: 40px; }
.pc-src { font-size: 12px; font-weight: 700; padding: 2px 9px; border-radius: 20px; margin-left: 4px; }
.pc-src--live { color: rgb(22, 163, 74); background: rgb(230, 247, 236); }
.pc-src--live::before { content: ""; display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: rgb(22, 163, 74); margin-right: 5px; vertical-align: middle; animation: 1.6s ease 0s infinite normal none running pcpulse; }
.pc-src--cb { color: rgb(30, 95, 214); background: rgb(231, 239, 255); }
@keyframes pcpulse { 
  0%, 100% { opacity: 1; }
  50% { opacity: 0.35; }
}
#pairChart.pc-loading { opacity: 0.5; transition: opacity 0.2s; }
.pc-tz { font-size: 12px; margin-top: 8px; text-align: right; }
.rc-filters { display: flex; align-items: center; gap: 14px 18px; flex-wrap: wrap; padding: 10px 14px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); background: rgba(0, 0, 0, 0.016); }
.rc-field { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; color: var(--muted); }
.rc-filters input[type="date"], .rc-filters select { padding: 7px 9px; border: 1px solid var(--line); border-radius: 8px; font-size: 13px; background: rgb(255, 255, 255); color: var(--ink); }
.rc-range { display: inline-flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.btn-sm { padding: 7px 13px; font-size: 13px; }
.rc-reset { margin-left: auto; background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; color: var(--brand); font-size: 13px; cursor: pointer; text-decoration: underline; }
.rc-reset:hover { opacity: 0.75; }
#rateChart { height: 340px; }
@media (max-width: 640px) {
  .rc-filters { gap: 10px 12px; }
  .rc-reset { margin-left: 0px; }
}
.map-legend { font-size: 13px; margin: 8px 0px 4px; }
.pts-h { font-size: 16px; margin: 14px 0px 8px; display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.pts-n { display: inline-flex; min-width: 22px; height: 22px; padding: 0px 7px; align-items: center; justify-content: center; background: rgb(231, 246, 236); color: rgb(26, 127, 55); border-radius: 11px; font-size: 13px; font-weight: 700; }
.pts-n.atm { background: rgb(230, 239, 255); color: rgb(30, 95, 214); }
.branch-num.atm { background: rgb(30, 95, 214); }
.mc-channel-note { font-size: 12.5px; margin: 8px 2px 0px; line-height: 1.5; }
.faq-block .faq-item { border-top: 1px solid var(--line); padding: 10px 0px; }
.faq-block .faq-item:first-of-type { border-top: 0px; }
.faq-block summary { cursor: pointer; font-weight: 650; color: var(--ink); list-style: none; display: flex; gap: 8px; align-items: flex-start; }
.faq-block summary::-webkit-details-marker { display: none; }
.faq-block summary::before { content: "?"; flex: 0 0 auto; width: 20px; height: 20px; border-radius: 50%; background: var(--brand-soft); color: var(--brand); font-size: 13px; display: flex; align-items: center; justify-content: center; }
.faq-block .faq-item p { margin: 8px 0px 0px 28px; color: var(--ink-2); }
@media (max-width: 560px) {
  table.rates { min-width: 0px; display: block; }
  table.rates thead { display: none; }
  table.rates tbody, table.rates tr { display: block; }
  table.rates tr { padding: 12px 14px; border-bottom: 1px solid var(--line); }
  table.rates tr:last-child { border-bottom: 0px; }
  table.rates td { display: block; border: 0px; padding: 0px; }
  table.rates td[data-l] { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; padding: 5px 0px; }
  table.rates td[data-l]::before { content: attr(data-l); color: var(--muted); font-weight: 600; font-size: 13px; letter-spacing: 0px; text-transform: none; }
  table.rates td:first-child { margin-bottom: 6px; }
  table.rates .bankcell { min-width: 0px; }
}
.city-points { list-style: none; padding: 0px; margin: 12px 0px 14px; display: grid; gap: 8px; }
.city-points li { display: flex; flex-wrap: wrap; gap: 4px 10px; align-items: baseline; padding: 9px 0px; border-top: 1px solid var(--line); }
.city-points li:first-child { border-top: 0px; }
.city-points .cp-addr { color: var(--ink-2); }
.city-points .cp-wt { color: var(--muted); font-size: 13px; }
.art-layout { display: grid; grid-template-columns: minmax(0px, 820px) 300px; gap: 22px; align-items: start; }
.art-layout .article-full { min-width: 0px; }
.art-aside { display: grid; gap: 14px; position: sticky; top: 76px; max-height: calc(-92px + 100vh); overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; padding-right: 2px; }
.art-aside::-webkit-scrollbar { width: 6px; }
.art-aside::-webkit-scrollbar-thumb { background: rgb(214, 219, 230); border-radius: 3px; }
.aside-card { background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius); box-shadow: var(--shadow); padding: 14px 16px; }
.aside-title { font-weight: 700; font-size: 14px; color: var(--ink); margin-bottom: 10px; }
.art-toc ol { margin: 0px; padding-left: 18px; display: grid; gap: 6px; }
.art-toc a { color: var(--ink-2); font-size: 14px; line-height: 1.35; }
.art-toc a:hover { color: var(--brand); }
.aside-rates { display: grid; gap: 6px; }
.aside-rate { display: flex; justify-content: space-between; align-items: baseline; gap: 10px; padding: 7px 0px; border-bottom: 1px solid var(--line); color: inherit; }
.aside-rate:last-child { border-bottom: 0px; }
.ar-cur { font-weight: 650; font-size: 14px; }
.ar-val { font-variant-numeric: tabular-nums; font-weight: 650; color: var(--brand); }
.aside-note { font-size: 12px; color: var(--muted); margin-top: 6px; }
.aside-btn { display: block; text-align: center; margin-top: 10px; font-size: 13.5px; }
.aside-cb { display: grid; gap: 4px; }
.aside-cb-row { display: flex; justify-content: space-between; padding: 6px 0px; color: var(--ink-2); font-size: 14px; }
.aside-cb-row b { font-variant-numeric: tabular-nums; color: var(--ink); }
@media (max-width: 1100px) {
  .art-layout { grid-template-columns: 1fr; }
  .art-aside { position: static; max-height: none; overflow: visible; grid-template-columns: 1fr 1fr; }
  .art-aside .art-toc { display: none; }
}
@media (max-width: 640px) {
  .art-aside { grid-template-columns: 1fr; }
}
.poll-block { margin: 26px 0px 6px; padding: 16px 18px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface-2); }
.poll-q { font-weight: 700; color: var(--ink); margin-bottom: 12px; }
.poll-form { display: grid; gap: 8px; }
.poll-opt { position: relative; display: flex; align-items: center; gap: 10px; width: 100%; text-align: left; cursor: pointer; padding: 11px 13px; border: 1px solid var(--line); border-radius: 10px; background: var(--surface); font-size: 14.5px; color: var(--ink-2); overflow: hidden; }
.poll-opt:hover { border-color: var(--brand); }
.poll-opt .po-bar { position: absolute; left: 0px; top: 0px; bottom: 0px; width: 0px; background: var(--brand-soft); transition: width 0.35s; }
.poll-opt .po-label { position: relative; flex: 1 1 0%; }
.poll-opt .po-pct { position: relative; font-weight: 700; color: var(--muted); opacity: 0; transition: opacity 0.2s; }
.poll-block.voted .po-pct { opacity: 1; }
.poll-block.voted .poll-opt { cursor: default; }
.poll-opt.mine { border-color: var(--brand); color: var(--ink); }
.poll-opt.mine .po-pct { color: var(--brand); }
.poll-total { margin-top: 10px; font-size: 12.5px; color: var(--muted); }
.art-summary { border-left: 4px solid var(--brand); background: var(--brand-soft); border-radius: 0px 12px 12px 0px; padding: 14px 18px; margin: 0px 0px 18px; }
.as-title { font-weight: 750; color: var(--brand-dark); font-size: 13px; text-transform: uppercase; letter-spacing: 0.04em; margin-bottom: 6px; }
.as-body p { margin: 0px; color: var(--ink); font-size: 16px; line-height: 1.6; }
.art-share { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin: 22px 0px 0px; padding-top: 16px; border-top: 1px solid var(--line); }
.share-label { font-size: 13.5px; color: var(--muted); font-weight: 600; }
.share-btn { display: inline-flex; align-items: center; padding: 8px 14px; border-radius: 999px; border: 1px solid var(--line); background: var(--surface); color: var(--ink-2); font-size: 13.5px; font-weight: 600; cursor: pointer; }
.share-btn:hover { border-color: var(--brand); color: var(--brand); }
.share-btn.copied { border-color: var(--up); color: var(--up); }
.art-author { display: flex; gap: 14px; align-items: flex-start; margin-top: 20px; padding: 16px; background: var(--surface-2); border-radius: 12px; }
.au-logo { flex: 0 0 auto; width: 46px; height: 46px; border-radius: 12px; background: var(--brand); color: rgb(255, 255, 255); font-weight: 800; display: flex; align-items: center; justify-content: center; letter-spacing: -0.02em; }
.au-name { font-weight: 700; color: var(--ink); margin-bottom: 4px; }
.au-body p { margin: 0px 0px 6px; font-size: 14px; color: var(--ink-2); line-height: 1.55; }
.au-body a { font-size: 14px; font-weight: 600; }
.pager { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin: 22px 0px 6px; }
.pager-btn { display: inline-flex; align-items: center; padding: 9px 16px; border: 1px solid var(--line); border-radius: 999px; background: var(--surface); color: var(--ink-2); font-weight: 650; font-size: 14px; }
.pager-btn:hover { border-color: var(--brand); color: var(--brand); }
.pager-btn.is-off { opacity: 0.45; pointer-events: none; }
.pager-pages { display: flex; flex-wrap: wrap; gap: 4px; margin: 0px 4px; }
.pager-num { min-width: 38px; height: 38px; display: inline-flex; align-items: center; justify-content: center; padding: 0px 10px; border: 1px solid var(--line); border-radius: 9px; background: var(--surface); color: var(--ink-2); font-weight: 650; font-size: 14px; }
.pager-num:hover { border-color: var(--brand); color: var(--brand); }
.pager-num.is-on { background: var(--brand); border-color: var(--brand); color: rgb(255, 255, 255); }
.pager-dots { padding: 0px 4px; color: var(--muted); }
@media (max-width: 520px) {
  .pager-pages { display: none; }
}
.city-prompt { position: fixed; left: 0px; right: 0px; bottom: 0px; z-index: 60; background: var(--surface); border-top: 1px solid var(--line); box-shadow: rgba(16, 24, 40, 0.1) 0px -6px 24px; animation: 0.28s ease-out 0s 1 normal none running cpUp; }
@keyframes cpUp { 
  0% { transform: translateY(100%); }
  100% { transform: translateY(0px); }
}
.cp-inner { max-width: 1180px; margin: 0px auto; padding: 12px 16px; display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.cp-pin { color: var(--brand); flex: 0 0 auto; }
.cp-text { font-size: 15px; color: var(--ink); flex: 1 1 220px; line-height: 1.35; }
.cp-text b { white-space: nowrap; }
.cp-hint { display: block; font-size: 12.5px; color: var(--muted); }
.cp-form { margin: 0px; }
.cp-yes { padding: 9px 18px; border: 0px; border-radius: 999px; background: var(--brand); color: rgb(255, 255, 255); font-weight: 700; font-size: 14px; cursor: pointer; }
.cp-yes:hover { filter: brightness(1.06); }
.cp-other { position: relative; }
.cp-other > summary { list-style: none; cursor: pointer; padding: 9px 16px; border: 1px solid var(--line); border-radius: 999px; font-weight: 650; font-size: 14px; color: var(--ink-2); background: var(--surface); }
.cp-other > summary::-webkit-details-marker { display: none; }
.cp-other > summary:hover { border-color: var(--brand); color: var(--brand); }
.cp-drop { position: absolute; bottom: calc(100% + 8px); right: 0px; width: 280px; background: var(--surface); border: 1px solid var(--line); border-radius: 12px; box-shadow: rgba(16, 24, 40, 0.16) 0px 12px 32px; padding: 10px; }
.cp-drop .city-search { width: 100%; padding: 8px 10px; border: 1px solid var(--line); border-radius: 8px; font-size: 14px; margin-bottom: 6px; }
.cp-drop .city-list { max-height: 230px; overflow-y: auto; display: flex; flex-direction: column; }
.cp-drop .city-list a { padding: 7px 8px; border-radius: 7px; color: var(--ink-2); font-size: 14px; }
.cp-drop .city-list a:hover { background: var(--bg); color: var(--brand); }
.cp-close { background: none; border: 0px; color: var(--muted); font-size: 17px; cursor: pointer; padding: 6px 8px; line-height: 1; }
.cp-close:hover { color: var(--ink); }
@media (max-width: 600px) {
  .cp-inner { padding: 10px 12px; gap: 8px; }
  .cp-text { flex-basis: 100%; font-size: 14px; }
  .cp-other { position: static; }
  .cp-drop { position: fixed; left: 12px; right: 12px; bottom: 66px; width: auto; }
  .cp-drop .city-list { max-height: 42vh; }
  .cp-yes, .cp-other > summary { flex: 1 1 0px; text-align: center; }
}
.art-views { display: inline-flex; align-items: center; gap: 5px; }
.art-views svg { opacity: 0.7; }
.quiz { margin: 32px 0px 0px; padding: 22px; border: 1px solid var(--line); border-radius: 16px; background: linear-gradient(180deg,rgba(30,95,214,.05),rgba(30,95,214,0) 60%),var(--surface); }
.quiz-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; margin-bottom: 14px; }
.quiz-kicker { font-size: 12px; font-weight: 750; letter-spacing: 0.08em; text-transform: uppercase; color: var(--brand); }
.quiz-title { margin: 2px 0px 0px; font-size: 21px; line-height: 1.25; }
.quiz-count { flex: 0 0 auto; font-size: 13px; color: var(--muted); padding: 5px 11px; border: 1px solid var(--line); border-radius: 999px; white-space: nowrap; }
.quiz-progress { height: 5px; border-radius: 99px; background: var(--line); overflow: hidden; margin-bottom: 18px; }
.qp-fill { display: block; height: 100%; background: var(--brand); border-radius: 99px; transition: width 0.35s; }
.quiz-list { list-style: none; margin: 0px; padding: 0px; counter-reset: none; }
.quiz-item { margin: 0px; }
.quiz-item + .quiz-item { margin-top: 26px; }
.qi-step { font-size: 12.5px; font-weight: 700; color: var(--muted); margin-bottom: 6px; }
.quiz:not(.js) .qi-step { display: none; }
.qi-q { margin: 0px 0px 14px; font-size: 17px; font-weight: 650; line-height: 1.45; color: var(--ink); }
.qi-opts { display: flex; flex-direction: column; gap: 9px; }
.qi-opt { display: flex; align-items: center; gap: 11px; width: 100%; text-align: left; padding: 13px 15px; cursor: pointer; border: 1px solid var(--line); border-radius: 12px; background: var(--surface); font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 15px; color: var(--ink); transition: border-color 0.15s, background 0.15s, transform 0.12s; }
.qi-opt:hover:not(:disabled) { border-color: var(--brand); transform: translateY(-1px); }
.qi-opt:disabled { cursor: default; }
.qo-mark { flex: 0 0 auto; width: 20px; height: 20px; border: 2px solid var(--line); border-radius: 50%; position: relative; }
.qo-text { flex: 1 1 0%; line-height: 1.4; }
.qo-share { flex: 0 0 auto; font-size: 12.5px; font-weight: 700; color: var(--muted); padding: 2px 8px; border-radius: 99px; background: var(--bg); }
.qi-opt.is-right { border-color: rgb(18, 161, 80); background: rgba(18, 161, 80, 0.07); }
.qi-opt.is-right .qo-mark { border-color: rgb(18, 161, 80); background: rgb(18, 161, 80); }
.qi-opt.is-right .qo-mark::after { content: ""; position: absolute; left: 5px; top: 1.5px; width: 5px; height: 10px; border-style: solid; border-color: rgb(255, 255, 255); border-image: initial; border-width: 0px 2px 2px 0px; transform: rotate(45deg); }
.qi-opt.is-wrong { border-color: rgb(217, 45, 32); background: rgba(217, 45, 32, 0.06); }
.qi-opt.is-wrong .qo-mark { border-color: rgb(217, 45, 32); background: rgb(217, 45, 32); }
.qi-opt.is-wrong .qo-mark::after { content: ""; position: absolute; left: 8px; top: 3px; width: 2px; height: 11px; background: rgb(255, 255, 255); box-shadow: rgb(255, 255, 255) 0px 0px 0px 0px; transform: rotate(45deg); }
.qi-opt.is-wrong .qo-mark::before { content: ""; position: absolute; left: 8px; top: 3px; width: 2px; height: 11px; background: rgb(255, 255, 255); transform: rotate(-45deg); }
.qi-ans { margin-top: 12px; font-size: 14.5px; line-height: 1.6; color: var(--ink-2); }
.qi-ans > summary { cursor: pointer; font-weight: 650; color: var(--brand); font-size: 14px; }
.quiz.js .qi-ans > summary { display: none; }
.qi-ans p { margin: 0px 0px 8px; }
.qi-ans.shown { padding: 13px 15px; border-radius: 12px; background: var(--bg); border: 1px solid var(--line); animation: 0.25s ease-out 0s 1 normal none running qiFade; }
@keyframes qiFade { 
  0% { opacity: 0; transform: translateY(-4px); }
  100% { opacity: 1; transform: none; }
}
.qi-next { margin-top: 12px; padding: 10px 18px; border: 0px; border-radius: 999px; background: var(--brand); color: rgb(255, 255, 255); font-weight: 700; font-size: 14px; cursor: pointer; }
.qi-next:hover { filter: brightness(1.06); }
.quiz-result { text-align: center; padding: 8px 0px 4px; animation: 0.3s ease-out 0s 1 normal none running qiFade; }
.qr-score { font-size: 15px; color: var(--muted); }
.qr-num { font-size: 44px; line-height: 1; color: var(--brand); margin-right: 4px; }
.qr-text { margin: 10px auto 16px; max-width: 440px; font-size: 15.5px; line-height: 1.55; color: var(--ink-2); }
.qr-actions { display: flex; gap: 10px; justify-content: center; flex-wrap: wrap; }
@media (max-width: 600px) {
  .quiz { padding: 18px 15px; border-radius: 14px; }
  .quiz-title { font-size: 19px; }
  .qi-q { font-size: 16px; }
  .qi-opt { padding: 12px 13px; font-size: 14.5px; }
  .qr-num { font-size: 38px; }
  .qr-actions .btn { flex: 1 1 100%; }
}
.ig { margin: 26px 0px; padding: 18px 20px; border: 1px solid var(--line); border-radius: 14px; background: var(--bg); }
.ig-title { font-weight: 750; font-size: 15.5px; color: var(--ink); margin-bottom: 16px; line-height: 1.35; }
.ig-note { margin: 14px 0px 0px; font-size: 14.5px; line-height: 1.6; color: var(--ink-2); }
.ig-src { margin: 8px 0px 0px; font-size: 12.5px; color: var(--muted); }
.ig-scale { display: flex; align-items: flex-end; gap: 12px; }
.igs-side { flex: 0 0 auto; min-width: 96px; }
.igs-side b { display: block; font-size: 22px; line-height: 1.15; color: var(--ink); white-space: nowrap; }
.igs-right { text-align: right; }
.igs-cap { display: block; font-size: 12.5px; color: var(--muted); margin-bottom: 3px; }
.igs-mid { flex: 1 1 0%; position: relative; padding-bottom: 6px; text-align: center; }
.igs-line { display: block; height: 3px; border-radius: 99px; background: linear-gradient(90deg,#12a150,var(--brand)); margin: 0px 0px 8px; }
.igs-badge { display: inline-block; padding: 4px 12px; border-radius: 999px; background: var(--surface); border: 1px solid var(--line); font-size: 13px; font-weight: 700; color: var(--ink-2); white-space: nowrap; }
.ig-bars { display: flex; flex-direction: column; gap: 10px; }
.igb-row { display: grid; grid-template-columns: 112px 1fr auto; align-items: center; gap: 12px; }
.igb-name { font-size: 14px; color: var(--ink-2); }
.igb-track { height: 12px; border-radius: 99px; background: var(--line); overflow: hidden; }
.igb-fill { display: block; height: 100%; border-radius: 99px; background: var(--brand); opacity: 0.55; }
.igb-val { font-weight: 750; font-size: 15px; color: var(--ink); white-space: nowrap; }
.igb-row.is-best .igb-fill { background: rgb(18, 161, 80); opacity: 1; }
.igb-row.is-best .igb-val { color: rgb(15, 122, 61); }
.igb-row.is-best .igb-name { font-weight: 700; color: var(--ink); }
@media (max-width: 600px) {
  .ig { padding: 15px; margin: 22px 0px; }
  .ig-scale { flex-wrap: wrap; gap: 8px; }
  .igs-side { min-width: 0px; flex: 1 1 45%; }
  .igs-side b { font-size: 19px; }
  .igs-mid { order: 3; flex-basis: 100%; padding-bottom: 0px; }
  .igb-row { grid-template-columns: 88px 1fr auto; gap: 8px; }
  .igb-name { font-size: 13px; }
}

/* https://exchangerates.uz/css/app.css?v=1789002338 */
/* ===== Valuta.com — светлая дизайн-система (стиль drom.ru) ===== */
:root{
  --bg:#eef1f6; --surface:#fff; --surface-2:#f6f8fc;
  --ink:#141b2d; --ink-2:#3a4560; --muted:#7a879e; --line:#e4e8f0;
  --brand:#1e5fd6; --brand-dark:#1749a8; --brand-soft:#e8f0ff;
  --up:#12a150; --up-soft:#e7f7ee; --down:#e5484d; --down-soft:#fdecec;
  --best:#eafaf0; --best-line:#bfe8cf; --amber:#f5a623;
  --radius:14px; --radius-sm:9px; --shadow:0 1px 2px rgba(20,27,45,.06),0 6px 20px rgba(20,27,45,.05);
  --wrap:1180px;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font-size:15px;line-height:1.5}
a{color:var(--brand);text-decoration:none}
a:hover{color:var(--brand-dark)}
.container{max-width:var(--wrap);margin:0 auto;padding:0 16px}
h1,h2,h3{line-height:1.2;color:var(--ink);margin:0 0 .5em}
h1{font-size:26px;font-weight:750;letter-spacing:-.01em}
h2{font-size:20px;font-weight:700}
h3{font-size:16px;font-weight:700}
img{max-width:100%}

/* ===== Header ===== */
.site-header{background:var(--surface);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50}
/* Шапке нужна большая ширина, чем контенту: логотип+меню+поиск+город не помещались в 1180 и выдавливали страницу вбок */
.site-header .container{max-width:1320px}
.header-inner{display:flex;align-items:center;gap:14px;height:60px}
.logo{display:flex;align-items:center;gap:9px;flex-shrink:0}
.logo-text{font-weight:800;font-size:20px;color:var(--ink);letter-spacing:-.02em}
.logo-text em{color:var(--brand);font-style:normal}
/* min-width:0 — иначе flex-элемент не сжимается ниже своего min-content и распирает шапку;
   переполнение уходит в собственную прокрутку меню, а не в прокрутку всей страницы */
.main-nav{display:flex;gap:1px;flex:1 1 auto;min-width:0;overflow-x:auto;scrollbar-width:none}
.main-nav::-webkit-scrollbar{display:none}
.main-nav a{padding:8px 9px;border-radius:8px;color:var(--ink-2);font-weight:600;font-size:13.5px;white-space:nowrap}
.main-nav a:hover{background:var(--surface-2);color:var(--ink)}
.main-nav a.active{color:var(--brand);background:var(--brand-soft)}
.header-right{display:flex;align-items:center;gap:10px;flex-shrink:0}

/* City picker */
.city-picker{position:relative}
.city-picker summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:6px;padding:7px 12px;
  border:1px solid var(--line);border-radius:999px;color:var(--ink-2);font-weight:600;font-size:14px;background:var(--surface)}
.city-picker summary::-webkit-details-marker{display:none}
.city-picker summary:hover{border-color:#cdd6e6}
.city-picker[open] summary{border-color:var(--brand);color:var(--brand)}
.city-drop{position:absolute;right:0;top:calc(100% + 8px);width:290px;background:var(--surface);
  border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:12px;z-index:60}
.city-search{width:100%;padding:9px 11px;border:1px solid var(--line);border-radius:8px;font-size:14px;margin-bottom:8px}
.city-list{max-height:280px;overflow:auto;display:grid;grid-template-columns:1fr 1fr;gap:2px}
.city-list a{padding:6px 8px;border-radius:6px;color:var(--ink-2);font-size:13.5px}
.city-list a:hover{background:var(--brand-soft);color:var(--brand)}

.burger{display:none;flex-direction:column;gap:4px;background:none;border:0;cursor:pointer;padding:8px}
.burger span{width:22px;height:2px;background:var(--ink);border-radius:2px;transition:.2s}
.burger.is-open span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.burger.is-open span:nth-child(2){opacity:0}
.burger.is-open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}

/* ===== Layout blocks ===== */
main{padding:22px 0 40px}
.section{margin-bottom:26px}
.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:12px}
.section-head a.more{font-size:14px;font-weight:600}
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}
.card-pad{padding:18px}
.grid{display:grid;gap:16px}
.breadcrumbs{font-size:13px;color:var(--muted);margin-bottom:14px;display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.breadcrumbs a{color:var(--muted)}
.breadcrumbs a:hover{color:var(--brand)}
.breadcrumbs span{color:var(--ink-2)}
.crumb-sep{opacity:.5}

/* ===== Hero (home) ===== */
.hero{background:linear-gradient(135deg,#1e5fd6,#2a74f0);border-radius:18px;color:#fff;padding:26px;margin-bottom:22px;
  display:grid;grid-template-columns:1.1fr .9fr;gap:26px;align-items:center}
.hero h1{color:#fff;font-size:28px}
.hero p{color:#dbe7ff;margin:.4em 0 0}
.hero-rates{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin-top:18px}
.hero-rate{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.18);border-radius:12px;padding:12px}
.hero-rate .cur{font-size:13px;color:#cfe0ff;font-weight:600}
.hero-rate .val{font-size:22px;font-weight:750;margin-top:2px}
.hero-rate .sub{font-size:12px;color:#bcd2ff;margin-top:2px}

/* Converter widget */
.conv-widget{background:var(--surface);border-radius:14px;padding:16px;color:var(--ink)}
.conv-widget h3{margin-bottom:12px}
.conv-row{display:flex;gap:8px;align-items:center;margin-bottom:10px}
.conv-row input,.conv-row select{padding:11px;border:1px solid var(--line);border-radius:9px;font-size:15px;background:#fff}
.conv-row input{flex:1;font-weight:650}
.conv-row select{width:130px;font-weight:600}
.conv-swap{background:var(--surface-2);border:1px solid var(--line);border-radius:9px;width:40px;height:40px;cursor:pointer;font-size:16px;flex-shrink:0}
.conv-out{font-size:22px;font-weight:750;color:var(--brand);margin-top:4px}
.conv-note{font-size:12px;color:var(--muted);margin-top:8px}
.conv-modes{display:flex;gap:6px;margin-bottom:12px}
.conv-modes label{flex:1;text-align:center;padding:7px;border:1px solid var(--line);border-radius:8px;font-size:13px;cursor:pointer;color:var(--ink-2)}
.conv-modes input{display:none}
.conv-modes input:checked+span{color:var(--brand);font-weight:700}
.conv-modes label:has(input:checked){border-color:var(--brand);background:var(--brand-soft)}

/* ===== Rate table ===== */
.cur-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}
.cur-tabs a{display:inline-flex;align-items:center;gap:6px;padding:8px 13px;border-radius:999px;border:1px solid var(--line);
  background:var(--surface);color:var(--ink-2);font-weight:650;font-size:14px}
.cur-tabs a .flag{font-size:15px}
.cur-tabs a:hover{border-color:#cdd6e6}
.cur-tabs a.on{background:var(--brand);border-color:var(--brand);color:#fff}
.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--radius)}
table.rates{width:100%;border-collapse:collapse;background:var(--surface);min-width:560px}
table.rates th,table.rates td{padding:13px 14px;text-align:left;border-bottom:1px solid var(--line)}
table.rates thead th{font-size:12.5px;color:var(--muted);font-weight:650;text-transform:uppercase;letter-spacing:.03em;
  background:var(--surface-2);white-space:nowrap}
table.rates thead th.num{text-align:right}
table.rates th.sortable a{color:var(--muted);display:inline-flex;gap:4px;align-items:center}
table.rates th.sortable a:hover{color:var(--brand)}
table.rates th.sortable.on a{color:var(--brand)}
table.rates td.num{text-align:right;font-variant-numeric:tabular-nums;font-weight:650;font-size:15.5px;white-space:nowrap}
table.rates tbody tr:hover{background:var(--surface-2)}
.bankcell{display:flex;align-items:center;gap:11px;min-width:180px}
.bank-logo{width:34px;height:34px;border-radius:8px;object-fit:contain;background:#fff;border:1px solid var(--line);flex-shrink:0}
.bank-logo.ph{display:flex;align-items:center;justify-content:center;color:var(--muted);font-weight:700;font-size:14px;background:var(--surface-2)}
.bankcell .bn{font-weight:650;color:var(--ink)}
.bankcell .bn small{display:block;color:var(--muted);font-weight:500;font-size:12px}
.best-cell{background:var(--best)}
.best-badge{display:inline-block;font-size:10.5px;font-weight:700;color:var(--up);background:var(--up-soft);
  border-radius:5px;padding:1px 5px;margin-left:6px;vertical-align:middle;text-transform:uppercase}
.trend{font-size:11px;margin-left:5px;vertical-align:middle}
.trend.up{color:var(--up)}.trend.down{color:var(--down)}
.upd{color:var(--muted);font-size:12.5px;white-space:nowrap}

/* ===== Cards / lists ===== */
.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.tile{background:var(--surface);border:1px solid var(--line);border-radius:11px;padding:13px 14px;display:block}
.tile:hover{border-color:#cdd6e6;box-shadow:var(--shadow)}
.tile .t-name{font-weight:650;color:var(--ink)}
.tile .t-sub{color:var(--muted);font-size:12.5px;margin-top:2px}
.rate-mini{display:flex;justify-content:space-between;font-size:13px;margin-top:8px;color:var(--ink-2)}
.rate-mini b{font-variant-numeric:tabular-nums;color:var(--ink)}

.bank-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}
.bank-item{display:flex;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--line);
  border-radius:12px;padding:13px 15px}
.bank-item:hover{border-color:#cdd6e6;box-shadow:var(--shadow)}
.bank-item .bn{font-weight:650;color:var(--ink)}
.bank-item .bn small{display:block;color:var(--muted);font-weight:500;font-size:12px}

/* CB strip */
.cb-strip{display:flex;gap:10px;flex-wrap:wrap}
.cb-chip{display:flex;align-items:center;gap:9px;background:var(--surface);border:1px solid var(--line);
  border-radius:11px;padding:10px 14px}
.cb-chip .flag{font-size:20px}
.cb-chip .cc{font-size:12px;color:var(--muted);font-weight:600}
.cb-chip .cv{font-weight:750;font-variant-numeric:tabular-nums}
.cb-chip .cd{font-size:12px;font-weight:600}
.cb-chip .cd.up{color:var(--up)}.cb-chip .cd.down{color:var(--down)}

/* Buttons & misc */
.btn{display:inline-flex;align-items:center;gap:7px;padding:10px 16px;border-radius:9px;font-weight:650;font-size:14.5px;
  background:var(--brand);color:#fff;border:0;cursor:pointer}
.btn:hover{background:var(--brand-dark);color:#fff}
.btn.ghost{background:var(--surface);color:var(--ink-2);border:1px solid var(--line)}
.btn.ghost:hover{border-color:#cdd6e6;background:var(--surface-2)}
.chip{display:inline-block;padding:3px 9px;border-radius:999px;background:var(--surface-2);border:1px solid var(--line);
  font-size:12.5px;color:var(--ink-2)}
.prose{color:var(--ink-2);line-height:1.7}
.prose h2{margin-top:1.4em}
.prose p{margin:0 0 1em}
.seo-text{color:var(--ink-2);line-height:1.7;font-size:14.5px}
.seo-text h2{font-size:18px}
.muted{color:var(--muted)}
.lead{font-size:16px;color:var(--ink-2)}
.stat-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px}
.stat{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:16px;text-align:center}
.stat b{display:block;font-size:26px;color:var(--brand);font-weight:750}
.stat span{color:var(--muted);font-size:13px}

/* Article */
.article-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}
.article-card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:18px;display:flex;flex-direction:column}
.article-card h3{margin-bottom:8px}
.article-card .a-date{color:var(--muted);font-size:12.5px;margin-top:auto;padding-top:10px}

/* Chart */
.chart{width:100%;height:220px}
.chart-wrap{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:16px}

/* Map */
#branchMap{width:100%;height:360px;border-radius:12px;border:1px solid var(--line);background:var(--surface-2)}
.branch-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px;margin-top:14px}
.branch{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:12px}
.branch .addr{font-weight:600}
.branch .wt{color:var(--muted);font-size:12.5px;margin-top:3px}

/* Pagination */
.pagination{display:flex;gap:6px;list-style:none;padding:0;margin:20px 0 0;flex-wrap:wrap}
.pagination a,.pagination span{padding:8px 13px;border-radius:8px;border:1px solid var(--line);background:var(--surface);color:var(--ink-2)}
.pagination .active span{background:var(--brand);color:#fff;border-color:var(--brand)}

/* Two-column layout */
.cols{display:grid;grid-template-columns:1fr 320px;gap:22px;align-items:start;min-width:0}
.cols>*{min-width:0}  /* колонки могут сжиматься ниже min-content → нет горизонт. прокрутки на mobile */
.aside .card{margin-bottom:16px}

/* Responsive */
@media(max-width:960px){ .cols{grid-template-columns:1fr} }
@media(max-width:860px){ .hero{grid-template-columns:1fr} }
@media(max-width:760px){
  .main-nav{position:fixed;inset:60px 0 auto 0;background:var(--surface);flex-direction:column;padding:10px 16px;
    border-bottom:1px solid var(--line);box-shadow:var(--shadow);display:none;gap:2px}
  .main-nav.open{display:flex}
  .burger{display:flex}
  .city-list{grid-template-columns:1fr}
  h1{font-size:22px}
  .hero-rates{grid-template-columns:1fr 1fr}
}
/* Узкий мобильный: убираем горизонтальную прокрутку (шапка помещается, hero не раздувается) */
@media(max-width:480px){
  .header-inner{gap:8px}
  .logo-text{font-size:15px}
  .header-right{gap:6px}
  .lang-switch a{padding:5px 7px;font-size:12px}
  .city-picker summary{padding:7px 9px;font-size:13px;gap:0}
  .city-picker summary > span{display:none}   /* оставляем иконку локации, текст города прячем */
  .hero-rates{grid-template-columns:1fr}       /* карточки в 1 колонку → не раздувают hero */
  .hero{min-width:0}
  .hero > *{min-width:0}
  .hero-rate{min-width:0}
}

/* ===== Тикер курсов ЦБ (тёмная бегущая строка) ===== */
.cbticker{display:flex;align-items:center;gap:0;background:#141b2d;border-radius:12px;overflow:hidden;margin-bottom:10px}
.cbticker-ico{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:46px;align-self:stretch;background:#1b2540;border-right:1px solid #26304d}
.cbticker-view{overflow:hidden;flex:1}
.cbticker-track{display:inline-flex;align-items:center;white-space:nowrap;animation:tickerX 80s linear infinite}
.cbticker:hover .cbticker-track{animation-play-state:paused}
@keyframes tickerX{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.cbt-item{display:inline-flex;align-items:baseline;gap:7px;padding:11px 16px;border-right:1px solid #212b45;color:#e7ecf5}
.cbt-item:hover{background:#1b2540;color:#fff}
.cbt-code{color:#8a97b5;font-size:12.5px;font-weight:600}
.cbt-val{font-weight:700;font-variant-numeric:tabular-nums;font-size:14px}
.cbt-d{font-size:11.5px;font-weight:700}
.cbt-d.up{color:#3ad07f}.cbt-d.down{color:#ff6b70}

.newsticker{display:flex;align-items:center;gap:0;background:var(--surface);border:1px solid var(--line);border-radius:10px;overflow:hidden;margin-bottom:20px}
.nt-badge{flex-shrink:0;background:var(--brand-soft);color:var(--brand);font-weight:700;font-size:12px;padding:9px 14px;align-self:stretch;display:flex;align-items:center}
.nt-view{overflow:hidden;flex:1}
.nt-track{display:inline-flex;align-items:center;white-space:nowrap;animation:tickerX 70s linear infinite}
.newsticker:hover .nt-track{animation-play-state:paused}
.nt-item{padding:9px 6px 9px 14px;color:var(--ink-2);font-size:13.5px}
.nt-item:hover{color:var(--brand)}
.nt-dot{color:var(--muted)}

/* ===== Мультивалютная таблица + поиск ===== */
.mc-toolbar{display:flex;gap:10px;align-items:center;margin-bottom:12px;flex-wrap:wrap}
.mc-search{flex:1;min-width:220px;position:relative}
.mc-search input{width:100%;padding:11px 12px 11px 38px;border:1px solid var(--line);border-radius:10px;font-size:14.5px;background:var(--surface)}
.mc-search svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--muted)}
.mc-third{display:flex;align-items:center;gap:8px}
.mc-third select{padding:10px 12px;border:1px solid var(--line);border-radius:10px;font-weight:600;background:var(--surface)}
table.mc{width:100%;border-collapse:collapse;background:var(--surface);min-width:720px}
table.mc thead th{font-size:12px;color:var(--muted);font-weight:650;padding:10px 12px;background:var(--surface-2);border-bottom:1px solid var(--line);white-space:nowrap;text-align:right}
table.mc thead th.bankh{text-align:left}
table.mc thead .cur-group{text-align:center;border-left:1px solid var(--line)}
table.mc thead .cur-group .fl{font-size:15px}
table.mc th.sortable{cursor:pointer;user-select:none}
table.mc th.sortable:hover{color:var(--brand)}
table.mc th .arr{opacity:.4;font-size:10px}
table.mc th.asc .arr,table.mc th.desc .arr{opacity:1;color:var(--brand)}
table.mc td{padding:11px 12px;border-bottom:1px solid var(--line);text-align:right;font-variant-numeric:tabular-nums;font-weight:650;white-space:nowrap}
table.mc td.bankc{text-align:left}
table.mc td.grp{border-left:1px solid var(--line)}
table.mc tbody tr:hover{background:var(--surface-2)}
table.mc td.best{background:var(--best);color:var(--up)}
.mc-bank{display:flex;align-items:center;gap:10px;min-width:170px}
.mc-bank .bn{font-weight:650;color:var(--ink)}
.mc-bank .bn small{display:block;color:var(--muted);font-weight:500;font-size:11.5px}
.mc-empty{padding:24px;text-align:center;color:var(--muted)}
/* Таблица курсов ЦБ: валюта и код — по левому краю, числовые колонки остаются справа */
table.mc.cb-table th:first-child,table.mc.cb-table td:first-child,table.mc.cb-table th:nth-child(2),table.mc.cb-table td:nth-child(2){text-align:left}

/* ===== Блок «лучшие курсы» ===== */
.best-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px}
.best-card{display:flex;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px 16px;box-shadow:var(--shadow)}
.best-card:hover{border-color:#cdd6e6}
.bc-flag{font-size:26px}
.bc-body{display:flex;flex-direction:column;flex:1}
.bc-name{font-size:12.5px;color:var(--muted);font-weight:650}
.bc-rates{font-size:19px;font-weight:750;font-variant-numeric:tabular-nums}
.bc-rates b{color:var(--ink)}
.bc-cap{font-size:11px;color:var(--muted)}
.bc-cb{font-size:12px;color:var(--muted);white-space:nowrap;align-self:flex-start}
@media(max-width:680px){.best-strip{grid-template-columns:1fr}}

/* ===== Инфо-карточка банка ===== */
.bank-hero{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;flex-wrap:wrap;margin-bottom:18px}
.bank-hero-main{display:flex;gap:16px;align-items:flex-start}
.bank-hero-txt h1{margin:0 0 4px;font-size:24px}
.bank-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.bank-meta .chip{display:inline-flex;align-items:center;gap:5px}
a.chip:hover{border-color:var(--brand);color:var(--brand)}
.bank-hero-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.bank-city-picker .city-drop{right:auto;left:0}
@media(max-width:640px){.bank-hero-actions{width:100%}}

/* ===== Вкладки валютных пар (график) ===== */
.pair-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}
.pair-tabs a{padding:9px 16px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--ink-2);font-weight:650}
.pair-tabs a:hover{border-color:#cdd6e6}
.pair-tabs a.on{background:var(--brand);border-color:var(--brand);color:#fff}

/* ===== Современный конвертер ===== */
.conv2{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:var(--shadow)}
.conv2-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}
.conv2-head h3,.conv2-title{margin:0;font-size:17px;font-weight:700;color:var(--ink)}
.conv2-modes{display:flex;gap:6px;background:var(--surface-2);border-radius:10px;padding:3px}
.conv2-modes label{cursor:pointer;padding:6px 12px;border-radius:8px;font-size:13px;color:var(--muted);font-weight:600}
.conv2-modes input{position:absolute;width:1px;height:1px;opacity:0;margin:0}
.conv2-modes input:focus-visible+span{outline:2px solid var(--brand);outline-offset:2px;border-radius:4px}
.conv2-modes label:has(input:checked){background:var(--surface);color:var(--brand);box-shadow:var(--shadow)}
.conv2-field{display:flex;align-items:stretch;border:1.5px solid var(--line);border-radius:12px;overflow:hidden;transition:border-color .15s}
.conv2-field:focus-within{border-color:var(--brand)}
.conv2-field input{flex:1;border:0;padding:16px 18px;font-size:24px;font-weight:750;font-variant-numeric:tabular-nums;background:transparent;color:var(--ink);min-width:0}
.conv2-field input:focus{outline:none}
.conv2-cur{border-left:1px solid var(--line);display:flex}
.conv2-cur select{border:0;background:var(--surface-2);padding:0 14px;font-weight:650;font-size:14px;cursor:pointer;max-width:180px}
.conv2-cur select:focus{outline:none}
.conv2-result input{color:var(--brand)}
.conv2-result{background:var(--surface-2)}
.conv2-swap{display:block;margin:10px auto;width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:var(--surface);color:var(--brand);cursor:pointer;box-shadow:var(--shadow)}
.conv2-swap:hover{background:var(--brand);color:#fff;border-color:var(--brand)}
.conv2-quick{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.conv2-quick button{padding:7px 14px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--ink-2);font-weight:600;font-size:13px;cursor:pointer}
.conv2-quick button:hover{border-color:var(--brand);color:var(--brand);background:var(--brand-soft)}
.conv2-note{margin-top:14px;color:var(--muted);font-size:13.5px;text-align:center}
@media(max-width:520px){.conv2-cur select{max-width:110px}.conv2-field input{font-size:20px}}

/* ===== Отделения: карта Leaflet + список ===== */
#branchMap{width:100%;height:380px;border-radius:14px;border:1px solid var(--line);z-index:1;margin-bottom:14px}
.branch-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}
.branch{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:13px 15px}
.branch .addr{font-weight:650;color:var(--ink);display:flex;gap:8px;align-items:flex-start}
.branch-num{flex-shrink:0;width:22px;height:22px;border-radius:50%;background:var(--brand);color:#fff;font-size:12px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}
.branch .wt{color:var(--muted);font-size:13px;margin-top:5px;margin-left:30px}

/* ===== Инфо-блоки важно/интересно ===== */
.callout{display:flex;gap:12px;border-radius:14px;padding:15px 17px;margin-top:16px;line-height:1.6;border:1px solid}
.callout-ic{font-size:20px;flex-shrink:0}
.callout-important{background:#fff8ec;border-color:#f5d99a;color:#5c4813}
.callout-info{background:var(--brand-soft);border-color:#bcd4ff;color:#1a3c78}

/* ===== Таблица фактов ===== */
table.facts{width:100%;border-collapse:collapse;font-size:14px}
table.facts td{padding:9px 0;border-bottom:1px solid var(--line);vertical-align:top}
table.facts tr:last-child td{border-bottom:0}
table.facts td:first-child{color:var(--muted);white-space:nowrap;padding-right:14px;width:44%}
table.facts td:last-child{font-weight:600;color:var(--ink)}

/* ===== Прокладка перехода /go ===== */
.go-box{max-width:560px;margin:40px auto;text-align:center}
.go-ic{font-size:44px;margin-bottom:6px}
.go-host{font-size:20px;font-weight:750;color:var(--brand);background:var(--brand-soft);border-radius:10px;padding:12px 18px;margin:14px 0;word-break:break-all}
.go-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:18px}

/* Крипто/биржевые чипы в тикере */
.cbt-mkt{background:#0f1830}
.cbt-mkt .cbt-code{color:#f5b83c}

/* Курс ЦБ на завтра */
.cb-tomorrow{margin-top:12px;padding-top:12px;border-top:1px dashed var(--line);display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:15px}
.cb-tomorrow b{color:var(--ink)}

/* ===== Отзывы ===== */
.rev-avg{font-weight:750;color:var(--amber);font-size:16px}
.review{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:14px 16px;margin-bottom:12px}
.review-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:6px}
.review-name{font-weight:700;color:var(--ink)}
.review-stars{color:var(--amber);letter-spacing:1px}
.review-date{font-size:12.5px}
.review-body{color:var(--ink-2);line-height:1.6}
.review-form h3{margin-bottom:14px}
.rev-field{display:block;margin-bottom:12px;font-size:13px;color:var(--muted)}
.rev-field input[type=text],.rev-field textarea{width:100%;margin-top:5px;padding:10px 12px;border:1px solid var(--line);border-radius:9px;font-size:14px;font-family:inherit}
.rev-field textarea{resize:vertical}
.star-input{display:inline-flex;flex-direction:row-reverse;justify-content:flex-end;gap:2px;margin-top:6px;font-size:26px}
.star-input input{display:none}
.star-input label{color:#d6dbe6;cursor:pointer;transition:color .1s}
.star-input input:checked ~ label,.star-input label:hover,.star-input label:hover ~ label{color:var(--amber)}

/* Легенда графика города */
.chart-legend{display:flex;gap:16px;margin-top:8px;font-size:13px}
.lg{display:inline-flex;align-items:center;gap:6px;color:var(--ink-2)}
.lg::before{content:"";width:12px;height:3px;border-radius:2px}
.lg-buy::before{background:#12a150}.lg-sell::before{background:#e5484d}

/* Карта города (обменники) */
#cityMap{width:100%;height:520px;border-radius:14px;border:1px solid var(--line);margin-bottom:8px}

/* ===== Режим операции + избранное ===== */
.op-toggle{display:inline-flex;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:3px;margin-bottom:14px}
.op-toggle button{border:0;background:none;padding:9px 16px;border-radius:8px;font-weight:650;font-size:14px;color:var(--ink-2);cursor:pointer}
.op-toggle button.on{background:var(--brand);color:#fff}
/* Переключатель каналов курса: касса | приложение | банкомат */
.chan-toggle{display:inline-flex;flex-wrap:wrap;gap:3px;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:3px;margin-bottom:12px}
.chan-toggle .chan-btn{border:0;background:none;padding:8px 15px;border-radius:8px;font-weight:650;font-size:14px;color:var(--ink-2);cursor:pointer;display:inline-flex;align-items:center;gap:6px}
.chan-toggle .chan-btn .chan-ico{font-size:15px}
.chan-toggle .chan-btn.on{background:var(--brand);color:#fff}
.chan-panel[hidden]{display:none}
.mc-bankwrap{display:flex;align-items:center;gap:6px}
.fav-star{border:0;background:none;font-size:18px;color:#d0d6e2;cursor:pointer;padding:0 2px;line-height:1}
.fav-star.on{color:var(--amber)}
.fav-star:hover{color:var(--amber)}
tr.is-fav{background:#fffdf5}

/* Фильтры мультитаблицы */
.mc-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}
.mc-fchip{padding:7px 13px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--ink-2);font-weight:600;font-size:13px;cursor:pointer}
.mc-fchip:hover{border-color:#cdd6e6}
.mc-fchip.on{background:var(--brand-soft);border-color:var(--brand);color:var(--brand)}

/* 404 */
.err-wrap{max-width:560px;margin:50px auto;text-align:center}
.err-code{font-size:72px;font-weight:800;color:var(--brand);line-height:1}
.err-links{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:20px}
/* Бейдж верификации */
.verified-badge{display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;background:var(--up);color:#fff;border-radius:50%;font-size:10px;margin-left:5px;vertical-align:middle}

/* ===== Глобальный поиск в шапке ===== */
.header-search{position:relative;flex:0 1 210px;min-width:170px;max-width:340px;display:flex;align-items:center;gap:8px;background:var(--surface-2);border:1px solid var(--line);border-radius:10px;padding:0 12px;cursor:text}
.header-search:focus-within{border-color:var(--brand);background:var(--surface)}
.header-search svg{color:var(--muted);flex-shrink:0}
.header-search input{border:0;background:none;padding:9px 0;font-size:14px;width:100%;outline:none;color:var(--ink)}
.hsearch-drop{position:absolute;left:0;right:0;top:calc(100% + 6px);background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:6px;display:none;z-index:70;max-height:400px;overflow:auto}
.hsearch-drop.open{display:block}
.hsearch-drop .hs-group{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-weight:700;padding:8px 10px 4px}
.hsearch-drop a{display:block;padding:8px 10px;border-radius:8px;color:var(--ink);font-size:14px}
.hsearch-drop a:hover{background:var(--brand-soft);color:var(--brand)}
.hsearch-drop .hs-empty{padding:12px;color:var(--muted);font-size:14px}
@media(max-width:900px){.header-search{display:none}}
/* Ноутбучные ширины: ужимаем шапку, чтобы все пункты меню помещались без прокрутки */
@media(min-width:761px) and (max-width:1360px){
  .header-inner{gap:10px}
  .main-nav a{padding:8px 6px;font-size:13px}
  .header-search{flex:0 1 170px}
}

/* Виджет-эмбед */
.widget-embed{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:14px 18px}
.widget-embed summary{cursor:pointer;font-weight:650;color:var(--ink-2)}
.we-body{margin-top:12px}
.we-code{width:100%;height:70px;font-family:monospace;font-size:12px;padding:10px;border:1px solid var(--line);border-radius:8px;background:var(--surface-2);resize:none}

/* Плашка «устарело» */
.stale-badge{display:inline-block;font-size:11px;font-weight:650;color:#a06a00;background:#fff4e0;border:1px solid #f0d9a8;border-radius:5px;padding:1px 7px}

/* Переключатель языка RU|UZ */
.lang-switch{display:inline-flex;gap:2px;border:1px solid var(--line,#e2e6ee);border-radius:8px;overflow:hidden;margin-right:8px}
.lang-switch a{padding:5px 9px;font-size:13px;font-weight:600;color:var(--muted,#6b7280);text-decoration:none;line-height:1}
.lang-switch a.active{background:var(--brand,#1e5fd6);color:#fff}
.lang-switch a:not(.active):hover{background:var(--soft,#f1f4fa)}

/* ── Контент (статьи/новости) ─────────────────────────────────────────── */
.art-meta{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:10px;font-size:13px}
.art-kind{display:inline-block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.02em;padding:3px 8px;border-radius:6px}
.art-kind--article{background:#e7efff;color:#1e5fd6}
.art-kind--market{background:#e6f7ec;color:#16a34a}
.art-kind--bank{background:#fdeede;color:#c2620a}
.art-lead{font-size:18px;line-height:1.55;color:var(--ink,#0f172a);font-weight:500;margin:6px 0 14px}
.art-cover{width:100%;height:auto;border-radius:12px;margin:6px 0 20px;aspect-ratio:1200/630;object-fit:cover}
.article-full .prose{font-size:16.5px;line-height:1.7}
.prose{color:var(--ink-2,#334155);line-height:1.7}
.prose h2{margin:26px 0 12px;font-size:23px}
.prose h3{margin:20px 0 10px;font-size:19px}
.prose p{margin:0 0 14px}
.prose ul,.prose ol{margin:0 0 16px;padding-left:22px}
.prose li{margin:6px 0}
.prose table{width:100%;border-collapse:collapse;margin:8px 0 20px;font-size:15px}
.prose table thead th{background:var(--surface-2,#f1f4fa);text-align:left;font-weight:650}
.prose table th,.prose table td{border:1px solid var(--line,#e2e6ee);padding:8px 10px}
.prose table tbody tr:nth-child(even){background:rgba(0,0,0,.015)}
/* display:block обязателен: базовый .callout — flex (для шаблонов с иконкой),
   а в статьях <b>Заголовок</b> + текст превращались во flex-колонки и ломали вёрстку. */
.prose .callout{display:block;margin:0 0 18px;padding:14px 16px;border-radius:10px;border:1px solid var(--line,#e2e6ee)}
.callout--important{background:#fff6f6;border-color:#f3c9c9}
.callout--interesting{background:#f2f8ff;border-color:#cfe0f7}
.prose .callout b{display:block;margin-bottom:4px}
.art-chart{margin:8px 0 22px;padding:12px 14px;border:1px solid var(--line,#e2e6ee);border-radius:12px;background:var(--surface,#fff)}
.art-chart figcaption{margin-top:8px;font-size:13px;color:var(--muted,#6b7280)}
.art-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px;padding-top:16px;border-top:1px solid var(--line,#e2e6ee)}
.art-tag{background:var(--surface-2,#f1f4fa);color:var(--muted,#6b7280);font-size:12.5px;padding:4px 10px;border-radius:20px}
.article-list--cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px}
.article-list--cards .article-card{padding:0;overflow:hidden;border:1px solid var(--line,#e2e6ee);border-radius:12px;background:var(--surface,#fff);transition:box-shadow .15s,transform .15s}
.article-list--cards .article-card:hover{box-shadow:0 6px 20px rgba(0,0,0,.08);transform:translateY(-2px)}
.article-list--cards .ac-cover{width:100%;aspect-ratio:1200/630;object-fit:cover;border-radius:10px 10px 0 0;display:block}
.article-list--cards .ac-body{padding:12px 14px 16px}
.article-list--cards .ac-body h3{margin:6px 0 6px;font-size:17px;line-height:1.3}
.related-section .ac-cover{height:120px;object-fit:cover}

/* ── Онлайн-график валютных пар ───────────────────────────────────────── */
.chart-filter{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:14px 0}
.chart-filter select{padding:8px 10px;border:1px solid var(--line,#e2e6ee);border-radius:8px;background:var(--surface,#fff);font-size:14px}
.cf-swap{width:36px;height:36px;border:1px solid var(--line,#e2e6ee);border-radius:8px;background:var(--surface,#fff);cursor:pointer;font-size:16px}
.cf-swap:hover{background:var(--soft,#f1f4fa)}
.pair-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
.pair-tabs a{padding:7px 13px;border:1px solid var(--line,#e2e6ee);border-radius:20px;font-size:13.5px;color:var(--ink-2,#334155);text-decoration:none;background:var(--surface,#fff)}
.pair-tabs a.on{background:var(--brand,#1e5fd6);color:#fff;border-color:var(--brand,#1e5fd6)}
.pair-tabs a:not(.on):hover{background:var(--soft,#f1f4fa)}
.pair-links{display:flex;flex-wrap:wrap;gap:8px 20px;list-style:none;padding:0}

/* ── Интерактивные графики (Lightweight Charts): пары + история ЦБ ── */
.pc-card{padding:12px 14px 16px;margin:14px 0 20px}
.pc-toolbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:8px}
.pc-price{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.pc-price .pc-pair{color:var(--muted);font-weight:600;font-size:14px}
.pc-price b{font-size:26px;color:var(--ink)}
.pc-chg{font-weight:700;font-size:14px}
.pc-ranges{display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end}
/* mobile: увеличенные зоны нажатия для футер/меню-ссылок (a11y, ≥44px) */
@media(max-width:640px){
  .footer-col a{display:block;padding:8px 0}
  .main-nav a{padding-top:11px;padding-bottom:11px}
}
.pc-ranges button{border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:7px;padding:5px 11px;font-size:13px;cursor:pointer;font-weight:600}
.pc-ranges button:hover{background:var(--surface-2)}
.pc-ranges button.on{background:#1e5fd6;color:#fff;border-color:#1e5fd6}
#pairChart{height:430px;width:100%}
.pc-empty{display:flex;align-items:center;justify-content:center;height:100%;color:var(--muted);text-align:center;padding:40px}
.pc-src{font-size:12px;font-weight:700;padding:2px 9px;border-radius:20px;margin-left:4px}
.pc-src--live{color:#16a34a;background:#e6f7ec}
.pc-src--live::before{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;background:#16a34a;margin-right:5px;vertical-align:middle;animation:pcpulse 1.6s infinite}
.pc-src--cb{color:#1e5fd6;background:#e7efff}
@keyframes pcpulse{0%,100%{opacity:1}50%{opacity:.35}}
#pairChart.pc-loading{opacity:.5;transition:opacity .2s}

.pc-tz{font-size:12px;margin-top:8px;text-align:right}

/* Фильтры графика истории курса */
.rc-filters{display:flex;align-items:center;gap:14px 18px;flex-wrap:wrap;padding:10px 14px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(0,0,0,.015)}
.rc-field{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--muted)}
.rc-filters input[type=date],.rc-filters select{padding:7px 9px;border:1px solid var(--line);border-radius:8px;font-size:13px;background:#fff;color:var(--ink)}
.rc-range{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}
.btn-sm{padding:7px 13px;font-size:13px}
.rc-reset{margin-left:auto;background:none;border:none;color:var(--brand);font-size:13px;cursor:pointer;text-decoration:underline}
.rc-reset:hover{opacity:.75}
#rateChart{height:340px}
@media(max-width:640px){.rc-filters{gap:10px 12px}.rc-reset{margin-left:0}}
/* Разделение отделений и банкоматов */
.map-legend{font-size:13px;margin:8px 0 4px}
.pts-h{font-size:16px;margin:14px 0 8px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.pts-n{display:inline-flex;min-width:22px;height:22px;padding:0 7px;align-items:center;justify-content:center;background:#e7f6ec;color:#1a7f37;border-radius:11px;font-size:13px;font-weight:700}
.pts-n.atm{background:#e6efff;color:#1e5fd6}
.branch-num.atm{background:#1e5fd6}
.mc-channel-note{font-size:12.5px;margin:8px 2px 0;line-height:1.5}
/* FAQ-блок (видимые вопросы + FAQPage schema) */
.faq-block .faq-item{border-top:1px solid var(--line);padding:10px 0}
.faq-block .faq-item:first-of-type{border-top:0}
.faq-block summary{cursor:pointer;font-weight:650;color:var(--ink);list-style:none;display:flex;gap:8px;align-items:flex-start}
.faq-block summary::-webkit-details-marker{display:none}
.faq-block summary::before{content:'?';flex:0 0 auto;width:20px;height:20px;border-radius:50%;background:var(--brand-soft);color:var(--brand);font-size:13px;display:flex;align-items:center;justify-content:center}
.faq-block .faq-item p{margin:8px 0 0 28px;color:var(--ink-2)}
/* Мобильные таблицы банка → карточки: «Продажа» больше не уезжает за экран
   (аудит: sell column clipped at 390px). Подписи берём из data-l — локализованы. */
@media(max-width:560px){
  table.rates{min-width:0;display:block}
  table.rates thead{display:none}
  table.rates tbody,table.rates tr{display:block}
  table.rates tr{padding:12px 14px;border-bottom:1px solid var(--line)}
  table.rates tr:last-child{border-bottom:0}
  table.rates td{display:block;border:0;padding:0}
  table.rates td[data-l]{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:5px 0}
  table.rates td[data-l]::before{content:attr(data-l);color:var(--muted);font-weight:600;font-size:13px;letter-spacing:0;text-transform:none}
  table.rates td:first-child{margin-bottom:6px}
  table.rates .bankcell{min-width:0}
}
/* Точки обмена в городе (локальная уникальность страницы города) */
.city-points{list-style:none;padding:0;margin:12px 0 14px;display:grid;gap:8px}
.city-points li{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:baseline;padding:9px 0;border-top:1px solid var(--line)}
.city-points li:first-child{border-top:0}
.city-points .cp-addr{color:var(--ink-2)}
.city-points .cp-wt{color:var(--muted);font-size:13px}
/* ===== Статья: две колонки на десктопе (справа было пусто) ===== */
.art-layout{display:grid;grid-template-columns:minmax(0,820px) 300px;gap:22px;align-items:start}
.art-layout .article-full{min-width:0}
/* Липкая колонка выше экрана обрезалась снизу (курсы ЦБ были недостижимы).
   Ограничиваем высоту вьюпортом и разрешаем прокрутку внутри самой колонки. */
.art-aside{display:grid;gap:14px;position:sticky;top:76px;max-height:calc(100vh - 92px);
  overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding-right:2px}
.art-aside::-webkit-scrollbar{width:6px}
.art-aside::-webkit-scrollbar-thumb{background:#d6dbe6;border-radius:3px}
.aside-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:14px 16px}
.aside-title{font-weight:700;font-size:14px;color:var(--ink);margin-bottom:10px}
.art-toc ol{margin:0;padding-left:18px;display:grid;gap:6px}
.art-toc a{color:var(--ink-2);font-size:14px;line-height:1.35}
.art-toc a:hover{color:var(--brand)}
.aside-rates{display:grid;gap:6px}
.aside-rate{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:7px 0;border-bottom:1px solid var(--line);color:inherit}
.aside-rate:last-child{border-bottom:0}
.ar-cur{font-weight:650;font-size:14px}
.ar-val{font-variant-numeric:tabular-nums;font-weight:650;color:var(--brand)}
.aside-note{font-size:12px;color:var(--muted);margin-top:6px}
.aside-btn{display:block;text-align:center;margin-top:10px;font-size:13.5px}
.aside-cb{display:grid;gap:4px}
.aside-cb-row{display:flex;justify-content:space-between;padding:6px 0;color:var(--ink-2);font-size:14px}
.aside-cb-row b{font-variant-numeric:tabular-nums;color:var(--ink)}
@media(max-width:1100px){
  .art-layout{grid-template-columns:1fr}
  /* Ниже статьи колонка перестаёт быть липкой и не ограничена по высоте. */
  .art-aside{position:static;max-height:none;overflow:visible;grid-template-columns:1fr 1fr}
  /* Оглавление под статьёй бесполезно — её уже прочитали. Оставляем только курсы:
     это логичный следующий шаг после текста. */
  .art-aside .art-toc{display:none}
}
@media(max-width:640px){ .art-aside{grid-template-columns:1fr} }
/* ===== Опрос под статьёй ===== */
.poll-block{margin:26px 0 6px;padding:16px 18px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2)}
.poll-q{font-weight:700;color:var(--ink);margin-bottom:12px}
.poll-form{display:grid;gap:8px}
.poll-opt{position:relative;display:flex;align-items:center;gap:10px;width:100%;text-align:left;cursor:pointer;
  padding:11px 13px;border:1px solid var(--line);border-radius:10px;background:var(--surface);font-size:14.5px;color:var(--ink-2);overflow:hidden}
.poll-opt:hover{border-color:var(--brand)}
.poll-opt .po-bar{position:absolute;left:0;top:0;bottom:0;width:0;background:var(--brand-soft);transition:width .35s ease}
.poll-opt .po-label{position:relative;flex:1}
.poll-opt .po-pct{position:relative;font-weight:700;color:var(--muted);opacity:0;transition:opacity .2s}
.poll-block.voted .po-pct{opacity:1}
.poll-block.voted .poll-opt{cursor:default}
.poll-opt.mine{border-color:var(--brand);color:var(--ink)}
.poll-opt.mine .po-pct{color:var(--brand)}
.poll-total{margin-top:10px;font-size:12.5px;color:var(--muted)}
/* ===== Статья: «Коротко», шеринг, автор ===== */
.art-summary{border-left:4px solid var(--brand);background:var(--brand-soft);border-radius:0 12px 12px 0;padding:14px 18px;margin:0 0 18px}
.as-title{font-weight:750;color:var(--brand-dark);font-size:13px;text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px}
.as-body p{margin:0;color:var(--ink);font-size:16px;line-height:1.6}
.art-share{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:22px 0 0;padding-top:16px;border-top:1px solid var(--line)}
.share-label{font-size:13.5px;color:var(--muted);font-weight:600}
.share-btn{display:inline-flex;align-items:center;padding:8px 14px;border-radius:999px;border:1px solid var(--line);
  background:var(--surface);color:var(--ink-2);font-size:13.5px;font-weight:600;cursor:pointer}
.share-btn:hover{border-color:var(--brand);color:var(--brand)}
.share-btn.copied{border-color:var(--up);color:var(--up)}
.art-author{display:flex;gap:14px;align-items:flex-start;margin-top:20px;padding:16px;background:var(--surface-2);border-radius:12px}
.au-logo{flex:0 0 auto;width:46px;height:46px;border-radius:12px;background:var(--brand);color:#fff;font-weight:800;
  display:flex;align-items:center;justify-content:center;letter-spacing:-.02em}
.au-name{font-weight:700;color:var(--ink);margin-bottom:4px}
.au-body p{margin:0 0 6px;font-size:14px;color:var(--ink-2);line-height:1.55}
.au-body a{font-size:14px;font-weight:600}
/* ===== Пагинация ===== */
.pager{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:22px 0 6px}
.pager-btn{display:inline-flex;align-items:center;padding:9px 16px;border:1px solid var(--line);border-radius:999px;
  background:var(--surface);color:var(--ink-2);font-weight:650;font-size:14px}
.pager-btn:hover{border-color:var(--brand);color:var(--brand)}
.pager-btn.is-off{opacity:.45;pointer-events:none}
.pager-pages{display:flex;flex-wrap:wrap;gap:4px;margin:0 4px}
.pager-num{min-width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;padding:0 10px;
  border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--ink-2);font-weight:650;font-size:14px}
.pager-num:hover{border-color:var(--brand);color:var(--brand)}
.pager-num.is-on{background:var(--brand);border-color:var(--brand);color:#fff}
.pager-dots{padding:0 4px;color:var(--muted)}
@media(max-width:520px){ .pager-pages{display:none} }
/* ===== Плашка выбора города (первый визит) ===== */
.city-prompt{position:fixed;left:0;right:0;bottom:0;z-index:60;background:var(--surface);
  border-top:1px solid var(--line);box-shadow:0 -6px 24px rgba(16,24,40,.10);animation:cpUp .28s ease-out}
@keyframes cpUp{from{transform:translateY(100%)}to{transform:translateY(0)}}
.cp-inner{max-width:1180px;margin:0 auto;padding:12px 16px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.cp-pin{color:var(--brand);flex:none}
.cp-text{font-size:15px;color:var(--ink);flex:1 1 220px;line-height:1.35}
.cp-text b{white-space:nowrap}
.cp-hint{display:block;font-size:12.5px;color:var(--muted)}
.cp-form{margin:0}
.cp-yes{padding:9px 18px;border:0;border-radius:999px;background:var(--brand);color:#fff;font-weight:700;font-size:14px;cursor:pointer}
.cp-yes:hover{filter:brightness(1.06)}
.cp-other{position:relative}
.cp-other>summary{list-style:none;cursor:pointer;padding:9px 16px;border:1px solid var(--line);border-radius:999px;
  font-weight:650;font-size:14px;color:var(--ink-2);background:var(--surface)}
.cp-other>summary::-webkit-details-marker{display:none}
.cp-other>summary:hover{border-color:var(--brand);color:var(--brand)}
.cp-drop{position:absolute;bottom:calc(100% + 8px);right:0;width:280px;background:var(--surface);
  border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 32px rgba(16,24,40,.16);padding:10px}
.cp-drop .city-search{width:100%;padding:8px 10px;border:1px solid var(--line);border-radius:8px;font-size:14px;margin-bottom:6px}
.cp-drop .city-list{max-height:230px;overflow-y:auto;display:flex;flex-direction:column}
.cp-drop .city-list a{padding:7px 8px;border-radius:7px;color:var(--ink-2);font-size:14px}
.cp-drop .city-list a:hover{background:var(--bg);color:var(--brand)}
.cp-close{background:none;border:0;color:var(--muted);font-size:17px;cursor:pointer;padding:6px 8px;line-height:1}
.cp-close:hover{color:var(--ink)}
@media(max-width:600px){
  .cp-inner{padding:10px 12px;gap:8px}
  .cp-text{flex-basis:100%;font-size:14px}
  /* На узком экране кнопка стоит по центру, и абсолютное позиционирование от неё
     выносило список за границу окна — прижимаем список к самому экрану. */
  .cp-other{position:static}
  .cp-drop{position:fixed;left:12px;right:12px;bottom:66px;width:auto}
  .cp-drop .city-list{max-height:42vh}
  .cp-yes,.cp-other>summary{flex:1 1 0;text-align:center}
}
.art-views{display:inline-flex;align-items:center;gap:5px}
.art-views svg{opacity:.7}
/* ===== Квиз «Проверьте себя» ===== */
.quiz{margin:32px 0 0;padding:22px;border:1px solid var(--line);border-radius:16px;
  background:linear-gradient(180deg,rgba(30,95,214,.05),rgba(30,95,214,0) 60%),var(--surface)}
.quiz-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}
.quiz-kicker{font-size:12px;font-weight:750;letter-spacing:.08em;text-transform:uppercase;color:var(--brand)}
.quiz-title{margin:2px 0 0;font-size:21px;line-height:1.25}
.quiz-count{flex:none;font-size:13px;color:var(--muted);padding:5px 11px;border:1px solid var(--line);border-radius:999px;white-space:nowrap}
.quiz-progress{height:5px;border-radius:99px;background:var(--line);overflow:hidden;margin-bottom:18px}
.qp-fill{display:block;height:100%;background:var(--brand);border-radius:99px;transition:width .35s ease}
.quiz-list{list-style:none;margin:0;padding:0;counter-reset:none}
.quiz-item{margin:0}
.quiz-item + .quiz-item{margin-top:26px}
.qi-step{font-size:12.5px;font-weight:700;color:var(--muted);margin-bottom:6px}
.quiz:not(.js) .qi-step{display:none}
.qi-q{margin:0 0 14px;font-size:17px;font-weight:650;line-height:1.45;color:var(--ink)}
.qi-opts{display:flex;flex-direction:column;gap:9px}
.qi-opt{display:flex;align-items:center;gap:11px;width:100%;text-align:left;padding:13px 15px;cursor:pointer;
  border:1px solid var(--line);border-radius:12px;background:var(--surface);font:inherit;font-size:15px;color:var(--ink);
  transition:border-color .15s,background .15s,transform .12s}
.qi-opt:hover:not(:disabled){border-color:var(--brand);transform:translateY(-1px)}
.qi-opt:disabled{cursor:default}
.qo-mark{flex:none;width:20px;height:20px;border:2px solid var(--line);border-radius:50%;position:relative}
.qo-text{flex:1;line-height:1.4}
.qo-share{flex:none;font-size:12.5px;font-weight:700;color:var(--muted);padding:2px 8px;border-radius:99px;background:var(--bg)}
.qi-opt.is-right{border-color:#12a150;background:rgba(18,161,80,.07)}
.qi-opt.is-right .qo-mark{border-color:#12a150;background:#12a150}
.qi-opt.is-right .qo-mark::after{content:"";position:absolute;left:5px;top:1.5px;width:5px;height:10px;
  border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.qi-opt.is-wrong{border-color:#d92d20;background:rgba(217,45,32,.06)}
.qi-opt.is-wrong .qo-mark{border-color:#d92d20;background:#d92d20}
.qi-opt.is-wrong .qo-mark::after{content:"";position:absolute;left:8px;top:3px;width:2px;height:11px;background:#fff;
  box-shadow:0 0 0 0 #fff;transform:rotate(45deg)}
.qi-opt.is-wrong .qo-mark::before{content:"";position:absolute;left:8px;top:3px;width:2px;height:11px;background:#fff;transform:rotate(-45deg)}
.qi-ans{margin-top:12px;font-size:14.5px;line-height:1.6;color:var(--ink-2)}
.qi-ans>summary{cursor:pointer;font-weight:650;color:var(--brand);font-size:14px}
.quiz.js .qi-ans>summary{display:none}
.qi-ans p{margin:0 0 8px}
.qi-ans.shown{padding:13px 15px;border-radius:12px;background:var(--bg);border:1px solid var(--line);animation:qiFade .25s ease-out}
@keyframes qiFade{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
.qi-next{margin-top:12px;padding:10px 18px;border:0;border-radius:999px;background:var(--brand);color:#fff;
  font-weight:700;font-size:14px;cursor:pointer}
.qi-next:hover{filter:brightness(1.06)}
.quiz-result{text-align:center;padding:8px 0 4px;animation:qiFade .3s ease-out}
.qr-score{font-size:15px;color:var(--muted)}
.qr-num{font-size:44px;line-height:1;color:var(--brand);margin-right:4px}
.qr-text{margin:10px auto 16px;max-width:440px;font-size:15.5px;line-height:1.55;color:var(--ink-2)}
.qr-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
@media(max-width:600px){
  .quiz{padding:18px 15px;border-radius:14px}
  .quiz-title{font-size:19px}
  .qi-q{font-size:16px}
  .qi-opt{padding:12px 13px;font-size:14.5px}
  .qr-num{font-size:38px}
  .qr-actions .btn{flex:1 1 100%}
}
/* ===== Инфографика внутри статьи ===== */
.ig{margin:26px 0;padding:18px 20px;border:1px solid var(--line);border-radius:14px;background:var(--bg)}
.ig-title{font-weight:750;font-size:15.5px;color:var(--ink);margin-bottom:16px;line-height:1.35}
.ig-note{margin:14px 0 0;font-size:14.5px;line-height:1.6;color:var(--ink-2)}
.ig-src{margin:8px 0 0;font-size:12.5px;color:var(--muted)}
/* спред */
.ig-scale{display:flex;align-items:flex-end;gap:12px}
.igs-side{flex:none;min-width:96px}
.igs-side b{display:block;font-size:22px;line-height:1.15;color:var(--ink);white-space:nowrap}
.igs-right{text-align:right}
.igs-cap{display:block;font-size:12.5px;color:var(--muted);margin-bottom:3px}
.igs-mid{flex:1;position:relative;padding-bottom:6px;text-align:center}
.igs-line{display:block;height:3px;border-radius:99px;background:linear-gradient(90deg,#12a150,var(--brand));margin:0 0 8px}
.igs-badge{display:inline-block;padding:4px 12px;border-radius:999px;background:var(--surface);border:1px solid var(--line);
  font-size:13px;font-weight:700;color:var(--ink-2);white-space:nowrap}
/* каналы */
.ig-bars{display:flex;flex-direction:column;gap:10px}
.igb-row{display:grid;grid-template-columns:112px 1fr auto;align-items:center;gap:12px}
.igb-name{font-size:14px;color:var(--ink-2)}
.igb-track{height:12px;border-radius:99px;background:var(--line);overflow:hidden}
.igb-fill{display:block;height:100%;border-radius:99px;background:var(--brand);opacity:.55}
.igb-val{font-weight:750;font-size:15px;color:var(--ink);white-space:nowrap}
.igb-row.is-best .igb-fill{background:#12a150;opacity:1}
.igb-row.is-best .igb-val{color:#0f7a3d}
.igb-row.is-best .igb-name{font-weight:700;color:var(--ink)}
@media(max-width:600px){
  .ig{padding:15px;margin:22px 0}
  .ig-scale{flex-wrap:wrap;gap:8px}
  .igs-side{min-width:0;flex:1 1 45%}
  .igs-side b{font-size:19px}
  .igs-mid{order:3;flex-basis:100%;padding-bottom:0}
  .igb-row{grid-template-columns:88px 1fr auto;gap:8px}
  .igb-name{font-size:13px}
}

.ng-lazyloading,
.ng-lazyload:not(.ng-lazyloaded) {
  opacity: 1 !important;
}

html.eva-visual-only a[href],
html.eva-visual-only button,
html.eva-visual-only [role="button"],
html.eva-visual-only input[type="submit"],
html.eva-visual-only input[type="button"] {
  cursor: default;
}
html.eva-visual-only form {
  pointer-events: none;
}
html.eva-visual-only form a,
html.eva-visual-only form button {
  pointer-events: auto;
}
#eva-locale-menu {
  position: fixed;
  z-index: 10000;
  min-width: 220px;
  max-height: 360px;
  overflow: auto;
  padding: 8px;
  border-radius: 12px;
  border: 1px solid hsla(0, 0%, 50%, 0.2);
  background: var(--background, #fff);
  color: var(--body, #111);
  box-shadow: 0 12px 32px hsla(0, 0%, 0%, 0.18);
}
#eva-locale-menu[hidden] { display: none !important; }
.eva-locale-item {
  display: block;
  padding: 8px 12px;
  border-radius: 8px;
  text-decoration: none;
  color: inherit;
}
[role="img"] img {
  position: relative !important;
  inset: auto !important;
  width: 100% !important;
  height: auto !important;
}
.swiper, .swiper-container { max-width: 100%; overflow: hidden; }
.swiper-slide, .slick-slide, .owl-item { max-width: 100%; box-sizing: border-box; }
html.eva-visual-only [data-eva-carousel-frozen] .slick-slide[aria-hidden="false"],
html.eva-visual-only [data-eva-carousel-frozen] .swiper-slide[aria-hidden="false"],
html.eva-visual-only [data-eva-carousel-frozen] .slick-current,
html.eva-visual-only [data-eva-carousel-frozen] .slick-active,
html.eva-visual-only [data-eva-carousel-frozen] .swiper-slide-active {
  visibility: visible !important;
  opacity: 1 !important;
}
html.eva-visual-only [data-eva-carousel-frozen] .slick-slide[aria-hidden="true"],
html.eva-visual-only [data-eva-carousel-frozen] .swiper-slide[aria-hidden="true"],
html.eva-visual-only [data-eva-carousel-frozen] .owl-item[aria-hidden="true"] {
  display: none !important;
}
@media (max-width: 767.98px) {
  img[class*="desktop" i][class*="slide" i],
  img[class*="tablet" i][class*="slide" i],
  source[class*="desktop" i][class*="slide" i],
  source[class*="tablet" i][class*="slide" i] {
    display: none !important;
  }
}
@media (min-width: 768px) {
  img[class*="mobile" i][class*="slide" i],
  source[class*="mobile" i][class*="slide" i] {
    display: none !important;
  }
}