/* Двуязычные юридические страницы: русский слева, английский справа,
   абзац к абзацу — как принято в двуязычных договорах. На узком экране
   колонки складываются: под каждым русским абзацем его перевод, отчёркнутый
   тонкой линией слева. Подключается поверх legal.css и действует только на
   страницах с классом bi — русские страницы этих правил не видят. */

.bi .doc{ max-width:1120px; }

/* Заголовок документа: перевод строкой ниже, мельче и тише */
.bi .doc h1 .ru{ display:block; }
.bi .doc h1 .en{
  display:block; font-size:0.6em; color:var(--ink-soft);
  letter-spacing:0; margin-top:8px; font-weight:300;
}

/* Оговорка о переводе — до текста документа, с золотой чертой:
   не часть документа, а примечание к нему */
.bi .lang-note{
  background:var(--card); border-radius:var(--radius);
  border-left:2px solid var(--gold);
  padding:16px 22px; margin:0 0 18px;
}
.bi .lang-note p{ margin:0 0 8px; font-size:13.5px; line-height:1.6; color:var(--ink-soft); }
.bi .lang-note p:last-child{ margin:0; }

/* Две колонки для всего, что идёт парами */
.bi .doc .updated,
.bi .doc-body h2,
.bi .doc-body h3,
.bi .doc-body p,
.bi .doc-body li{
  display:grid; grid-template-columns:1fr 1fr; column-gap:36px;
}

/* Маркер списка: у элемента-сетки штатный маркер теряется, рисуем свой */
.bi .doc-body ul{ list-style:none; padding-left:0; }
.bi .doc-body li{ position:relative; padding-left:22px; }
.bi .doc-body li::before{
  content:"•"; position:absolute; left:6px; top:0; color:var(--line);
}

/* Таблица реквизитов: английская подпись под русской, значение — если другое */
.bi .req-table td .en{
  display:block; font-size:13px; line-height:1.5; color:var(--ink-soft);
  font-weight:400; margin-top:2px;
}

/* Подвал: строка реквизитов складывается в две */
.bi footer .req{ max-width:1120px; }
.bi footer .req .ru, .bi footer .req .en{ display:block; }

@media (max-width: 760px){
  .bi .doc .updated,
  .bi .doc-body h2,
  .bi .doc-body h3,
  .bi .doc-body p,
  .bi .doc-body li{ grid-template-columns:1fr; row-gap:6px; }
  .bi .doc-body .en{ padding-left:12px; border-left:2px solid var(--line); }
  .bi .doc-body h2 .en{ font-size:0.8em; }
}