:root {
  --background: #fafafa;
  --main-text: #222;
  --lightgray: #eee;
  --darkgray: #111;
  --link: #0072d6;
  --black: #000;
}

/* Базовые стили страницы */
body {
  background: var(--background);
  color: var(--main-text);
  font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 1.1em;
  font-weight: 400;
  line-height: 1.5em;
  margin: auto;
  max-width: 620px;
  padding: 2rem;
}

/* Заголовки и текст */
h1, h2, strong {
  color: var(--darkgray);
}

h1 {
  font-size: 2.1em;
  line-height: 1.2em;
}

h2 {
  font-size: 1.4em;
  margin-top: 1.3em;
  margin-bottom: 0.2em;
}

p {
  margin-top: 0.5em;
  margin-bottom: 1em;
}

/* Ссылки */
a {
  color: var(--link);
}

/* Списки */
ul {
  margin-top: 0.5em;
}

li {
  margin-top: 0.5em;
  margin-bottom: 0.66em;
}

/* Медиа-контент */
img {
  margin: 1rem 0;
  max-width: 100%;
  height: auto; /* Добавлено для корректного масштабирования */
}

hr {
  border: 0;
  border-top: 1px solid var(--lightgray);
}

/* Адаптивность для мобильных устройств */
@media (max-width: 600px) {
  ul {
    list-style-position: outside;
    padding-left: 1.2em;
  }
}