/* DeFi Capital · дизайн-система E · шрифты локально (OFL), без Google Fonts. Источник: fontsource 5.3. */
@font-face{font-family:"Source Serif 4";font-style:normal;font-display:swap;font-weight:200 900;src:url(fonts/source-serif-4-latin-opsz-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+20BD,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Source Serif 4";font-style:normal;font-display:swap;font-weight:200 900;src:url(fonts/source-serif-4-cyrillic-opsz-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Source Serif 4";font-style:italic;font-display:swap;font-weight:200 900;src:url(fonts/source-serif-4-latin-opsz-italic.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+20BD,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Source Serif 4";font-style:italic;font-display:swap;font-weight:200 900;src:url(fonts/source-serif-4-cyrillic-opsz-italic.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Golos Text";font-style:normal;font-display:swap;font-weight:400 900;src:url(fonts/golos-text-latin-wght-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+20BD,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Golos Text";font-style:normal;font-display:swap;font-weight:400 900;src:url(fonts/golos-text-cyrillic-wght-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"JetBrains Mono";font-style:normal;font-display:swap;font-weight:100 800;src:url(fonts/jetbrains-mono-latin-wght-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+20BD,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"JetBrains Mono";font-style:normal;font-display:swap;font-weight:100 800;src:url(fonts/jetbrains-mono-cyrillic-wght-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
/* DeFi Capital · дизайн-система E (рабочая версия 27.10.2026).
   Один файл на все живые страницы. Фирма = тихий светлый регистр, медиа = громкий navy + золото.
   Правило: цвета и шрифты только через переменные ниже, своих палитр на страницах нет. */

:root {
  /* фирма, светлая поверхность */
  --bg: #F7F5F0;
  --surface: #FFFFFF;
  --ink: #0E1B2C;
  --muted: #5E6470;
  --line: #E4DFD4;
  --bronze: #8C6A3F;        /* кнопки, крупные акценты, заливки */
  --bronze-text: #7A5C35;   /* мелкий акцентный текст, 5,65:1 на --bg */
  --up: #1E7A4F;            /* рост на светлом, AA */
  --down: #B23A28;          /* падение на светлом, AA */
  --warn: #8F5E12;          /* предупреждение текстом, 5,1:1 */

  /* фирма, тёмные блоки доверия */
  --deep: #0E1B2C;
  --on-deep: #F7F5F0;
  --on-deep-muted: #A9B1BE;
  --gold-on-deep: #C9A45C;  /* золото только на navy */
  --up-dark: #4FC08D;
  --down-dark: #F07A63;

  /* медиа-регистр */
  --m-bg: #0B1626;
  --m-ink: #FFFFFF;
  --m-gold: #F4C752;
  --m-muted: #9AA6B8;

  /* шрифты */
  --f-display: "Source Serif 4", Georgia, "Times New Roman", serif;
  --f-body: "Golos Text", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --f-mono: "JetBrains Mono", ui-monospace, Menlo, monospace;
  --f-media: "Oswald", "Arial Narrow", Impact, sans-serif;

  /* шкала */
  --r: 4px;
  --gap: 16px;
  --shadow: 0 1px 2px rgba(14,27,44,.06), 0 4px 16px rgba(14,27,44,.06);
  color-scheme: light;
}

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; background: var(--bg); color: var(--ink); font: 400 16px/1.5 var(--f-body); }
img, svg, video { max-width: 100%; display: block; }
h1, h2, h3, h4 { font-family: var(--f-display); font-weight: 600; line-height: 1.15; margin: 0; text-wrap: balance; letter-spacing: -0.01em; }
p { margin: 0; }
a { color: inherit; }
.num, .tab { font-variant-numeric: tabular-nums lining-nums; }
.mono { font-family: var(--f-mono); }
.eyebrow { font: 600 12px/1.3 var(--f-body); letter-spacing: .12em; text-transform: uppercase; color: var(--bronze-text); }
.muted { color: var(--muted); }
.wrap { max-width: 1200px; margin: 0 auto; padding-left: max(16px, env(safe-area-inset-left, 0px)); padding-right: max(16px, env(safe-area-inset-right, 0px)); }

/* кнопки: одна основная на экран */
.btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; padding: 10px 18px; border-radius: var(--r); font: 600 15px/1.2 var(--f-body); text-decoration: none; cursor: pointer; border: 1px solid transparent; white-space: nowrap; }
.btn-primary { background: var(--bronze); color: #FFFFFF; }
.btn-primary:hover { background: #7A5C35; }
.btn-secondary { background: var(--surface); color: var(--ink); border-color: var(--line); }
.btn-on-deep { background: var(--gold-on-deep); color: var(--deep); }
.btn:focus-visible { outline: 2px solid var(--bronze); outline-offset: 2px; }

/* карточки и таблицы */
.card { background: var(--surface); border: 1px solid var(--line); border-radius: var(--r); }
.table-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; }
table.data { width: 100%; border-collapse: collapse; font-size: 14px; }
table.data th { text-align: left; font: 600 12px/1.3 var(--f-body); letter-spacing: .04em; color: var(--muted); padding: 10px 12px; border-bottom: 1px solid var(--line); white-space: nowrap; }
table.data td { padding: 12px; border-bottom: 1px solid var(--line); vertical-align: top; }
table.data td.r, table.data th.r { text-align: right; font-variant-numeric: tabular-nums; }
.up { color: var(--up); } .down { color: var(--down); }

/* «показать ещё»: общий элемент для всех длинных списков */
.load-more { display: flex; align-items: center; justify-content: center; gap: 10px; width: 100%; min-height: 48px; margin-top: 8px; background: var(--surface); border: 1px dashed var(--line); border-radius: var(--r); font: 600 14px var(--f-body); color: var(--ink); cursor: pointer; }
.load-more .cnt { color: var(--muted); font-weight: 500; }
.load-more:hover { border-style: solid; border-color: var(--bronze); }

/* сноски к цифрам */
sup.fn { font: 600 .6em var(--f-body); color: var(--bronze-text); margin-left: 1px; }
.footnote { font-size: 13px; color: var(--muted); line-height: 1.45; }

