/* Headora.ai — страницы юридических документов. Токены и шапка — из main.css / headora.css. */

.legal-page{padding-block:48px 80px}
.legal-page .wrap{max-width:860px}

.doc-tabs{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:0 -4px 32px;padding:4px}
.doc-tabs::-webkit-scrollbar{display:none}
.doc-tabs a{flex:none;display:inline-flex;align-items:center;height:40px;padding:0 16px;border-radius:999px;border:1px solid var(--line);color:var(--muted);text-decoration:none;font:500 14px/1 var(--f-body);transition:color .2s,border-color .2s}
.doc-tabs a:hover{color:var(--text);border-color:var(--line-2)}
.doc-tabs a[aria-current="page"]{color:var(--on-accent);background:var(--accent);border-color:var(--accent)}

.doc-head{display:grid;gap:12px;margin-bottom:28px}
.doc-head h1{font-size:clamp(24px,6.4vw,40px);line-height:1.14;hyphens:auto;-webkit-hyphens:auto;overflow-wrap:break-word}
.doc-meta{display:flex;flex-wrap:wrap;gap:6px 18px;font:500 13px/1.4 var(--f-mono);color:var(--dim)}

.doc-toc{margin:0 0 36px;padding:18px 20px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}
.doc-toc b{display:block;font:500 11px/1 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--dim);margin-bottom:12px}
.doc-toc ol{margin:0;padding-left:20px;display:grid;gap:6px;font-size:15px}
.doc-toc a{color:var(--text);text-decoration:none}
.doc-toc a:hover{color:var(--accent)}

.doc{font-size:16.5px;line-height:1.72;color:var(--text);max-width:72ch}
.doc h2{font-size:clamp(18px,2.2vw,22px);line-height:1.3;hyphens:auto;-webkit-hyphens:auto;overflow-wrap:break-word;color:var(--text);margin:44px 0 14px;scroll-margin-top:90px}
.doc p{margin:0 0 12px}
.doc .n{font:500 14px/1 var(--f-mono);color:var(--accent);margin-right:6px}
.doc ul{margin:0 0 12px;padding-left:22px;display:grid;gap:6px}
.doc strong{color:var(--text);font-weight:600}
.doc a{color:var(--accent);text-underline-offset:3px}
.doc .todo{color:var(--text);background:color-mix(in srgb,var(--gold) 12%,transparent);border-bottom:1px dashed var(--gold);white-space:nowrap}
.doc code{font:400 14px var(--f-mono);background:var(--surface-2);padding:2px 6px;border-radius:6px}

.doc-req{margin-top:44px;padding:20px;border-radius:16px;border:1px solid var(--line);background:var(--surface);display:grid;gap:6px;font-size:15px}
.doc-req b{color:var(--text)}

.consent{font-size:12.5px;line-height:1.5;color:var(--dim)}
.consent a{color:var(--muted);text-underline-offset:3px}

@media (max-width:720px){
  .legal-page{padding-block:28px 56px}
  .doc{font-size:16px}
  .doc h2{margin-top:36px}
  .doc .todo{white-space:normal}
}

/* Узкие экраны: на главную ведёт логотип */
@media (max-width:380px){.hdr-home{display:none}}

/* Пометка «это перевод, приоритет у русской версии» — одна тихая строка под заголовком */
.doc-note{margin:2px 0 0;padding:10px 14px;border-radius:12px;background:var(--surface-2);font-size:13.5px;line-height:1.45;color:var(--muted)}
.doc-note a{color:var(--accent);text-underline-offset:3px}
/* Документ внутри приложения (?app=1): без шапки и футера сайта — закрывается кнопкой встроенного браузера */
.in-app .hdr,.in-app .ftr,.in-app .hda-fab,.in-app .lang-hint,.in-app .lang-menu{display:none!important}
.in-app body{padding-top:env(safe-area-inset-top,0px)}
.in-app main{padding-top:8px}