/* Оформление правовых страниц (privacy/terms/cookies) в стиле сайта «Понятно». */
:root{
  --accent:#2a6fdb; --accent-ink:#1f57b0; --accent-soft:#eaf1fd; --accent-soft-2:#f4f8ff;
  --bg:#fbfcfe; --surface:#ffffff; --ink:#15202b; --ink-2:#44515e; --ink-3:#6b7785;
  --line:#e6eaf0; --line-2:#eef1f6;
  --head:'Onest',-apple-system,BlinkMacSystemFont,sans-serif;
  --body:'Golos Text',-apple-system,BlinkMacSystemFont,sans-serif;
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.68;-webkit-font-smoothing:antialiased}
a{color:var(--accent-ink);text-decoration:none}
a:hover{text-decoration:underline}
.wrap{max-width:820px;margin:0 auto;padding:0 22px}

header{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.85);backdrop-filter:blur(14px) saturate(160%);border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;gap:16px;height:62px;max-width:820px;margin:0 auto;padding:0 22px}
.brand{display:flex;align-items:center;gap:10px;font-family:var(--head);font-weight:800;font-size:18px;color:var(--ink)}
.brand-mark{width:30px;height:30px;border-radius:9px;background:var(--accent);color:#fff;display:grid;place-items:center;box-shadow:0 5px 14px -5px rgba(42,111,219,.6)}
.nav .spacer{margin-left:auto}
.nav .back{color:var(--ink-2);font-size:14px;font-weight:500}

.doc{padding-top:40px;padding-bottom:80px}  /* горизонталь берём от .wrap */
.doc h1{font-family:var(--head);font-size:clamp(26px,3.4vw,36px);letter-spacing:-.02em;margin:0 0 6px;line-height:1.15}
.doc .meta{color:var(--ink-3);font-size:14px;margin:0 0 8px}
.doc h2{font-family:var(--head);font-size:21px;letter-spacing:-.01em;margin:34px 0 10px}
.doc h3{font-family:var(--head);font-size:17px;margin:22px 0 8px}
.doc p{margin:0 0 14px;color:var(--ink-2)}
.doc ul{margin:0 0 14px;padding-left:22px;color:var(--ink-2)}
.doc li{margin:6px 0}
.doc b,.doc strong{color:var(--ink)}
.doc hr{border:none;border-top:1px solid var(--line-2);margin:26px 0}
.callout{background:var(--accent-soft-2);border:1px solid var(--line);border-radius:14px;padding:16px 18px;color:var(--ink-2);font-size:14.5px;margin:0 0 18px}
.callout b{color:var(--ink)}
.fill{background:#fff6e5;border:1px dashed #e5c07b;border-radius:8px;padding:1px 6px;color:#8a5a00;font-weight:600;font-size:.94em}
table.stor{width:100%;border-collapse:collapse;margin:0 0 16px;font-size:14px}
table.stor th,table.stor td{text-align:left;padding:9px 12px;border:1px solid var(--line);vertical-align:top}
table.stor th{background:var(--accent-soft);color:var(--accent-ink);font-weight:700}
footer{border-top:1px solid var(--line);padding:26px 0;color:var(--ink-3);font-size:14px}
.foot{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.foot .spacer{margin-left:auto}