/* Общий стиль трёх страниц сайта. Отдельным файлом, а не в каждой странице:
   документы правятся редко, но правятся все сразу. */

body { max-width: 44rem; margin: 3rem auto; padding: 0 1.2rem;
       font: 16px/1.6 system-ui, -apple-system, "Segoe UI", sans-serif;
       color: #1c1c22; background: #fff; }
h1 { font-size: 1.8rem; margin-bottom: .3rem; }
h2 { font-size: 1.15rem; margin-top: 2.2rem; }
h3 { font-size: 1rem; margin-top: 1.6rem; }
.sub { color: #666; margin-top: 0; }
a { color: #2a5db0; }
code { background: #f0f0f4; border-radius: 4px; padding: .1em .35em; font-size: .9em; }
hr { border: none; border-top: 1px solid #e3e3e8; margin: 3rem 0; }
footer { margin-top: 3rem; padding-top: 1.2rem; border-top: 1px solid #e3e3e8;
         color: #666; font-size: .9rem; }

@media (prefers-color-scheme: dark) {
  body { color: #e8e8f0; background: #14141a; }
  .sub, footer { color: #9a9aa8; }
  a { color: #8fa6ee; }
  code { background: #23232e; }
  hr, footer { border-color: #2e2e3a; }
}