/* Страницы документов «Приезжай» (politika.html, soglasie.html) — 28.09.2026, запуск на priezai.ru.
   Та же стена, что на первом экране сайта: графитовый профнастил в шапке, подвал — ночь. Сам документ —
   светлый лист цвета снега, как мятные стены внутри домика. Заголовки — Yanone Kaffeesatz прописными,
   текст — Mulish (шрифты сайта, shrifty.css). Подписи — мятные, пункты отмечены меткой тропы
   (бело-красно-белая, как маркировка маршрутов) — единственный красный на странице. При печати — чёрным по белому. */
:root {
  --grafit: #1B2329;
  --grafit-2: #232E35;
  --noch: #12181C;
  --myata: #8ED3B0;
  --myata-2: #B5E4CC;
  --myata-t: #2E7D5B;
  --myata-bl: #D8EDE3;
  --sneg: #F2F6F4;
  --chern: #1B2329;
  --chern-2: #4B5A55;
  --liniya: #CFDDD6;
  --svet: #EAF2EE;
  --svet-2: #A9BBB3;
  --metka: #E03A2B;
  --zag: "Yanone Kaffeesatz", "Arial Narrow", sans-serif;
  --txt: "Mulish", "Segoe UI", Arial, sans-serif;
}
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; background: var(--grafit); }
body {
  margin: 0;
  background: var(--grafit);
  color: var(--chern-2);
  font: 400 16.5px/1.7 var(--txt);
  font-synthesis: none;
  -webkit-font-smoothing: antialiased;
  overflow-wrap: break-word;
}
::selection { background: var(--myata-2); color: var(--chern); }
:focus-visible { outline: 2px solid var(--myata); outline-offset: 3px; }
.in { max-width: 880px; margin: 0 auto; padding-left: clamp(16px, 4vw, 40px); padding-right: clamp(16px, 4vw, 40px); }

.dok-shapka {
  color: var(--svet);
  background: repeating-linear-gradient(90deg, #1B2329 0 24px, #212B32 24px 27px, #1E282E 27px 31px, #161D22 31px 34px, #1B2329 34px 42px);
}
.dok-shapka .in { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 24px; padding-block: 20px; }
.dok-nazad { color: var(--svet); font: 700 26px/1 var(--zag); text-transform: uppercase; letter-spacing: .03em; text-decoration: none; }
.dok-nazad:hover { color: var(--myata); }
.dok-drugoy { color: var(--myata); font-size: 14.5px; text-underline-offset: 4px; text-decoration-color: rgba(142, 211, 176, .45); }
.dok-drugoy:hover { color: var(--myata-2); }

.dok {
  margin-block: clamp(20px, 4vw, 44px);
  padding: clamp(34px, 5vw, 60px) clamp(18px, 4.6vw, 54px) 46px;
  border-radius: 18px;
  background: var(--sneg);
  box-shadow: 0 30px 80px rgba(0, 0, 0, .42);
}
.dok-metka {
  display: flex; align-items: center; gap: 11px; width: fit-content;
  margin: 0 0 14px; color: var(--myata-t);
  font: 700 12.5px/1.3 var(--txt); letter-spacing: .16em; text-transform: uppercase;
}
.dok-metka::before {
  content: ""; display: block; flex: none; width: 24px; height: 13px; border-radius: 1px;
  background: linear-gradient(#fff 0 32%, var(--metka) 32% 68%, #fff 68%);
  box-shadow: 0 0 0 1px rgba(27, 35, 41, .22);
}
.dok h1 { margin: 0 0 12px; color: var(--chern); font: 700 clamp(38px, 5.4vw, 60px)/.95 var(--zag); text-transform: uppercase; letter-spacing: .005em; }
.dok-podzag { margin: 0 0 30px; color: var(--chern-2); font-size: 15.5px; }
.dok h2 {
  margin: 40px 0 14px; padding-top: 22px; border-top: 1px solid var(--liniya);
  color: var(--chern); font: 700 clamp(25px, 3vw, 31px)/1.1 var(--zag); text-transform: uppercase; letter-spacing: .01em;
}
.dok p { margin: 0 0 12px; }
.dok .punkt { position: relative; padding-left: 30px; }
.dok .punkt::before {   /* метка тропы, как у подписей разделов сайта */
  content: ""; position: absolute; left: 2px; top: .56em; width: 16px; height: 9px; border-radius: 1px;
  background: linear-gradient(#fff 0 32%, var(--metka) 32% 68%, #fff 68%);
  box-shadow: 0 0 0 1px rgba(27, 35, 41, .25);
}
.dok b { color: var(--chern); font-weight: 700; }
.dok a { color: var(--myata-t); text-decoration-color: rgba(46, 125, 91, .45); text-decoration-thickness: 1px; text-underline-offset: 3px; }
.dok a:hover { color: var(--chern); }
.dok p[id] { scroll-margin-top: 24px; }
.dok p:target { margin-inline: -12px; padding: 8px 12px; border-radius: 10px; background: var(--myata-bl); }
[data-yur="tel"] { white-space: nowrap; }
.pusto { padding: 0 .35em; border-radius: 4px; background: var(--myata-bl); color: var(--chern); }

.dok-podval { background: var(--noch); color: var(--svet-2); }
.dok-podval .in { display: flex; flex-wrap: wrap; gap: 6px 28px; padding-block: 26px 40px; font-size: 13.5px; line-height: 1.7; }
.dok-podval p { margin: 0; }
.dok-podval a { color: var(--svet); text-underline-offset: 3px; text-decoration-color: rgba(234, 242, 238, .3); }
.dok-podval a:hover { color: var(--myata); }

@media (max-width: 600px) {
  body { font-size: 16px; }
  .dok { margin-block: 0; border-radius: 0; box-shadow: none; }
}

@media print {
  html, body { background: #fff; color: #000; }
  .dok-shapka, .dok-podval { display: none; }
  .dok { margin: 0; padding: 0; background: none; box-shadow: none; border-radius: 0; }
  .dok h1, .dok h2, .dok b, .dok a, .dok-metka, .dok-podzag { color: #000; }
  .dok h2 { border-color: #999; }
  .pusto { background: none; }
}