/* Документы: политика конфиденциальности и согласие. Цвета и шрифт берутся из site.css. */
:root{--ph:#FFF0B8}
.doc{display:grid;grid-template-columns:240px minmax(0,1fr);gap:clamp(24px,5vw,72px);padding-block:clamp(24px,5vw,56px) 40px}
.toc{position:sticky;top:96px;align-self:start;font-size:14px}
.toc b{display:block;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:500;margin-bottom:10px}
.toc ol{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.toc a{display:block;padding:6px 10px;border-radius:8px;text-decoration:none;color:var(--muted)}
.toc a:hover{background:var(--surface);color:var(--ink)}
@media (max-width:900px){.doc{grid-template-columns:1fr}.toc{display:none}}

.doc article{max-width:46em;min-width:0}
.doc h1{font-size:clamp(2rem,4.4vw,3rem);line-height:1.08}
.doc .meta{margin-top:14px;color:var(--muted);font-size:15px}
.doc .lead{margin-top:24px;font-size:18px;padding:18px 20px;border-radius:16px;background:var(--surface);border:1px solid var(--line)}
.doc h2{font-size:clamp(1.3rem,2.2vw,1.6rem);letter-spacing:-.02em;font-weight:600;margin:48px 0 14px;line-height:1.2;scroll-margin-top:96px}
.doc article p{line-height:1.65}
.doc article p + p{margin-top:12px}
.doc article ul{margin:12px 0 0;padding-left:22px;display:grid;gap:6px;line-height:1.6}
.doc article a{color:var(--accent)}
.req{margin:12px 0 0;border:1px solid var(--line);border-radius:16px;background:var(--surface);overflow:hidden}
.req div{display:grid;grid-template-columns:minmax(0,220px) minmax(0,1fr);gap:4px 20px;padding:12px 18px;border-top:1px solid var(--line)}
.req div:first-child{border-top:0}
.req dt{color:var(--muted);font-size:15px}
.req dd{margin:0}
@media (max-width:560px){.req div{grid-template-columns:1fr}}
.ph{background:var(--ph);color:inherit;padding:0 .2em;border-radius:4px}
.doc .note{margin-top:40px;padding:16px 18px;border-radius:14px;background:var(--warm);font-size:15px}