/* Страницы документов «Души Пармы» (politika.html, soglasie.html) — 28.09.2026.
   Та же ночь, что на сайте: фон #0F0E0D, текст цвета бересты #F2EDE8, фирменная терракота.
   Заголовки — Stem Extra Light, подписи — Stem Bold разрядкой (как «над-заголовки» разделов),
   абзацы — Arial, как разрешает руководство по стилю. Лист документа открывает фирменный узор —
   та же лента, что в подвале сайта. При печати — чёрным по белому. */
:root {
  --noch: #0F0E0D;
  --noch-2: #141312;
  --liniya: rgba(254, 254, 254, .1);
  --liniya-2: rgba(254, 254, 254, .2);
  --tekst: #F2EDE8;
  --tekst-2: rgba(242, 237, 232, .8);
  --tekst-3: rgba(242, 237, 232, .52);
  --terra: #AE4C2F;
  --terra-sv: #D8805E;
  --terra-sv2: #F0BFA8;
  --zag: "Stem", "Arial", sans-serif;
  --shrift: Arial, "Helvetica Neue", Helvetica, sans-serif;
}
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; background: var(--noch); }
body {
  margin: 0;
  background: var(--noch);
  color: var(--tekst-2);
  font: 400 16px/1.72 var(--shrift);
  -webkit-font-smoothing: antialiased;
  overflow-wrap: break-word;
}
::selection { background: rgba(174, 76, 47, .45); color: #fff; }
:focus-visible { outline: 2px solid var(--terra-sv); 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(15, 14, 13, .94); }
.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(--tekst); font: 700 11px/1.3 var(--zag); letter-spacing: .3em; text-transform: uppercase; text-decoration: none; }
.dok-nazad:hover { color: var(--terra-sv2); }
.dok-drugoy { color: var(--terra-sv); font-size: 14px; text-underline-offset: 4px; text-decoration-color: rgba(216, 128, 94, .45); }
.dok-drugoy:hover { color: var(--terra-sv2); }

.dok {
  position: relative;
  margin-block: clamp(22px, 4vw, 48px);
  padding: clamp(40px, 5.6vw, 66px) clamp(18px, 4.4vw, 48px) 50px;
  border: 1px solid var(--liniya-2);
  border-radius: 6px;
  background: linear-gradient(155deg, rgba(254, 254, 254, .06), rgba(254, 254, 254, .015));
  box-shadow: 0 50px 110px -50px rgba(0, 0, 0, .9);
}
.dok::before {   /* фирменный узор — лента, как над подвалом сайта */
  content: ""; position: absolute; left: 0; right: 0; top: 14px; height: 26px; pointer-events: none;
  background: url(brend/uzor-terra.svg) center/38px 26px repeat-x; opacity: .5;
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 18%, #000 82%, transparent);
  mask-image: linear-gradient(90deg, transparent, #000 18%, #000 82%, transparent);
}
.dok-metka { margin: 0 0 16px; color: var(--terra-sv); font: 700 10.5px/1.3 var(--zag); letter-spacing: .3em; text-transform: uppercase; }
.dok h1 { margin: 0 0 14px; color: var(--tekst); font: 200 clamp(30px, 5.2vw, 50px)/1.08 var(--zag); letter-spacing: -.01em; }
.dok-podzag { margin: 0 0 34px; color: var(--tekst-3); font-size: 15.5px; }
.dok h2 { margin: 42px 0 14px; color: var(--tekst); font: 200 clamp(22px, 3vw, 28px)/1.2 var(--zag); }
.dok p { margin: 0 0 12px; }
.dok .punkt { position: relative; padding-left: 1.7em; }
.dok .punkt::before {   /* ромбик терракоты — из фирменного узора */
  content: ""; position: absolute; left: .45em; top: .62em; width: 7px; height: 7px;
  background: var(--terra-sv); transform: rotate(45deg);
}
.dok b { color: var(--tekst); font-weight: 700; }
.dok a { color: var(--terra-sv); text-decoration-color: rgba(216, 128, 94, .45); text-decoration-thickness: 1px; text-underline-offset: 3px; }
.dok a:hover { color: var(--terra-sv2); }
.dok p[id] { scroll-margin-top: 24px; }
.dok p:target { margin-inline: -12px; padding: 8px 12px; border-radius: 6px; background: rgba(174, 76, 47, .16); }
[data-yur="inn"], [data-yur="tel"] { white-space: nowrap; }
.pusto { padding: 0 .35em; border-radius: 3px; background: rgba(174, 76, 47, .3); color: var(--tekst); }

.dok-podval { border-top: 1px solid var(--liniya); color: var(--tekst-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(--tekst); text-underline-offset: 3px; text-decoration-color: rgba(242, 237, 232, .3); }
.dok-podval a:hover { color: var(--terra-sv2); }

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

@media print {
  html, 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; }
  .pusto { background: none; }
}