/* ExRates — юридические страницы (privacy, terms).
   Наследуют язык лендинга: греж-бумага, швейцарский рельс-рубрикатор,
   Archivo + JetBrains Mono, латунный акцент. Один committed-мир. */
:root{
  --paper:#E7E3DC; --panel:#F1EEE8; --ink:#1A1814; --ink-2:#4E4A42; --ink-3:#665F55;
  --line:#CBC5BA; --line-soft:#D8D3C9;
  --teal:#8A6A45; --teal-text:#6F5433; --teal-soft:#8A6A4514;
  --board:#201E1A; --board-ink:#EDE9E1; --board-dim:#8F897D;
  --up:#8FB07E; --down:#C98A76; --up-paper:#46603E;
  --display:"Archivo",system-ui,sans-serif;
  --mono:"JetBrains Mono",ui-monospace,SFMono-Regular,monospace;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0; background:var(--paper); color:var(--ink);
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Roboto,sans-serif;
  font-size:16px; line-height:1.65;
}
::selection{background:#8A6A4533}
.wrap{max-width:1000px; margin:0 auto; padding:0 28px}
a{cursor:pointer}
a:focus-visible,button:focus-visible{outline:2px solid var(--teal); outline-offset:3px}

/* ---------- top bar ---------- */
.top{display:flex; align-items:center; justify-content:space-between; padding:16px 0; border-bottom:1px solid var(--line)}
.wordmark{font-family:var(--display); font-weight:800; font-size:21px; letter-spacing:-0.02em; text-decoration:none; color:var(--ink)}
.wordmark b{color:var(--teal)}
.top .links{display:flex; gap:4px; align-items:center}
.top .links a{
  color:var(--ink-2); text-decoration:none; font-size:14px; font-weight:500;
  padding:12px 15px; border-radius:8px; transition:color .2s, background .2s;
}
.top .links a:hover{color:var(--ink); background:#0000000A}

/* переключатель языка — моно-пара, не флаги */
.lang{display:inline-flex; border:1px solid #1A181433; border-radius:8px; overflow:hidden; font-family:var(--mono); font-size:12px}
.lang button{
  appearance:none; border:0; background:transparent; cursor:pointer;
  padding:9px 12px; color:var(--ink-3); font:inherit; letter-spacing:.08em;
  transition:background .2s, color .2s; min-height:38px;
}
.lang button[aria-pressed="true"]{background:var(--ink); color:var(--paper)}
.lang button:not([aria-pressed="true"]):hover{background:#0000000A; color:var(--ink)}

/* ---------- шапка документа ---------- */
.doc-head{padding:46px 0 30px; border-bottom:1px solid var(--line)}
.kicker{font-family:var(--mono); font-size:11.5px; letter-spacing:.16em; color:var(--ink-3); margin-bottom:14px}
h1{
  font-family:var(--display); font-weight:800; font-stretch:112%;
  text-transform:uppercase; letter-spacing:-0.01em;
  font-size:clamp(34px,5.4vw,60px); line-height:1; margin:0 0 16px;
}
.doc-head .lede{font-size:17.5px; color:var(--ink-2); max-width:56ch; margin:0}
.stamp{margin-top:22px; font-family:var(--mono); font-size:11.5px; color:var(--ink-3); letter-spacing:.05em}

/* ---------- сводка-табло: эхо главной страницы ---------- */
.summary{background:var(--board); border-radius:14px; padding:20px 24px; color:var(--board-ink); margin:30px 0 6px}
.summary .cap{font-family:var(--mono); font-size:10.5px; letter-spacing:.16em; color:var(--board-dim); margin-bottom:14px}
.summary dl{display:grid; grid-template-columns:1fr auto; align-items:baseline; column-gap:0; row-gap:0; margin:0}
/* линия рисуется под обеими ячейками без разрыва: padding даёт зазор, а не gap */
.summary dt,.summary dd{padding:11px 0; border-top:1px solid #ffffff12; margin:0}
.summary dt{padding-right:20px}
.summary dd{padding-left:20px}
.summary dt{font-size:14.5px; color:var(--board-ink)}
.summary dd{font-family:var(--mono); font-size:13px; color:var(--up); text-align:right; white-space:nowrap}
.summary dd.none{color:var(--board-dim)}
/* первая пара — без верхней линии */
.summary dl > dt:first-child, .summary dl > dt:first-child + dd{border-top:0}

/* ---------- разделы на рельсе ---------- */
section.rail{
  display:grid; grid-template-columns:190px 1fr; gap:36px;
  border-top:1px solid var(--line); padding:30px 0 6px; margin-top:26px;
}
section.rail > .lbl{font-family:var(--mono); font-size:11.5px; letter-spacing:.16em; color:var(--ink-3); padding-top:6px}
section.rail > .lbl b{display:block; color:var(--teal-text); margin-bottom:4px; font-weight:600}
h2{
  font-family:var(--display); font-weight:800; font-stretch:110%; letter-spacing:-0.015em;
  font-size:clamp(22px,2.7vw,30px); line-height:1.1; margin:0 0 14px; text-wrap:balance;
}
h3{font-family:var(--display); font-weight:700; font-size:17px; margin:24px 0 8px; letter-spacing:-0.01em}
section.rail p{color:var(--ink-2); font-size:15.5px; max-width:62ch; margin:0 0 14px}
section.rail ul{color:var(--ink-2); font-size:15.5px; max-width:62ch; margin:0 0 14px; padding-left:20px}
section.rail li{margin-bottom:7px}
section.rail li::marker{color:var(--teal)}
section.rail a{color:var(--teal-text); text-decoration:underline; text-underline-offset:3px; text-decoration-thickness:1px}
section.rail a:hover{color:var(--ink)}
strong{font-weight:650; color:var(--ink)}
code{font-family:var(--mono); font-size:.9em; background:#0000000A; padding:2px 6px; border-radius:5px; color:var(--ink)}

/* таблица источников */
.sources{width:100%; border-collapse:collapse; font-size:14.5px; margin:4px 0 16px; max-width:62ch}
.sources th,.sources td{text-align:left; padding:10px 12px 10px 0; border-bottom:1px solid var(--line-soft); vertical-align:top}
.sources th{font-family:var(--mono); font-size:10.5px; letter-spacing:.14em; color:var(--ink-3); font-weight:500; text-transform:uppercase}
.sources td:first-child{font-weight:600; white-space:nowrap; padding-right:22px}
.sources td:last-child{color:var(--ink-2)}

/* врезка-предупреждение: единственный цветовой акцент в теле */
.note{
  border-left:3px solid var(--teal); background:var(--teal-soft);
  padding:16px 20px; border-radius:0 10px 10px 0; margin:6px 0 18px; max-width:62ch;
}
.note p{margin:0; color:var(--ink); font-size:15px}
.note p + p{margin-top:10px}

/* ---------- footer ---------- */
footer{
  margin-top:34px; padding:20px 0 44px; border-top:1px solid var(--line);
  display:flex; flex-wrap:wrap; gap:14px; align-items:center; justify-content:space-between;
  color:var(--ink-3); font-size:13.5px;
}
footer nav{display:flex; gap:4px; flex-wrap:wrap}
footer a{color:var(--ink-2); text-decoration:none; padding:12px 13px; border-radius:8px; transition:color .2s, background .2s}
footer a:hover{color:var(--ink); background:#0000000A}

/* Язык: прячем неактивный через hidden-атрибут (ставит JS).
   Не трогаем display у элементов внутри grid — иначе ломается раскладка. */
[hidden]{display:none !important}

@media (max-width:820px){
  section.rail{grid-template-columns:1fr; gap:14px; padding-top:28px; margin-top:22px}
  .doc-head{padding-top:34px}
  .summary dl{grid-template-columns:1fr auto}
}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}