/* ============================================================
   office-lawyer.ru — страница политики конфиденциальности
============================================================ */
:root{
  --ink:#0c1118; --paper:#ede4d0; --dim:rgba(237,228,208,.62);
  --brass:#c8a45d; --brass-b:#e6c887; --line:rgba(237,228,208,.14);
  --disp:'Prata',Georgia,serif; --body:'Manrope',system-ui,sans-serif; --mono:'JetBrains Mono',monospace;
}
*{margin:0;padding:0;box-sizing:border-box}
html{color-scheme:dark;scroll-behavior:smooth}
body{font-family:var(--body);color:var(--paper);line-height:1.7;overflow-x:hidden;
  background:radial-gradient(900px 500px at 90% -10%,rgba(200,164,93,.07),transparent 60%),var(--ink)}
::selection{background:var(--brass);color:#171106}
a{color:var(--brass);text-decoration:none;border-bottom:1px solid rgba(200,164,93,.35);transition:color .25s,border-color .25s}
a:hover{color:var(--brass-b);border-color:var(--brass-b)}
.wrap{width:min(780px,92vw);margin-inline:auto}

.topbar{border-bottom:1px solid var(--line);background:rgba(12,17,24,.85)}
.topbar__inner{display:flex;align-items:center;justify-content:space-between;gap:16px;height:64px}
.brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none;border:none}
.brand__mark{width:34px;height:34px;border:1px solid var(--brass);color:var(--brass);
  display:grid;place-items:center;font-family:var(--disp);font-size:19px}
.brand__name{font-family:var(--mono);font-size:12px;letter-spacing:.16em;text-transform:uppercase}
.back{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase}

main{padding:clamp(44px,7vw,80px) 0 90px}
.kicker{font-family:var(--mono);font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--brass);
  display:flex;align-items:center;gap:14px}
.kicker::before{content:"";width:42px;height:1px;background:var(--brass);opacity:.6}
h1{font-family:var(--disp);font-weight:400;font-size:clamp(1.7rem,3vw + .5rem,2.9rem);line-height:1.2;margin:18px 0 14px}
.meta{font-family:var(--mono);font-size:11px;color:var(--dim);letter-spacing:.06em}

.toc{margin:36px 0;border:1px solid var(--line);padding:22px 26px}
.toc h2{font-family:var(--mono);font-weight:500;font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--dim);margin-bottom:12px}
.toc ol{list-style:none;counter-reset:toc;columns:2;column-gap:32px}
.toc li{counter-increment:toc;margin:7px 0;font-size:.9rem;break-inside:avoid}
.toc li::before{content:counter(toc,decimal-leading-zero);font-family:var(--mono);font-size:.75rem;color:var(--brass);margin-right:10px}
.toc a{color:var(--paper);border-color:transparent}
.toc a:hover{color:var(--brass-b)}

section{margin-top:44px;scroll-margin-top:24px}
section h2{font-family:var(--disp);font-weight:400;font-size:clamp(1.2rem,1.6vw + .4rem,1.55rem);
  margin-bottom:14px;display:flex;gap:14px;align-items:baseline}
section h2 .n{font-family:var(--mono);font-size:.75rem;color:var(--brass);letter-spacing:.15em}
section p, section li{color:var(--dim);font-size:.95rem;margin-bottom:10px}
section ul{padding-left:22px}
section li{margin-bottom:6px}
strong{color:var(--paper);font-weight:600}
.callout{border-left:2px solid var(--brass);background:rgba(200,164,93,.05);padding:16px 20px;margin:18px 0;font-size:.9rem;color:var(--dim)}

footer{border-top:1px solid var(--line);padding:36px 0 48px}
footer p{font-family:var(--mono);font-size:10.5px;color:var(--dim);letter-spacing:.06em;line-height:2}

@media (max-width:639px){
  .toc ol{columns:1}
  .topbar__inner{flex-wrap:wrap;height:auto;padding:12px 0}
}
@media print{
  body{background:#fff;color:#111}
  section p,section li{color:#222}
  .topbar,.toc{display:none}
}