/* CSS Document — современная версия */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.55;
  color: #333;
  background-color: #fff;
  margin: 50px auto;
  max-width: 950px;
  padding-inline: 1rem;
}
h1 {
  font-family: "Montserrat", -apple-system, sans-serif;
  font-size: 1.5rem;
  font-weight: bold;
  border-bottom: 1px dashed #ccc;
}
h1 sup {
  font-size: 0.8rem;
  font-weight: normal;
  font-style: italic;
  color: #005f82;
}
h2 {
  font-family: "Montserrat", -apple-system, sans-serif;
  font-size: 1.25rem;
  font-weight: bold;
  border-bottom: 1px dashed #ccc;
  margin-top: 1.5em;
}
ul {
  list-style-type: square;
  list-style-position: outside;
  padding-left: 1.5em;
}
ul ul { padding-left: 1.2em; }
a:link, a:visited {
  color: #c33;
  font-weight: bold;
  text-decoration: underline;
  text-underline-offset: 0.15em;
}
a:hover { color: #f00; text-decoration: none; }
a:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}
#counter {
  font-size: 0.8rem;
  font-weight: bold;
  color: #666;
  text-align: center;
  margin-top: 20px;
}
.inv {
  color: #fff;
  background-color: #666;
  padding: 0 3px;
}
#image {
  float: left;
  border: 1px solid #ccc;
  display: block;
}
#about { padding-left: 135px; font-size: 0.9rem; }

@media (prefers-color-scheme: dark) {
  body { color: #e0e0e0; background-color: #1a1a1a; }
  h1, h2 { border-bottom-color: #444; }
  h1 sup { color: #5eb8d4; }
  a:link, a:visited { color: #e07c7c; }
  a:hover { color: #ff9999; }
  #counter { color: #999; }
  #image { border-color: #444; }
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  img { image-rendering: pixelated; }
}

address {
  font-style: normal;
}