/* Оформление юридических страниц. Отдельный файл, потому что таких страниц
   три и дублировать стили в каждой смысла нет. */
:root{
  --bg:#09090B; --surface:#141418; --line:#26262C;
  --fg:#F4F4F5; --fg-2:#C9C9D1; --fg-3:#9A9AA5; --fg-4:#6C6C78;
  --accent:#7C6BF0; --warn:#D29922;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--bg);color:var(--fg-2);
  font:16px/1.7 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  -webkit-font-smoothing:antialiased;
}
a{color:var(--accent)}
a:hover{color:#9A8CF5}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}

.wrap{max-width:760px;margin:0 auto;padding:32px 20px 96px}

.back{
  display:inline-flex;align-items:center;gap:7px;margin-bottom:32px;
  color:var(--fg-3);font-size:14px;text-decoration:none;
}
.back:hover{color:var(--fg)}
.back svg{width:15px;height:15px}

h1{
  color:var(--fg);font-size:clamp(26px,4vw,34px);line-height:1.2;
  letter-spacing:-.02em;margin:0 0 8px;
}
.meta{color:var(--fg-4);font-size:14px;margin:0 0 40px}

h2{
  color:var(--fg);font-size:19px;line-height:1.3;letter-spacing:-.01em;
  margin:40px 0 12px;
}
h3{color:var(--fg);font-size:16px;margin:28px 0 8px}
p{margin:0 0 14px}
ul,ol{margin:0 0 14px;padding-left:22px}
li{margin-bottom:7px}
strong{color:var(--fg)}

dl.req{
  background:var(--surface);border:1px solid var(--line);border-radius:10px;
  padding:20px 22px;margin:24px 0;display:grid;gap:10px;
}
dl.req div{display:flex;gap:10px;flex-wrap:wrap;font-size:15px}
dl.req dt{color:var(--fg-4);min-width:190px;margin:0}
dl.req dd{margin:0;color:var(--fg)}

table{width:100%;border-collapse:collapse;margin:20px 0;font-size:15px}
th,td{text-align:left;padding:11px 12px;border-bottom:1px solid var(--line);vertical-align:top}
th{color:var(--fg-4);font-size:13px;font-weight:500}

/* Заметка о том, что документ ещё не готов к публикации. Удаляется вместе с
   подстановкой настоящих реквизитов. */
.draft{
  border:1px solid #5A4415;background:#1E1709;border-radius:10px;
  padding:16px 18px;margin:0 0 32px;color:#E8C46A;font-size:14px;
}
.draft strong{color:#F0D68C}
.draft p{margin:0 0 8px}
.draft p:last-child{margin:0}
.gap{color:var(--warn);border-bottom:1px dashed var(--warn)}

footer{margin-top:56px;padding-top:24px;border-top:1px solid var(--line);color:var(--fg-4);font-size:14px}