/* Правовой раздел: длинный текст на языке лендинга.
   Никаких рамок вокруг блоков — разделение светом и волосяной линией, как на
   остальном сайте. Ширина колонки держится в 68ch: юридический текст читают
   целиком, и строка длиннее просто не дочитывается. */

.lg{padding-top:34px;padding-bottom:40px}

.lg__nav{font-size:13.5px}
@media(max-width:1180px){.lg__nav a{padding:9px 10px}}
@media(max-width:900px){.lg__nav{display:none}}

.lg__head{max-width:70ch;padding:26px 0 44px}
.lg__head h1{margin-top:18px;font-size:clamp(38px,5.2vw,66px)}
.lg__head .sig{color:var(--honey-2)}
.lg__lede{margin-top:22px;color:var(--mute);font-size:18px;line-height:1.6;max-width:58ch}

.lg__meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px 20px;margin-top:28px;
  font-family:var(--sw-mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--dim)}
.lg__swap{padding:8px 13px;border:0;border-radius:8px;cursor:pointer;background:var(--veil);
  color:var(--text);font:inherit;letter-spacing:.12em;text-transform:uppercase;transition:background .2s,color .2s}
.lg__swap:hover{background:var(--honey);color:var(--ink)}
.lg__swap:focus-visible{outline:2px solid var(--honey);outline-offset:2px}

.lg__grid{display:grid;grid-template-columns:230px minmax(0,1fr);gap:64px;align-items:start}

/* Оглавление стоит рядом и не уезжает: в договоре ищут пункт, а не читают подряд. */
.lg__toc{position:sticky;top:96px;max-height:calc(100vh - 130px);overflow:auto;
  padding-right:8px;scrollbar-width:thin}
.lg__toc .sig{color:var(--dim);margin-bottom:14px}
.lg__toc ol{margin:0;padding:0;list-style:none}
.lg__toc a{display:grid;grid-template-columns:26px 1fr;gap:6px;padding:6px 0;
  color:var(--mute);font-size:13.5px;line-height:1.35;transition:color .2s}
.lg__toc a:hover{color:var(--honey)}
.lg__toc i{font-style:normal;font-family:var(--sw-mono);font-size:10px;color:var(--dim);padding-top:2px}

.lg__body{max-width:68ch;font-size:16.5px;line-height:1.72;color:var(--mute)}
.lg__sec{padding:0 0 46px;scroll-margin-top:96px}
.lg__sec h2{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:baseline;
  margin-bottom:20px;font-size:clamp(22px,2.5vw,29px);line-height:1.1;color:var(--text)}
.lg__sec h2 i{font-style:normal;font-family:var(--sw-mono);font-size:11px;color:var(--honey-2);
  letter-spacing:.1em}
.lg__sec h3{margin-bottom:18px;font-size:22px;color:var(--text)}
.lg__body p{margin:0 0 16px}
.lg__body b{color:var(--text);font-weight:600}
.lg__body a{color:var(--text);box-shadow:inset 0 -1px 0 var(--veil-2);transition:box-shadow .2s,color .2s}
.lg__body a:hover{color:var(--honey);box-shadow:inset 0 -1px 0 var(--honey)}
.lg__body ul{margin:0 0 18px;padding:0;list-style:none}
.lg__body li{position:relative;padding:0 0 10px 22px}
.lg__body li::before{content:"";position:absolute;left:2px;top:11px;width:6px;height:6px;
  background:var(--honey);opacity:.65;
  clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}
.lg__body code{font-family:var(--sw-mono);font-size:.86em;color:var(--text)}

/* Таблицы без сетки: строки разделяет волосяная линия, шапка — моноширинная. */
.tbl{margin:0 0 20px}
.tbl__r{display:grid;grid-template-columns:1fr 1fr;gap:6px 20px;padding:12px 0;font-size:14.5px;
  box-shadow:0 1px 0 var(--veil)}
.tbl__r:has(span:nth-child(3)){grid-template-columns:1fr 1fr 1fr}
.tbl__r:has(span:nth-child(4)){grid-template-columns:.9fr .9fr 1.6fr .8fr}
.tbl__r span:first-child{color:var(--text)}
.tbl__h{font-family:var(--sw-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;
  color:var(--dim)}
.tbl__h span:first-child{color:var(--dim)}

.req{margin-top:4px}
.kv{display:grid;grid-template-columns:minmax(140px,.7fr) 1.3fr;gap:8px 20px;padding:11px 0;
  font-size:14.5px;box-shadow:0 1px 0 var(--veil)}
.kv span{color:var(--dim)}
.kv b{font-weight:500;color:var(--text);overflow-wrap:anywhere}

/* Незаполненный реквизит виден и в вёрстке, и в исходнике: подставлять
   правдоподобное значение в юридический текст нельзя. */
.fill{color:var(--honey);font-weight:500;
  box-shadow:inset 0 -1px 0 rgba(233,185,63,.45);white-space:nowrap}

/* Витрина раздела */
.lg__cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2px;
  margin-bottom:70px}
.lg__card{display:flex;flex-direction:column;gap:10px;padding:30px 28px 26px;
  background:var(--veil);transition:background .3s,transform .3s}
.lg__card:hover{background:rgba(233,185,63,.07);transform:translateY(-3px)}
.lg__card .sig{color:var(--honey-2)}
.lg__card h3{font-size:25px;color:var(--text)}
.lg__card p{margin:0;color:var(--mute);font-size:14.5px;line-height:1.6}
.lg__card-go{margin-top:auto;padding-top:14px;font-family:var(--sw-mono);font-size:10px;
  letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}
.lg__card:hover .lg__card-go{color:var(--honey)}

.lg__hubfoot{display:grid;grid-template-columns:1fr 1fr;gap:64px;max-width:none}
.lg__hubfoot h3{margin-bottom:18px;font-size:22px;color:var(--text)}
.lg__hubfoot p{color:var(--mute);font-size:16px;line-height:1.7;max-width:52ch}

.foot__in--legal{grid-template-columns:1.6fr 1fr 1fr}

@media(max-width:940px){
  .lg__grid{grid-template-columns:1fr;gap:34px}
  .lg__toc{position:static;max-height:none;overflow:visible}
  .lg__toc ol{columns:2;column-gap:26px}
  .lg__hubfoot{grid-template-columns:1fr;gap:40px}
}
@media(max-width:640px){
  .lg{padding-top:18px}
  .lg__head{padding-bottom:30px}
  .lg__toc ol{columns:1}
  .lg__body{font-size:16px}
  .tbl__r,.tbl__r:has(span:nth-child(3)),.tbl__r:has(span:nth-child(4)),
  .kv{grid-template-columns:1fr;gap:4px}
  .tbl__h{display:none}
}

/* Договор печатают и подшивают: на бумаге фон, оглавление и подвал не нужны. */
@media print{
  .field,.nav,.foot,.lg__toc,.lg__swap{display:none}
  .lg__grid{grid-template-columns:1fr}
  .lg__doc[hidden]{display:none}
  .lg__body{max-width:none;color:#111;font-size:11pt}
  .lg__body b,.lg__sec h2,.lg__sec h3,.kv b{color:#000}
  .lg__sec{page-break-inside:avoid;padding-bottom:20px}
  a{color:#000;box-shadow:none}
}