:root {
  --mist: #edf2f7;
  --dusk: #c7d6e6;
  --ink: #1f2938;
  --soft: #596678;
}

* { box-sizing: border-box; }
html, body { margin: 0; min-height: 100%; }
body {
  font-family: Palatino, "Palatino Linotype", "Times New Roman", serif;
  color: var(--ink);
  background: linear-gradient(160deg, var(--mist), var(--dusk) 55%, #e0e6ef);
}

a { color: var(--ink); }
.mark {
  font-size: 28px;
  font-weight: 600;
  margin: 0 0 12px;
}
.mark a { text-decoration: none; }

.hero {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 48px 28px 64px;
  max-width: 520px;
}
.tag { font-size: 18px; color: var(--soft); margin: 0 0 20px; }
.line { font-size: 16px; line-height: 1.5; margin: 0 0 28px; color: var(--soft); }
.store { font-size: 14px; color: var(--soft); margin: 0 0 32px; }
.links { display: flex; gap: 20px; font-size: 14px; }

.doc {
  max-width: 640px;
  padding: 48px 28px 80px;
  line-height: 1.55;
}
.doc h1 { font-size: 28px; font-weight: 600; margin: 8px 0 8px; }
.doc h2 { font-size: 18px; margin: 28px 0 8px; }
.doc .meta { font-size: 13px; color: var(--soft); margin: 0 0 24px; }
.doc ul { padding-left: 1.2em; }
.doc li { margin: 0 0 10px; }