@import url('tokens.css');

html { height: auto; }
body {
  margin: 0; min-height: 100%; overflow: auto;
  background: var(--void); color: var(--ink-2);
  font: 400 16px / 1.6 var(--font-sans);
  -webkit-font-smoothing: antialiased;
  user-select: text;
}
.doc {
  max-width: 72ch;
  margin: 0 auto;
  padding: 32px 20px 64px;
}
.doc__back { margin: 0 0 24px; }
.doc__back a, .doc a { color: var(--ink-1); }
h1, h2 { font-weight: 500; color: var(--ink-1); font-family: var(--font-display); }
h1 { font-size: 34px; line-height: 1.2; margin: 0 0 8px; }
h2 { font-size: 21px; line-height: 1.3; margin: 28px 0 8px; }
p, li { margin: 0 0 12px; }
ul { padding-left: 1.2em; }
.doc__meta { color: var(--ink-3); font-size: 13px; }