/* Одна таблица стилей на все страницы сайта. Без внешних ресурсов:
   домен .app в списке HSTS preload, любая посторонняя загрузка по http
   просто не состоится. */
:root {
  --canvas: #f6f5f2;
  --ink: #16150f;
  --muted: #6d6a5e;
  --hair: rgba(22, 21, 15, 0.12);
  --surface: #ffffff;
  --signal: #b8c400;
}
@media (prefers-color-scheme: dark) {
  :root {
    --canvas: #131310;
    --ink: #f2f1ea;
    --muted: #9b978a;
    --hair: rgba(242, 241, 234, 0.14);
    --surface: #1c1b17;
    --signal: #e2ee2e;
  }
}
* { box-sizing: border-box; }
body {
  margin: 0;
  padding: 0 20px 96px;
  background: var(--canvas);
  color: var(--ink);
  font: 16px/1.62 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  -webkit-font-smoothing: antialiased;
}
main { max-width: 720px; margin: 0 auto; }
header { padding: 56px 0 8px; }
h1 { font-size: 30px; font-weight: 600; letter-spacing: -0.02em; margin: 0 0 6px; }
h2 { font-size: 19px; font-weight: 600; margin: 40px 0 10px; }
h3 { font-size: 16px; font-weight: 600; margin: 26px 0 6px; }
p, li { color: var(--ink); }
.lead { font-size: 18px; color: var(--muted); margin: 0 0 4px; }
.stamp { color: var(--muted); font-size: 14px; margin: 0; }
.card {
  background: var(--surface);
  border: 1px solid var(--hair);
  border-radius: 16px;
  padding: 18px 22px;
  margin: 22px 0;
}
.card p:last-child { margin-bottom: 0; }
ul { padding-left: 20px; }
li { margin: 7px 0; }
a { color: var(--ink); text-decoration-color: var(--muted); text-underline-offset: 3px; }
a:hover { text-decoration-color: var(--ink); }
.warn { border-left: 3px solid var(--signal); padding-left: 16px; margin: 20px 0; }
nav { margin: 34px 0 0; font-size: 14px; color: var(--muted); }
nav a { margin-right: 16px; }
footer { margin-top: 56px; padding-top: 20px; border-top: 1px solid var(--hair); color: var(--muted); font-size: 14px; }
code { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 0.92em; }