1*, *::before, *::after {
 2  box-sizing: border-box;
 3}
 4
 5:is(h1, h2, h3, h4, h5, h6, p, blockquote, hr, ul, ol, pre) + * {
 6  margin-top: 1rem;
 7}
 8
 9html {
10  color-scheme: light dark;
11  -webkit-text-size-adjust: 100%;
12  text-size-adjust: 100%;
13}
14
15@media (prefers-reduced-motion: no-preference) {
16  html {
17    interpolate-size: allow-keywords;
18  }
19}
20
21body {
22  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
23  max-width: 70ch;
24  margin-inline: auto;
25  padding-inline: 1rem;
26  line-height: 1.5;
27  -webkit-font-smoothing: antialiased;
28}
29
30img, picture, video, canvas, svg {
31  display: block;
32  max-width: 100%;
33  height: auto;
34}
35
36input, button, textarea, select {
37  font: inherit;
38}
39
40code, kbd, samp, pre {
41  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
42  font-size: 1em;
43}
44
45pre {
46  overflow-x: auto;
47}
48
49table {
50  border-collapse: collapse;
51  border-spacing: 0;
52}
53
54hr {
55  border: none;
56  border-top: 1px solid currentColor;
57}
58
59p, h1, h2, h3, h4, h5, h6 {
60  overflow-wrap: break-word;
61}
62
63p {
64  text-wrap: pretty;
65}
66
67h1, h2, h3, h4, h5, h6 {
68  text-wrap: balance;
69}
70
71blockquote {
72  border-inline-start: 2px solid currentColor;
73  padding-inline-start: 1ch;
74  margin: 0;
75}
76
77ul[role="list"],
78ol[role="list"] {
79  display: flex;
80  flex-direction: column;
81  gap: 0.5rem;
82  list-style: none;
83  padding: 0;
84}
85
86ul, ol {
87  padding-inline-start: 1.5rem;
88}
89
90li + li {
91  margin-top: 0.5rem;
92}
93
94li > :is(pre, blockquote) {
95  margin: 0;
96}
97