/* Правовые страницы: та же палитра и типографика, что на лендинге,
   но колонка шире — сплошной текст читается длиннее рекламного. */
:root{
  --paper:#F7F3EB;--surface:#FFFCF6;--ink:#22302A;--ink-soft:#5C6A62;
  --accent:#1C5C45;--accent-deep:#14442F;--accent-soft:#E2EBE3;--sand:#E7D6B8;--edge:#E6DFD1
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--paper);color:var(--ink);
  font:16px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  -webkit-font-smoothing:antialiased}
:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:6px}

a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}
a:hover{color:var(--accent-deep)}
.muted{color:var(--ink-soft)}

.doc-shell{width:100%;max-width:680px;margin:0 auto;padding:0 20px}

/* Шапка: единственная навигация — назад на лендинг */
.doc-top{padding:calc(16px + env(safe-area-inset-top)) 0 4px}
.back{display:inline-block;padding:8px 0;font-size:15px;font-weight:600;text-decoration:none}
.back:hover{text-decoration:underline}

.doc-title{margin:14px 0 6px;font-size:27px;line-height:1.16;font-weight:800;letter-spacing:-.02em}
.doc-edition{margin:0 0 22px;font-size:14px;color:var(--ink-soft)}

/* Оглавление */
.toc{margin:0 0 30px;padding:18px 20px 20px;background:var(--surface);border-radius:20px;
  box-shadow:0 2px 10px rgba(34,48,42,.06)}
.toc-title{margin:0 0 12px;font-size:12px;font-weight:600;letter-spacing:.1em;
  text-transform:uppercase;color:var(--ink-soft)}
.toc-list{margin:0;padding:0;list-style:none;counter-reset:toc}
.toc-list li{margin:0 0 2px}
.toc-list a{display:block;padding:7px 0;font-size:15px;line-height:1.4;text-decoration:none;
  border-bottom:1px solid var(--edge)}
.toc-list li:last-child a{border-bottom:0}
.toc-list a:hover{text-decoration:underline}

/* Текст документа */
.doc-section{margin:0 0 30px;scroll-margin-top:16px}
.doc-section h2{margin:0 0 12px;font-size:19px;line-height:1.25;font-weight:800;letter-spacing:-.01em}
.doc-section p{margin:0 0 12px}
.doc-section ul{margin:0 0 14px;padding-left:20px}
.doc-section li{margin:0 0 6px}
.doc-section strong{font-weight:700}

/* Таблица целей обработки: на узком экране прокручивается, а не ломает вёрстку */
.table-wrap{overflow-x:auto;margin:0 0 16px;-webkit-overflow-scrolling:touch}
.doc-section table{width:100%;min-width:420px;border-collapse:collapse;font-size:15px;background:var(--surface);
  border-radius:14px;overflow:hidden;box-shadow:0 2px 10px rgba(34,48,42,.06)}
.doc-section th,.doc-section td{padding:12px 14px;text-align:left;vertical-align:top;
  border-bottom:1px solid var(--edge)}
.doc-section thead th{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;
  color:var(--ink-soft)}
.doc-section tbody tr:last-child td{border-bottom:0}

/* Памятка водителю: шаги и подзаголовки внутри раздела */
.doc-section h3{margin:20px 0 10px;font-size:16px;font-weight:700;letter-spacing:-.01em}
.doc-section .steps{margin:0 0 14px;padding-left:22px}
.doc-section .steps li{margin:0 0 8px;padding-left:2px}
.doc-help-phone{margin:0 0 14px;padding:14px 16px;background:var(--surface);border-radius:14px;
  font-size:15px;color:var(--ink);box-shadow:0 2px 10px rgba(34,48,42,.06)}
.doc-help-phone a{font-weight:700;white-space:nowrap}

/* Подвал документа */
.doc-foot{margin-top:10px;padding:22px 0 calc(34px + env(safe-area-inset-bottom));
  border-top:1px solid var(--edge);font-size:14px;color:var(--ink-soft)}
.doc-foot p{margin:0 0 7px}
.doc-foot p:last-child{margin-bottom:0;margin-top:12px;line-height:1.5}

@media (min-width:680px){
  .doc-title{font-size:32px}
  .doc-section h2{font-size:21px}
  .toc-list{columns:2;column-gap:26px}
  .toc-list a{border-bottom:0;padding:5px 0}
}