/* Страницы документов «Ситниковских бань» (politika.html, soglasie.html) — 25.09.2026.
   Тот же вечер, что на сайте: ночной фон, текст цвета бересты, янтарный свет. Заголовки — Noto Serif
   узким начертанием, подписи — Oswald капителью, текст — Geist. Лист документа — как чек «Ваш вечер»:
   тонкая рамка и светящийся янтарный шов сверху. При печати — чёрным по белому. */
:root {
  --noch: #0a0f11;
  --noch-2: #0e1517;
  --liniya: rgba(242, 234, 219, .11);
  --liniya-2: rgba(242, 234, 219, .2);
  --beresta: #f2eadb;
  --tekst: rgba(242, 234, 219, .86);
  --beresta-3: rgba(242, 234, 219, .52);
  --yantar: #efb66a;
  --yantar-2: #ffdcaa;
  --f-zag: "Noto Serif", "Georgia", serif;
  --f-cap: "Oswald", "Arial Narrow", sans-serif;
  --f-txt: "Geist", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0;
  background: var(--noch);
  color: var(--tekst);
  font: 400 16px/1.72 var(--f-txt);
  -webkit-font-smoothing: antialiased;
  overflow-wrap: break-word;
}
::selection { background: rgba(239, 182, 106, .35); color: #fff; }
:focus-visible { outline: 2px solid var(--yantar); outline-offset: 3px; }
.in { max-width: 860px; margin: 0 auto; padding-left: clamp(16px, 4vw, 40px); padding-right: clamp(16px, 4vw, 40px); }

.dok-shapka { border-bottom: 1px solid var(--liniya); background: rgba(9, 13, 15, .92); }
.dok-shapka .in { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 24px; padding-block: 18px; }
.dok-nazad { color: var(--beresta); font: 400 13px/1.2 var(--f-cap); letter-spacing: .2em; text-transform: uppercase; text-decoration: none; }
.dok-nazad:hover { color: var(--yantar-2); }
.dok-drugoy { color: var(--yantar); font-size: 14px; text-underline-offset: 4px; text-decoration-color: rgba(239, 182, 106, .45); }
.dok-drugoy:hover { color: var(--yantar-2); }

.dok {
  position: relative;
  margin-block: clamp(22px, 4vw, 48px);
  padding: clamp(30px, 5vw, 58px) clamp(18px, 4.4vw, 48px) 50px;
  border: 1px solid var(--liniya-2);
  border-radius: 26px;
  background: linear-gradient(180deg, rgba(255, 248, 235, .055), rgba(255, 248, 235, .018));
  box-shadow: 0 50px 110px -50px rgba(0, 0, 0, .9);
}
.dok::before {   /* светящийся шов — как у чека «Ваш вечер» на главной */
  content: ""; position: absolute; left: 28px; right: 28px; top: -1px; height: 1px; pointer-events: none;
  background: linear-gradient(90deg, transparent, var(--yantar-2), transparent);
  box-shadow: 0 0 16px 1px rgba(239, 182, 106, .6);
}
.dok-metka { margin: 0 0 16px; color: var(--yantar); font: 400 12.5px/1.3 var(--f-cap); letter-spacing: .26em; text-transform: uppercase; }
.dok h1 { margin: 0 0 14px; color: var(--beresta); font: 300 clamp(32px, 5.4vw, 52px)/1.06 var(--f-zag); font-stretch: 72%; }
.dok-podzag { margin: 0 0 34px; color: var(--beresta-3); font-size: 15.5px; }
.dok h2 { margin: 42px 0 14px; color: var(--beresta); font: 400 clamp(23px, 3vw, 29px)/1.2 var(--f-zag); font-stretch: 78%; }
.dok p { margin: 0 0 12px; }
.dok .punkt { position: relative; padding-left: 1.7em; }
.dok .punkt::before {
  content: ""; position: absolute; left: .4em; top: .66em; width: 7px; height: 7px; border-radius: 50%;
  background: var(--yantar); box-shadow: 0 0 10px rgba(239, 182, 106, .55);
}
.dok b { color: var(--beresta); font-weight: 600; }
.dok a { color: var(--yantar); text-decoration-color: rgba(239, 182, 106, .45); text-decoration-thickness: 1px; text-underline-offset: 3px; }
.dok a:hover { color: var(--yantar-2); }
.dok p[id] { scroll-margin-top: 24px; }
.dok p:target { margin-inline: -12px; padding: 8px 12px; border-radius: 10px; background: rgba(239, 182, 106, .1); }   /* пришли из окна о cookie */
[data-yur="inn"], [data-yur="tel"] { white-space: nowrap; }
.pusto { padding: 0 .35em; border-radius: 4px; background: rgba(239, 182, 106, .2); color: var(--beresta); }

.dok-podval { border-top: 1px solid var(--liniya); color: var(--beresta-3); }
.dok-podval .in { display: flex; flex-wrap: wrap; gap: 6px 28px; padding-block: 24px 36px; font-size: 13px; line-height: 1.7; }
.dok-podval p { margin: 0; }
.dok-podval a { color: var(--beresta); text-underline-offset: 3px; text-decoration-color: rgba(242, 234, 219, .3); }
.dok-podval a:hover { color: var(--yantar-2); }

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

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