/* Страница документа: узкая колонка и крупный межстрочный.
   Фон не задаём — он приходит из styles.css вместе с глобусом,
   чтобы все страницы выглядели одинаково. */
.legal{position:relative;z-index:1;padding:40px 0 90px}
.legal .wrap{max-width:760px}
.legal h1{font-size:clamp(26px,4vw,38px);margin:14px 0 6px}
.legal h2{font-size:clamp(17px,2.2vw,21px);margin:38px 0 12px;color:var(--ink)}
.legal p{color:var(--ink2);font-size:15.5px;line-height:1.72;margin-bottom:14px;max-width:68ch}
.legal .upd{font-family:"JetBrains Mono",monospace;font-size:12.5px;color:var(--ink3);margin-bottom:26px}
.legal .gap{border-left:2px solid rgba(251,191,36,.5);padding-left:14px;color:#d8c89a;font-size:14.5px}
nav .brand,footer .brand{text-decoration:none}
@media (max-width:760px){ .legal{padding:26px 0 64px} }
/* Блок реквизитов: моноширинный, чтобы номера читались посимвольно. */
.legal .req{font-family:"JetBrains Mono",monospace;font-size:13.5px;line-height:1.85;
  color:var(--ink);background:rgba(18,12,34,.30);backdrop-filter:blur(16px);border:1px solid var(--line2);
  border-radius:8px;padding:16px 18px;max-width:none}

/* Таблицы на страницах документов. В styles.css их стилей нет вовсе —
   без этого браузер рисует по умолчанию и колонки слипаются. */
.legal .tablewrap{overflow-x:auto;border:1px solid var(--line2);border-radius:8px;
  background:rgba(18,12,34,.30);backdrop-filter:blur(16px);margin:16px 0 8px}
.legal table{width:100%;border-collapse:collapse;font-size:14px;min-width:460px}
.legal th,.legal td{text-align:left;padding:11px 18px;border-bottom:1px solid var(--line2);vertical-align:top}
.legal th{font-family:"JetBrains Mono",monospace;font-size:10.5px;letter-spacing:.13em;
  text-transform:uppercase;color:var(--ink3);font-weight:500;white-space:nowrap}
.legal tr:last-child td{border-bottom:none}
.legal td:first-child{color:var(--ink);white-space:nowrap}
.legal td.m{font-family:"JetBrains Mono",monospace;font-size:13px;color:var(--conn,#67e8f9);white-space:nowrap}