/* Оформление правовых страниц — тот же язык, что у лендинга,
   но без витрины: это документы, их читают, а не рассматривают. */
:root{
  --on-ribbon:#F7F2E8;--ribbon-acc:#D9C48A;--on-ribbon-soft:#C9BEAF;--f-display:Prata,"Times New Roman",Georgia,serif;--f-body:"Golos Text",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  --porcelain:#F7F2E8;
  --porcelain-2:#EFE7D8;
  --cocoa:#3A2C22;
  --cocoa-soft:#6B5748;
  --gold:#B08D3F;
  --gold-soft:#D9C48A;
  --ribbon:#141210;
  --line:#DDD0BB;
  --fill:#A3402F;
  color-scheme:light;
}
*{box-sizing:border-box}
body{
  margin:0;
  background:var(--porcelain);
  color:var(--cocoa);
  font-family:var(--f-body);
  font-size:16px;
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
}
.wrap{max-width:720px;margin-inline:auto;padding:0 20px}
a{color:var(--cocoa);text-underline-offset:3px}
a:hover{color:var(--gold)}
a:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:2px}

.doc-head{border-bottom:1px solid var(--line);padding-block:18px;margin-bottom:34px}
.doc-head .wrap{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.brand{font-family:var(--f-display);font-size:19px;letter-spacing:.06em;text-decoration:none;white-space:nowrap}
.brand small{display:block;font-size:9.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--gold);margin-top:1px;font-family:inherit}
.back{margin-left:auto;font-size:14px;color:var(--cocoa-soft);text-decoration:none}
.back:hover{color:var(--gold)}

h1{
  font-family:var(--f-display);font-weight:400;
  font-size:clamp(25px,4vw,34px);line-height:1.2;margin:0;text-wrap:balance;
}
.eyebrow{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);font-weight:600;display:block;margin-bottom:10px}
.updated{font-size:13px;color:var(--cocoa-soft);margin-top:12px}

h2{
  font-family:var(--f-display);font-weight:400;
  font-size:20px;margin:38px 0 0;text-wrap:balance;
}
h2 + p,h2 + ul,h2 + ol{margin-top:12px}
p{margin:14px 0 0}
ul,ol{margin:14px 0 0;padding-left:22px}
li{margin-top:7px}
li::marker{color:var(--gold)}

/* Место под реквизиты: видно издалека, пропустить невозможно */
.fill{
  background:#F6E7E3;color:var(--fill);font-weight:600;
  padding:1px 6px;border-radius:2px;white-space:nowrap;
}
.todo{
  border:1px solid var(--fill);background:#F9EFEC;
  padding:14px 16px;margin-top:28px;font-size:14px;line-height:1.55;
}
.todo b{display:block;color:var(--fill);margin-bottom:5px}

.mark{border-left:2px solid var(--gold-soft);padding-left:16px;margin-top:20px;color:var(--cocoa-soft);font-size:15px}

footer{border-top:1px solid var(--line);margin-top:56px;padding-block:24px 40px;font-size:13px;color:var(--cocoa-soft)}
footer .wrap{display:flex;gap:12px 24px;flex-wrap:wrap;justify-content:space-between}
