/* Страницы документов «Школы Бенуа» (politika.html, soglasie.html, svedeniya.html):
   синяя шапка с жёлтой полосой, как подвал сайта; лист белый; заголовки Nunito, текст Nunito Sans — её брендбук. */
:root {
  --sin: #173C8C;
  --sin-t: #0F2A66;
  --zhel: #FFC70F;
  --roz: #EC0089;
  --nebo: #00A7FB;
  --tekst: #15254D;
  --tekst-2: #45537A;
  --fon: #EEF3FB;
  --zag: "Nunito", "Nunito Sans", "Arial Black", system-ui, sans-serif;
  --shrift: "Nunito Sans", "Trebuchet MS", system-ui, sans-serif;
}
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; background: var(--fon); color: var(--tekst); font: 400 16.5px/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(--sin-t); border-bottom: 6px solid var(--zhel); }
.dok-shapka .in { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 22px; padding-block: 16px; }
.dok-nazad { color: var(--zhel); font: 900 22px/1.1 var(--zag); text-decoration: none; }
.dok-nazad:hover { color: #fff; }
.dok-drugoy { color: #CFD8EE; 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-radius: 26px; overflow-wrap: break-word; }
.dok-metka { margin: 0 0 14px; color: var(--roz); font: 800 13px/1.2 var(--zag); letter-spacing: .12em; text-transform: uppercase; }
.dok h1 { margin: 0 0 12px; color: var(--sin); font: 900 clamp(28px, 5.2vw, 44px)/1.08 var(--zag); }
.dok-podzag { margin: 0 0 30px; color: var(--tekst-2); font-size: 16.5px; }
.dok h2 { margin: 36px 0 12px; color: var(--sin); font: 900 clamp(20px, 3vw, 26px)/1.2 var(--zag); }
.dok p { margin: 0 0 12px; }
.dok .punkt { position: relative; padding-left: 1.5em; }
.dok .punkt::before { content: ""; position: absolute; left: .3em; top: .62em; width: 9px; height: 9px; border-radius: 50%; background: var(--zhel); }
.dok b { color: var(--sin); font-weight: 800; }
.dok a { color: var(--sin); text-decoration-color: var(--nebo); text-decoration-thickness: 2px; text-underline-offset: 3px; }
[data-yur="inn"], [data-yur="ogrnip"], [data-yur="licenziya"], [data-yur="tel"] { white-space: nowrap; }
.pusto { padding: 0 .35em; border-radius: 4px; background: #FFE9A3; color: var(--tekst); }

/* сведения для родителей: таблица педагогов */
.sv-tabl { width: 100%; border-collapse: collapse; margin: 6px 0 14px; font-size: 15.5px; }
.sv-tabl th, .sv-tabl td { text-align: left; vertical-align: top; padding: 10px 12px; border-bottom: 1px solid #DCE4F2; }
.sv-tabl th { color: var(--sin); font: 800 13px/1.3 var(--zag); letter-spacing: .04em; text-transform: uppercase; }
.sv-obert { overflow-x: auto; }

.dok-podval { background: var(--sin-t); color: #CFD8EE; }
.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; }
  .sv-tabl { font-size: 14.5px; }
  .sv-tabl th, .sv-tabl td { padding: 8px 6px; }
}

@media print {
  body { background: #fff; color: #000; }
  .dok-shapka, .dok-podval { display: none; }
  .dok { margin: 0; padding: 0; background: none; 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; }
}