/* VGD — базовая типографика для шапки и футера на СТРАНИЦАХ БЕЗ site.css
   (раздел /docs/ и любая чужая вёрстка).
   Всё завёрнуто в :where() — специфичность нулевая, поэтому файл безопасен
   и на vgd.ru: там его перебивают и chrome.css, и site.css. Ничего, кроме хрома,
   не трогает: содержимое страниц остаётся на своих стилях. */

:where(body) { margin: 0; }
:where(.vgd-header, .site-footer, a.skip, #vgd-nav-more),
:where(.vgd-header, .site-footer, #vgd-nav-more) :where(*),
:where(.vgd-header, .site-footer, #vgd-nav-more) :where(*)::before,
:where(.vgd-header, .site-footer, #vgd-nav-more) :where(*)::after { box-sizing: border-box; }
:where(.vgd-header, .site-footer) {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 1.55;
  color: #454545;
  -webkit-text-size-adjust: 100%;
}
:where(.vgd-header, .site-footer) :where(img) { max-width: 100%; height: auto; border: 0; display: block; }
:where(.vgd-header, .site-footer) :where(ul, ol) { padding-left: 1.2em; }
:where(.vgd-header, .site-footer) :where(p) { margin: 7px 0 14px; }
:where(.vgd-header, .site-footer) :where(h1, h2, h3, h4) { line-height: 1.25; margin: 0 0 0.5em; font-weight: 700; }
:where(.vgd-header, .site-footer) :where(a) { color: var(--green-2); text-decoration: underline; }
:where(.vgd-header, .site-footer) :where(a:hover) { color: var(--green-deep); }
:where(.vgd-header, .site-footer) :where(a:focus, button:focus, input:focus, [tabindex]:focus) { outline: 2px solid var(--green); outline-offset: 2px; }