/* Страницы документов «Vконтейнере» (politika.html, soglasie.html): тот же светлый строгий вид, что у сайта —
   Montserrat, графит, квадратные углы, тёплая подложка; шапка и подвал тёмные, как подвал сайта. */
:root {
  --fon: #FFFFFF;
  --fon-2: #F7F3EE;
  --temn: #1F1F1F;
  --t: #232323;
  --t2: #5F5F5F;
  --linia: #E6E2DC;
  --akcent: #77716B;
  --zoloto: #B8B2AB;
  --shrift: "Montserrat", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
}
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0;
  background: var(--fon-2);
  color: var(--t);
  font: 400 16px/1.7 var(--shrift);
  -webkit-font-smoothing: antialiased;
  overflow-wrap: break-word;
}
.in { max-width: 880px; margin: 0 auto; padding-left: clamp(16px, 4vw, 40px); padding-right: clamp(16px, 4vw, 40px); }

.dok-shapka { background: var(--temn); }
.dok-shapka .in { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 24px; padding-block: 18px; }
.dok-nazad { color: #fff; font: 500 15px/1.2 var(--shrift); letter-spacing: .04em; text-decoration: none; }
.dok-nazad:hover { color: var(--zoloto); }
.dok-drugoy { color: var(--zoloto); font-size: 14px; text-underline-offset: 3px; }
.dok-drugoy:hover { color: #fff; }

.dok { margin-block: clamp(20px, 4vw, 44px); padding: clamp(28px, 5vw, 56px) clamp(16px, 4vw, 40px) 48px; background: var(--fon); border: 1px solid var(--linia); }
.dok-metka { margin: 0 0 14px; color: var(--akcent); font-size: 12px; font-weight: 500; letter-spacing: .18em; text-transform: uppercase; }
.dok h1 { margin: 0 0 12px; font: 500 clamp(25px, 4.4vw, 38px)/1.15 var(--shrift); letter-spacing: -.01em; }
.dok-podzag { margin: 0 0 32px; color: var(--t2); font-size: 16px; }
.dok h2 { margin: 38px 0 12px; font: 500 clamp(19px, 2.6vw, 23px)/1.25 var(--shrift); }
.dok p { margin: 0 0 12px; }
.dok .punkt { position: relative; padding-left: 1.6em; }
.dok .punkt::before { content: ""; position: absolute; left: .35em; top: .72em; width: 7px; height: 7px; background: var(--akcent); }
.dok b { font-weight: 600; }
.dok a { color: var(--t); text-decoration-color: var(--akcent); text-decoration-thickness: 1px; text-underline-offset: 3px; }
.dok a:hover { color: var(--akcent); }
[data-yur="inn"], [data-yur="ogrnip"], [data-yur="tel"] { white-space: nowrap; }
.pusto { padding: 0 .35em; background: #F0E7D8; color: var(--t); }

.dok-podval { background: var(--temn); color: var(--zoloto); }
.dok-podval .in { display: flex; flex-wrap: wrap; gap: 6px 28px; padding-block: 24px 34px; font-size: 13px; line-height: 1.7; }
.dok-podval p { margin: 0; }
.dok-podval a { color: #fff; text-underline-offset: 3px; text-decoration-color: rgba(255, 255, 255, .35); }

@media (max-width: 600px) {
  .dok { margin-block: 0; border-left: 0; border-right: 0; }
}

@media print {
  body { background: #fff; }
  .dok-shapka, .dok-podval { display: none; }
  .dok { margin: 0; padding: 0; border: 0; }
  .dok .punkt::before { background: #000; }
  .pusto { background: none; }
}