/* Страницы документов «МЕГА ХИМ ОИЛ» (politika.html, soglasie.html): тёмно-синяя шапка с оранжевой чертой, как подвал сайта;
   лист белый, заголовки Montserrat, номера и реквизиты — JetBrains Mono, как паспорт качества. Тема — всегда светлая: документ для печати. */
:root {
  --siniy: #0A5797;
  --siniy-t: #0A2440;
  --oranzh: #F96C0C;
  --tekst: #0E1B2B;
  --tekst-2: #4A5A6E;
  --liniya: #D5DEE8;
  --fon: #EEF2F7;
  --shrift: "Montserrat", "Segoe UI", Arial, system-ui, sans-serif;
  --mono: "JetBrains Mono", ui-monospace, Menlo, Consolas, monospace;
}
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; background: var(--fon); color: var(--tekst); font: 400 16px/1.7 var(--shrift); }
.in { max-width: 860px; margin: 0 auto; padding-left: clamp(16px, 5vw, 40px); padding-right: clamp(16px, 5vw, 40px); }

.dok-shapka { background: var(--siniy-t); border-bottom: 4px solid var(--oranzh); }
.dok-shapka .in { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 22px; padding-block: 16px; }
.dok-nazad { color: #fff; font: 800 19px/1.1 var(--shrift); letter-spacing: .02em; text-decoration: none; }
.dok-nazad:hover { color: #FFB27A; }
.dok-drugoy { color: #B9C8DA; font-size: 14px; text-underline-offset: 3px; }
.dok-drugoy:hover { color: #fff; }

.dok { margin-block: clamp(22px, 5vw, 48px); padding-block: clamp(30px, 6vw, 56px) 48px; background: #fff; border: 1px solid var(--liniya); border-radius: 22px; overflow-wrap: break-word; }
.dok-metka { margin: 0 0 14px; color: #C4520A; font: 500 12px/1.2 var(--mono); letter-spacing: .15em; text-transform: uppercase; }
.dok h1 { margin: 0 0 12px; color: var(--siniy-t); font: 800 clamp(26px, 4.6vw, 40px)/1.12 var(--shrift); letter-spacing: -.02em; }
.dok-podzag { margin: 0 0 30px; color: var(--tekst-2); font-size: 16px; }
.dok h2 { margin: 36px 0 12px; color: var(--siniy-t); font: 700 clamp(19px, 2.6vw, 23px)/1.25 var(--shrift); letter-spacing: -.01em; }
.dok p { margin: 0 0 12px; }
.dok .punkt { position: relative; padding-left: 1.5em; }
.dok .punkt::before { content: ""; position: absolute; left: .25em; top: .6em; width: 8px; height: 8px; border-radius: 2px; background: var(--oranzh); transform: rotate(45deg); }
.dok b { color: var(--siniy-t); font-weight: 700; }
.dok a { color: var(--siniy); text-decoration-color: rgba(249, 108, 12, .6); text-decoration-thickness: 2px; text-underline-offset: 3px; }
[data-yur="inn"], [data-yur="ogrnip"], [data-yur="tel"] { white-space: nowrap; font-family: var(--mono); font-size: .92em; }
.pusto { padding: 0 .35em; border-radius: 4px; background: #FFE3CC; color: var(--tekst); }

.dok-podval { background: var(--siniy-t); color: #B9C8DA; }
.dok-podval .in { display: flex; flex-wrap: wrap; gap: 6px 24px; padding-block: 22px 34px; font-size: 13px; line-height: 1.6; }
.dok-podval p { margin: 0; }
.dok-podval a { color: #fff; text-underline-offset: 3px; text-decoration-color: rgba(255, 255, 255, .35); }

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

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