/* Страницы документов «Голубых озёр» (politika.html, soglasie.html) — 15.10.2026, запуск на голубыеозера45.рф.
   Как сайт: шапка — дубовые рейки потолка терм (как подвал сайта), документ — светлый полированный камень,
   разделы отмечены светящейся голубой полосой — LED-подсветкой ресепшена терм с эскиза Леонида.
   Заголовки — Cormorant, текст — Ysabeau Office (шрифты сайта, shrifty.css). При печати — чёрным по белому. */
:root {
  --dub: #9a6236;
  --dub-temn: #5e3a1f;
  --krem: #efe7da;
  --krem-svet: #f7f2ea;
  --goluboy-glub: #6f93bd;
  --nebo-tekst: #41617f;
  --kamen: #3a4a55;
  --kamen-temn: #24303a;
  --led: #f4fbff;
  --led-oreol: rgba(186, 226, 255, .75);
  --chernila: #2a2520;
  --chernila-2: #5f554b;
  --zag: "Cormorant", "Cormorant Garamond", Georgia, "Times New Roman", serif;
  --txt: "Ysabeau Office", "Segoe UI", -apple-system, Roboto, sans-serif;
  --reyki:
    linear-gradient(180deg, rgba(255, 228, 196, .10), rgba(28, 15, 7, .30)),
    repeating-linear-gradient(90deg, rgba(255, 226, 190, .07) 0 54px, rgba(0, 0, 0, .07) 54px 108px, rgba(255, 226, 190, .02) 108px 198px),
    repeating-linear-gradient(90deg, #a56b3c 0 12px, #8b5830 12px 14px, #2a180c 14px 18px);
}
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; background: var(--krem); color: var(--chernila); font: 400 17px/1.68 var(--txt); -webkit-font-smoothing: antialiased; }
::selection { background: var(--led-oreol); color: var(--chernila); }
:focus-visible { outline: 3px solid var(--goluboy-glub); outline-offset: 3px; border-radius: 4px; }
.in { max-width: 860px; margin: 0 auto; padding: 0 24px; }

.dok-shapka { color: #f3e9dc; padding: 20px 0 70px; background: linear-gradient(180deg, rgba(20, 12, 6, .5), rgba(20, 12, 6, .72)), var(--reyki); }
.dok-shapka .in { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
.dok-nazad { font: 500 26px/1.1 var(--zag); color: #f3e9dc; text-decoration: none; }
.dok-nazad:hover { color: var(--led); text-shadow: 0 0 14px var(--led-oreol); }
.dok-drugoy { font: 600 14px/1.2 var(--txt); letter-spacing: .04em; color: #f3e9dc; text-decoration: none; padding: 10px 18px; border-radius: 999px; box-shadow: inset 0 0 0 1px rgba(243, 233, 220, .5); }
.dok-drugoy:hover { color: var(--led); box-shadow: inset 0 0 0 1px var(--led), 0 0 16px rgba(186, 226, 255, .35); }

.dok { position: relative; margin-top: -44px; margin-bottom: 72px; padding-top: 54px; padding-bottom: 48px; background: var(--krem-svet); border-radius: 6px; box-shadow: 0 1px 0 rgba(255, 255, 255, .8) inset, 0 18px 50px -24px rgba(36, 48, 58, .45); }
/* LED-полоса по верхнему краю листа — как подсветка стойки терм */
.dok::before { content: ""; position: absolute; left: 24px; right: 24px; top: 0; height: 3px; border-radius: 0 0 3px 3px; background: var(--led); box-shadow: 0 0 12px 2px var(--led-oreol), 0 0 2px var(--goluboy-glub); }
.dok-metka { margin: 0 0 14px; font: 700 12.5px/1.2 var(--txt); letter-spacing: .2em; text-transform: uppercase; color: var(--dub); }
.dok h1 { margin: 0; font: 500 clamp(34px, 5.2vw, 50px)/1.08 var(--zag); color: var(--kamen-temn); }
.dok-podzag { margin: 10px 0 30px; font-size: 18px; color: var(--chernila-2); }
.dok h2 { position: relative; margin: 40px 0 12px; padding-left: 22px; font: 600 27px/1.2 var(--zag); color: var(--kamen-temn); }
.dok h2::before { content: ""; position: absolute; left: 0; top: .22em; bottom: .22em; width: 4px; border-radius: 4px; background: var(--led); box-shadow: 0 0 8px 1px var(--led-oreol), 0 0 1px var(--goluboy-glub); }
.dok p { margin: 0 0 12px; }
.dok .punkt { position: relative; padding-left: 24px; }
.dok .punkt::before { content: ""; position: absolute; left: 5px; top: .7em; width: 9px; height: 2px; border-radius: 2px; background: var(--dub); }
.dok b { font-weight: 700; color: var(--kamen-temn); }
.dok a { color: var(--nebo-tekst); text-decoration-thickness: 1px; text-underline-offset: 3px; }
.dok a:hover { color: var(--dub); }
.dok p[id] { scroll-margin-top: 24px; }
.dok p:target { background: rgba(186, 226, 255, .35); border-radius: 6px; box-shadow: 0 0 0 8px rgba(186, 226, 255, .35); }
[data-yur="tel"] { white-space: nowrap; }
.pusto { background: rgba(196, 143, 94, .28); border-radius: 4px; padding: 0 4px; }

.dok-podval { background: var(--kamen-temn); color: rgba(243, 233, 220, .72); padding: 30px 0 36px; font-size: 14px; }
.dok-podval .in { display: flex; flex-direction: column; gap: 4px; }
.dok-podval p { margin: 0; }
.dok-podval a { color: rgba(243, 233, 220, .92); text-underline-offset: 3px; }
.dok-podval a:hover { color: var(--led); }

@media (max-width: 600px) {
  body { font-size: 16px; }
  .dok-shapka { padding-bottom: 58px; }
  .dok-nazad { font-size: 23px; }
  .dok { margin-left: 10px; margin-right: 10px; padding: 42px 18px 30px; }
  .dok::before { left: 14px; right: 14px; }
  .dok h1 { font-size: 32px; }
  .dok h2 { font-size: 24px; padding-left: 18px; }
}

@media print {
  html, body { background: #fff; color: #000; font-size: 12pt; }
  .dok-shapka, .dok-podval { display: none; }
  .dok { margin: 0; padding: 0; background: #fff; box-shadow: none; max-width: none; }
  .dok::before { display: none; }
  .dok h1, .dok h2, .dok b, .dok a, .dok-metka, .dok-podzag { color: #000; }
  .dok h2::before, .dok .punkt::before { background: #000; box-shadow: none; }
  .dok h2 { break-after: avoid; }
  .pusto { background: none; }
}