/* ═══════════════════════════════════════════════════════════
   СудБокс — страницы документов: политика ПД, согласие, конфиденциальность, оферта.
   Страницы собирает cases-src/_build/build_legal.py из .docx заказчика.
   ═══════════════════════════════════════════════════════════ */

.phero .lmeta{margin-top:18px;font-size:14px;color:var(--mercury)}
/* «конфиденциальности» в 34 px шире колонки узкого телефона */
@media(max-width:440px){.phero h1.display{font-size:min(34px,8vw)}}
/* к якорю — сразу, без плавной прокрутки: иначе после подгрузки шрифта заголовок уезжает */
html:has(.legal-grid){scroll-behavior:auto}

.legal-grid{display:grid;grid-template-columns:250px minmax(0,1fr);gap:64px;align-items:start;padding-bottom:40px}

/* слева: список документов и содержание (на десктопе прилипает) */
.laside{position:sticky;top:108px;display:flex;flex-direction:column;gap:30px;max-height:calc(100vh - 128px);overflow:hidden}
.ldocs{flex:none}
.ldocs{display:flex;flex-direction:column;border-top:1px solid var(--line)}
.ldocs a{display:block;padding:12px 0 12px 16px;border-bottom:1px solid var(--line);font-size:14px;line-height:1.35;color:#66615d;position:relative;transition:color .2s}
.ldocs a:hover{color:var(--carbon)}
.ldocs a.on{color:var(--carbon)}
.ldocs a.on::before{content:"";position:absolute;left:1px;top:18px;width:6px;height:6px;background:var(--red)}
/* прокручивается только содержание; у края колесо продолжает прокручивать страницу */
.ltoc{display:flex;flex-direction:column;gap:2px;min-height:0;overflow-y:auto;padding-right:6px}
.ltoc .lh{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--mercury);margin-bottom:8px}
.ltoc a{font-size:13.5px;line-height:1.35;color:#66615d;padding:5px 0;transition:color .2s}
.ltoc a:hover{color:var(--blue)}

/* текст документа */
.legal{max-width:780px;min-width:0}
.legal h2{font-weight:400;font-size:clamp(20px,2.2vw,25px);line-height:1.25;letter-spacing:-.005em;margin:46px 0 16px;scroll-margin-top:12px} /* + scroll-padding-top:100px у html */
.legal h3{font-weight:500;font-size:16.5px;line-height:1.35;margin:30px 0 8px}
.legal p,.legal li{font-size:16px;line-height:1.65;color:var(--carbon)}
.legal p{margin:0 0 12px}
.legal ul{margin:0 0 16px;padding-left:22px}
.legal li{margin-bottom:6px}
.legal li::marker{color:var(--mercury)}
.legal .cl{color:var(--mercury);font-variant-numeric:tabular-nums}
.legal a{color:var(--blue);text-decoration:underline;text-decoration-color:rgba(0,60,115,.35);text-underline-offset:3px;overflow-wrap:anywhere}
.legal a:hover{text-decoration-color:currentColor}
.legal .lfill{border-bottom:1px dashed var(--red);color:var(--red)}

/* таблицы «ключ — значение»: цели обработки, реквизиты */
.kv{width:100%;border-collapse:collapse;margin:8px 0 22px;font-size:15px;line-height:1.55}
.kv th,.kv td{text-align:left;vertical-align:top;border-top:1px solid var(--line);padding:12px 0}
.kv tr:last-child th,.kv tr:last-child td{border-bottom:1px solid var(--line)}
.kv th{width:34%;padding-right:20px;font-weight:500;color:var(--carbon)}
.kv td{color:#4a4542;overflow-wrap:anywhere}

/* «Коротко» — пересказ, не часть документа */
.lsum{border:1px solid var(--line);border-radius:24px;background:rgba(255,255,255,.62);padding:26px 28px;margin-bottom:12px}
.lsum ul{margin:14px 0 12px;padding-left:20px}
.lsum li{font-size:15.5px;line-height:1.55;margin-bottom:6px}
.lsum small{display:block;font-size:12.5px;line-height:1.5;color:var(--mercury)}

@media(max-width:1000px){
  .legal-grid{grid-template-columns:minmax(0,1fr);gap:26px}
  .laside{position:static;max-height:none;overflow:visible;padding:0}
  .ltoc{display:none}
  /* документы — строкой с прокруткой */
  .ldocs{flex-direction:row;gap:8px;border:0;overflow-x:auto;scrollbar-width:none;margin:0 -20px;padding:0 20px 4px}
  .ldocs::-webkit-scrollbar{display:none}
  .ldocs a{flex:none;white-space:nowrap;border:1px solid var(--line);border-radius:var(--r-pill);padding:10px 16px;background:rgba(255,255,255,.55)}
  .ldocs a.on{background:var(--carbon);border-color:var(--carbon);color:#fff}
  .ldocs a.on::before{display:none}
}
@media(min-width:601px) and (max-width:1000px){.ldocs{margin:0 -28px;padding:0 28px 4px}}
@media(max-width:600px){
  .kv th,.kv td{display:block;width:auto;padding:0}
  .kv th{padding-top:12px;padding-bottom:3px;font-size:13.5px;color:var(--mercury);font-weight:400}
  .kv td{border-top:0;padding-bottom:12px}
  .kv tr:last-child th{border-bottom:0}
  .lsum{padding:22px 20px}
}

/* печать: только документ */
@media print{
  header.site,footer.site,.laside,.lsum,.ckb{display:none!important}
  body{background:#fff}
  .phero{padding-top:0}
  .legal-grid{display:block}
  .legal a{color:inherit;text-decoration:none}
}