/* ScanLex — стили юридических страниц /terms.php и /privacy.php.
   Общая часть — css/ui.css. ⚠️ Классы .doc-head/.key/.content/.toc/.req-box используются
   и в английских телах документов (lang/en/terms_body.php, lang/en/privacy_body.php) —
   переименовывать их нельзя. */

body{background:#F7F7F8;
     background:linear-gradient(135deg,color-mix(in oklab,var(--accent) 6%,#fff) 0%,#fff 45%,color-mix(in oklab,var(--accent) 4%,#fff) 100%);
     min-height:100vh;line-height:1.7}

/* Колонка документа уже общей: длинную строку тяжело читать */
.doc{max-width:900px;margin:0 auto;padding:0 20px}
.nav .brand{margin-right:auto}   /* всё, что правее логотипа, прижато к краю */
.nav .back{color:var(--ink);font-weight:600;font-size:14px;white-space:nowrap}
.nav .back:hover{color:var(--accent);text-decoration:none}
.nav .brand img{width:28px;height:28px}

.doc-head{padding:54px 0 6px;text-align:center}
.doc-head h1{font-weight:600;font-size:clamp(28px,3.2vw,40px);line-height:1.15;
             letter-spacing:-.03em;color:var(--ink);margin:0}
.doc-head .upd{font-family:var(--mono);font-size:13px;color:var(--mute);margin-top:14px}

/* «Главное» — краткая выжимка над текстом документа */
.key{background:var(--glass);border:1px solid var(--glassb);box-shadow:var(--shadow);
     border-radius:22px;padding:26px 28px;margin:30px 0 8px;display:flex;gap:20px;align-items:flex-start}
.key .shield{flex:0 0 auto;width:52px;height:52px;border-radius:14px;background:var(--accent);
     color:#fff;display:flex;align-items:center;justify-content:center;
     box-shadow:0 12px 26px -16px rgba(37,99,235,.9)}
.key h2{font-weight:600;font-size:19px;line-height:1.3;letter-spacing:-.02em;margin:0 0 8px}
.key p{margin:0 0 8px;font-size:15px;line-height:1.6;color:var(--mute)}
.key p:last-child{margin-bottom:0}

/* Тело документа */
.content{background:var(--glass);border:1px solid var(--glassb);box-shadow:var(--shadow);
     border-radius:22px;padding:10px 36px 36px;margin:26px 0 40px}
.content h2{font-weight:600;font-size:21px;line-height:1.3;letter-spacing:-.02em;
     color:var(--ink);margin:34px 0 10px}
.content h3{font-weight:600;font-size:16px;line-height:1.35;color:var(--ink);margin:24px 0 6px}
.content p{margin:10px 0;font-size:15.5px;line-height:1.7;color:var(--mute)}
.content ul{margin:10px 0;padding-left:0;list-style:none}
.content li{position:relative;padding:6px 0 6px 24px;font-size:15.5px;line-height:1.65;color:var(--mute)}
.content li:before{content:"";position:absolute;left:5px;top:15px;width:6px;height:6px;
     border-radius:50%;background:var(--accent)}
.content strong,.content b{color:var(--ink);font-weight:600}

.toc{background:rgba(255,255,255,.6);border:1px solid var(--line);border-radius:16px;
     padding:20px 24px;margin:18px 0 8px}
.toc h3{font-family:var(--mono);font-weight:500;font-size:11px;letter-spacing:.12em;
     text-transform:uppercase;color:var(--mute);margin:0 0 10px}
.toc ol{margin:0;padding-left:20px}
.toc li{padding:3px 0;font-size:14.5px;color:var(--mute)}
.toc li:before{display:none}

.req-box{background:rgba(255,255,255,.6);border:1px solid var(--line);border-radius:16px;
     padding:20px 24px;margin-top:8px}
.req-box p{margin:4px 0;font-size:15px;line-height:1.6}

@media(max-width:680px){
  .doc{padding:0 16px}
  .doc-head{padding-top:38px}
  .key{flex-direction:column;gap:14px;padding:22px 20px;border-radius:18px}
  .content{padding:6px 20px 26px;border-radius:18px}
  .toc,.req-box{padding:16px 18px}
}