/* Оферта, политика, согласие, контакты. Поверх style.css: берём цвета,
   логотип и подвал, а текст — в обычных пикселях, чтобы читалось на любом экране. */

.legal-header{border-bottom:1px solid #EDEEEC;background:var(--page)}
.legal-header .header-inner{height:64px;gap:16px}
.legal-back{
  display:inline-flex;align-items:center;gap:8px;margin-left:auto;
  height:38px;padding:0 16px;border:1px solid var(--line);border-radius:999px;background:#fff;
  font-size:14px;font-weight:600;color:var(--ink);white-space:nowrap;
  transition:border-color .15s,background-color .15s;
}
.legal-back:hover{border-color:var(--lime-deep);background:var(--lime)}

.doc{max-width:780px;margin:0 auto;padding:40px 22px 64px;color:var(--text);font-size:16px;line-height:1.6}
.doc h1{font-family:var(--display);font-weight:400;font-size:clamp(28px,5vw,40px);line-height:1.1;letter-spacing:.03em;color:var(--ink)}
.doc-date{margin-top:12px;font-size:14px;color:var(--gray)}
.doc-lead{margin-top:22px;font-size:17px}
.doc h2{margin:40px 0 12px;font-size:21px;line-height:1.3;font-weight:700;color:var(--ink)}
.doc h3{margin:22px 0 8px;font-size:17px;font-weight:700;color:var(--ink)}
.doc p{margin:0 0 12px}
.doc ul,.doc ol{margin:0 0 14px;padding-left:22px}
.doc li{margin:0 0 6px}
.doc a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--lime-deep);text-decoration-thickness:2px;text-underline-offset:3px}
.doc a:hover{background:var(--lime)}
.doc strong{color:var(--ink)}

/* оглавление длинных документов */
.doc-toc{margin:28px 0 8px;padding:18px 22px;border-radius:16px;background:var(--plate)}
.doc-toc p{margin:0 0 6px;font-weight:700;color:var(--ink)}
.doc-toc ol{margin:0;padding-left:20px;columns:2;column-gap:28px;font-size:15px}
.doc-toc li{margin:0 0 4px;break-inside:avoid}
.doc-toc a{text-decoration:none}
.doc-toc a:hover{text-decoration:underline}

/* реквизиты и сводки */
.doc-card{margin:18px 0;padding:18px 22px;border:1px solid var(--line);border-radius:16px;background:#fff}
.req{display:grid;grid-template-columns:minmax(120px,200px) 1fr;gap:6px 18px;margin:0}
.req dt{color:var(--gray)}
.req dd{margin:0;color:var(--ink);overflow-wrap:anywhere}

.doc-table{width:100%;margin:10px 0 16px;border-collapse:collapse;font-size:15px}
.doc-table th,.doc-table td{padding:10px 12px;border:1px solid var(--line);text-align:left;vertical-align:top}
.doc-table th{background:var(--plate);color:var(--ink);font-weight:700}

.doc-note{margin:18px 0;padding:14px 18px;border-left:4px solid var(--lime);background:#F7FEE6;border-radius:0 12px 12px 0}

/* каналы поддержки на странице контактов */
.ways{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:16px 0 8px}
.way{display:block;padding:18px 20px;border:1px solid var(--line);border-radius:16px;background:#fff;text-decoration:none!important;transition:border-color .15s,transform .15s}
.way:hover{border-color:var(--lime-deep);transform:translateY(-2px);background:#fff!important}
.way b{display:block;margin-bottom:4px;font-size:17px;color:var(--ink)}
.way span{display:block;font-size:14px;color:var(--gray)}

@media (max-width:640px){
  .legal-header .header-inner{height:58px}
  .legal-back{height:36px;padding:0 12px;font-size:13px}
  .doc{padding:28px 16px 48px;font-size:15.5px}
  .doc h2{margin-top:32px;font-size:19px}
  .doc-toc ol{columns:1}
  .req{grid-template-columns:1fr;gap:0}
  .req dd{margin-bottom:8px}
  .ways{grid-template-columns:1fr}
  .doc-table{font-size:14px}
  .doc-table th,.doc-table td{padding:8px}
}

@media print{
  .legal-header,.site-footer,.doc-toc{display:none}
  .doc{padding:0;max-width:none}
}