/* общий стиль правовых страниц link.lexdeart.ru */
:root {
  --red:#E2342F; --g1:#F4F4F4; --g2:#EFEFEF; --taupe:#B8B2A5;
  --ink:#131313; --soft:#3F3F3F; --border:#DCDCDC;
}
* { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { font-family:'Jost',Arial,sans-serif; color:#1a1a1a; background:#fff; line-height:1.6; }
.wrap { max-width:820px; margin:0 auto; padding:0 24px; }

/* Закреплённая шапка и мобильное меню, 05.09.2026. Оферта длинная, без
   закрепа с середины документа не выбраться иначе как скроллом вверх. */
header { background:var(--g2); border-bottom:1px solid var(--border); padding:14px 24px;
         position:sticky; top:0; z-index:60; }
.burger { display:none; width:40px; height:40px; padding:0; background:none;
          border:1px solid var(--border); cursor:pointer;
          align-items:center; justify-content:center; flex-direction:column; gap:5px; }
.burger span { display:block; width:18px; height:2px; background:var(--ink);
               transition:transform .18s ease, opacity .18s ease; }
.burger[aria-expanded="true"] span:nth-child(1){ transform:translateY(7px) rotate(45deg); }
.burger[aria-expanded="true"] span:nth-child(2){ opacity:0; }
.burger[aria-expanded="true"] span:nth-child(3){ transform:translateY(-7px) rotate(-45deg); }
@media (prefers-reduced-motion: reduce){ .burger span { transition:none; } }
header .bar { max-width:1080px; margin:0 auto; display:flex; justify-content:space-between; align-items:center; gap:16px; }
header .logo img { height:44px; display:block; }
/* Навигация между страницами — тот же набор ссылок, что на лендах продуктов.
   Правовая страница открывается из формы, и без неё это тупик. */
.xnav { display:flex; flex-wrap:wrap; align-items:center; gap:2px 18px; }
.xnav a { font-family:'Golos Text',Arial,sans-serif; font-size:13px; color:#4a4a4a;
          text-decoration:none; padding:3px 0; border-bottom:1px solid transparent; }
.xnav a:hover { color:var(--red); border-bottom-color:var(--red); }
header .bar { flex-wrap:wrap; gap:10px 20px; }
@media (max-width:760px){
  .burger { display:flex; }
  .xnav { display:none; }
  .xnav.open { display:flex; flex-direction:column; align-items:stretch;
               order:4; width:100%; gap:0; margin-top:4px; }
  .xnav.open a { padding:12px 2px; border-bottom:1px solid var(--border); font-size:15px; }
}


.head { background:var(--g1); border-bottom:1px solid var(--border); padding:54px 0 44px; }
.head .kicker { font-family:'Golos Text',Arial,sans-serif; font-size:12.5px; letter-spacing:.18em;
  text-transform:uppercase; color:#6b6b6b; margin-bottom:14px; }
h1 { font-weight:200; font-size:clamp(28px,4.6vw,48px); text-transform:uppercase;
  color:var(--soft); line-height:1.06; }
.head .sub { font-family:Georgia,serif; font-size:clamp(17px,2.2vw,21px); font-weight:300;
  color:#2a2a2a; margin-top:18px; }
.head .rev { font-family:'Golos Text',Arial,sans-serif; font-size:13px; color:#6b6b6b; margin-top:22px; }

.doc { padding:52px 0 72px; }
.doc h2 { font-family:'Golos Text',Arial,sans-serif; font-weight:700; font-size:17px;
  text-transform:uppercase; letter-spacing:.03em; color:var(--ink);
  margin:44px 0 16px; padding-top:22px; border-top:1px solid var(--border); scroll-margin-top:96px; }
.doc h2:first-child { margin-top:0; padding-top:0; border-top:0; }
.doc p { font-size:16.5px; margin-bottom:14px; }
.doc p.cl { padding-left:0; }
.doc b { font-weight:600; }
.doc ul { list-style:none; margin:0 0 16px 0; }
.doc li { position:relative; padding:6px 0 6px 26px; font-size:16px; }
.doc li::before { content:'—'; position:absolute; left:0; top:6px; color:var(--red); }
.doc a { color:var(--red); }

.card { background:var(--g1); border:1px solid var(--border); padding:24px 26px; margin:0 0 34px; }
.card h3 { font-family:'Golos Text',Arial,sans-serif; font-size:12px; letter-spacing:.16em;
  text-transform:uppercase; color:#6b6b6b; margin-bottom:14px; }
.card dl { display:grid; grid-template-columns:auto 1fr; gap:8px 18px; font-size:15.5px; }
.card dt { color:#6b6b6b; }
.card dd { color:#1a1a1a; }
.card dd a { color:var(--red); }

.toc { background:#fff; border:1px solid var(--border); padding:22px 26px; margin-bottom:40px; }
.toc h3 { font-family:'Golos Text',Arial,sans-serif; font-size:12px; letter-spacing:.16em;
  text-transform:uppercase; color:#6b6b6b; margin-bottom:14px; }
.toc ol { list-style:none; counter-reset:t; columns:2; column-gap:32px; }
.toc li { counter-increment:t; padding:5px 0 5px 30px; position:relative; font-size:15px;
  break-inside:avoid; }
.toc li::before { content:counter(t) '.'; position:absolute; left:0; color:var(--red);
  font-family:'Golos Text',Arial,sans-serif; font-size:13px; top:6px; }
.toc a { color:#1a1a1a; text-decoration:none; border-bottom:1px solid transparent; }
.toc a:hover { border-bottom-color:var(--red); color:var(--red); }

footer { background:var(--ink); color:var(--taupe); padding:40px 24px;
  font-family:'Golos Text',Arial,sans-serif; font-size:13px; }
footer .wrap { max-width:1080px; }
footer a { color:#fff; }
footer .row { margin-bottom:10px; }

@media (max-width:640px) {
  .toc ol { columns:1; }
  .card dl { grid-template-columns:1fr; gap:2px 0; }
  .card dt { margin-top:10px; }
}
@media print {
  header, footer, .toc { display:none; }
  body { background:#fff; }
  .head { background:#fff; border:0; padding:0 0 20px; }
  .doc { padding:0; }
  .doc h2 { page-break-after:avoid; }
  a { color:#000; text-decoration:none; }
}