/* Страницы документов «Дайв Тур» (politika.html, soglasie.html) — 20.10.2026, запуск на divetour-anapa.ru.
   Как спуск сайта: шапка — глубина с полосой «лагуна → бирюза → ультрамарин», лист — светлая табличка дайвера
   на пене, пункты — бирюзовые пузырьки, подвал — бездна. Шрифты сайта — Unbounded, Manrope, JetBrains Mono
   (shrifty.css). При печати — чёрным по белому. */
:root {
  --ultra: #2430E8;
  --biryuza: #19B6C8;
  --laguna: #BDF2EC;
  --glubina: #0B1452;
  --bezdna: #040824;
  --buy: #FF6A2C;
  --pena: #F2FBFF;
  --chernila: #071033;
  --seryy: #4A5578;
  --cherta: #C9D3DB;
  --zag: "Unbounded", "Arial Black", sans-serif;
  --tekst: "Manrope", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --mono: "JetBrains Mono", ui-monospace, Menlo, Consolas, monospace;
}
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; background: #DDF6F4; }
body { margin: 0; background: #DDF6F4; color: var(--chernila); font: 400 17px/1.65 var(--tekst); -webkit-font-smoothing: antialiased; }
::selection { background: var(--ultra); color: #fff; }
:focus-visible { outline: 2px solid var(--ultra); outline-offset: 3px; }
.in { max-width: 900px; margin: 0 auto; padding: 0 24px; }

.dok-shapka { position: relative; background: var(--glubina); color: var(--pena); padding: 22px 0 80px; }
.dok-shapka::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 5px; background: linear-gradient(90deg, var(--laguna), var(--biryuza) 45%, var(--ultra)); }
.dok-shapka .in { display: flex; align-items: center; justify-content: space-between; gap: 14px; flex-wrap: wrap; }
.dok-nazad { font: 700 18px/1.2 var(--zag); letter-spacing: -.02em; color: #fff; text-decoration: none; }
.dok-nazad:hover { color: var(--laguna); }
.dok-drugoy { font: 700 14px/1 var(--tekst); color: #fff; text-decoration: none; padding: 12px 22px; border-radius: 999px; background: var(--buy); }
.dok-drugoy:hover { background: #FF8A55; }

.dok { position: relative; margin-top: -46px; margin-bottom: 72px; padding-top: 34px; padding-bottom: 46px; background: linear-gradient(160deg, #FBFDFE, #EEF4F7); border-radius: 30px; box-shadow: 0 44px 90px -46px rgba(4, 8, 36, .55), inset 0 0 0 1px rgba(255, 255, 255, .9); }
.dok::before, .dok::after { content: ""; position: absolute; top: 16px; width: 12px; height: 12px; border-radius: 50%; background: var(--bezdna); box-shadow: inset 0 2px 3px rgba(0, 0, 0, .6); }
.dok::before { left: 16px; }
.dok::after { right: 16px; }
.dok-metka { position: relative; margin: 0 0 28px; padding: 0 190px 14px 0; border-bottom: 1px dashed var(--cherta); font: 700 12px/1.4 var(--mono); letter-spacing: .12em; text-transform: uppercase; color: #46507A; }
.dok-metka::after { content: "divetour-anapa.ru"; position: absolute; top: 0; right: 0; text-transform: none; letter-spacing: .04em; color: var(--biryuza); }
.dok h1 { margin: 0; font: 700 clamp(26px, 4vw, 40px)/1.1 var(--zag); letter-spacing: -.03em; color: var(--glubina); text-wrap: balance; }
.dok-podzag { margin: 12px 0 8px; font-size: 18px; color: var(--seryy); max-width: 60ch; }
.dok h2 { margin: 36px 0 14px; padding-top: 22px; border-top: 1px dashed var(--cherta); font: 700 20px/1.25 var(--zag); letter-spacing: -.02em; color: var(--glubina); }
.dok p { margin: 0 0 12px; }
.dok .punkt { position: relative; padding-left: 28px; }
.dok .punkt::before { content: ""; position: absolute; left: 4px; top: .5em; width: 11px; height: 11px; border-radius: 50%; border: 2px solid var(--biryuza); background: rgba(25, 182, 200, .18); }
.dok b { font-weight: 700; }
.dok a { color: var(--ultra); text-decoration-thickness: 1px; text-underline-offset: 3px; }
.dok a:hover { color: var(--glubina); }
.dok p[id] { scroll-margin-top: 24px; }
.dok p:target { background: #E6FAF8; border-radius: 10px; box-shadow: 0 0 0 10px #E6FAF8; }
[data-yur="tel"], [data-yur="inn"], [data-yur="ogrnip"] { white-space: nowrap; }
.pusto { background: rgba(255, 106, 44, .14); color: #C2410C; border-radius: 4px; padding: 0 4px; }

.dok-podval { background: var(--bezdna); color: rgba(242, 251, 255, .7); padding: 30px 0 calc(36px + env(safe-area-inset-bottom)); font: 500 13px/1.6 var(--mono); letter-spacing: .02em; }
.dok-podval .in { display: flex; flex-direction: column; gap: 4px; }
.dok-podval p { margin: 0; }
.dok-podval a { color: var(--pena); text-underline-offset: 3px; }
.dok-podval a:hover { color: var(--laguna); }

@media (max-width: 600px) {
  body { font-size: 16px; }
  .in { padding: 0 18px; }
  .dok-shapka { padding-bottom: 66px; }
  .dok { margin-left: 10px; margin-right: 10px; padding: 30px 18px 30px; border-radius: 24px; }
  .dok-metka { padding-right: 0; }
  .dok-metka::after { display: none; }
  .dok h1 { font-size: 25px; }
  .dok h2 { font-size: 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, .dok::after { display: none; }
  .dok h1, .dok h2, .dok b, .dok a, .dok-metka, .dok-podzag { color: #000; }
  .dok .punkt::before { border-color: #000; background: none; }
  .dok h2 { break-after: avoid; }
  .pusto { background: none; color: #000; }
}