File size: 2,499 Bytes
a4b9560
fc7711a
0ec6423
 
 
 
 
 
 
 
fc7711a
0ec6423
 
 
fc7711a
 
 
 
 
fef84f3
fc7711a
 
 
 
0ec6423
 
 
 
 
 
fc7711a
 
 
 
fef84f3
fc7711a
 
 
 
 
 
 
fef84f3
fc7711a
 
0ec6423
 
 
 
 
 
 
 
 
 
fc7711a
e329457
fc7711a
 
941cf22
 
0ec6423
 
 
 
 
 
fc7711a
 
941cf22
 
0ec6423
 
 
 
 
fc7711a
 
0ec6423
 
 
 
 
 
 
 
 
 
 
 
fc7711a
 
 
 
 
 
 
 
 
0ec6423
 
 
 
 
fc7711a
b9e7b9b
 
 
 
a4b9560
 
5897d8c
 
 
 
 
 
 
 
 
 
 
 
a4b9560
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
@import "https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,200..900;1,200..900&display=swap";

html {
  font-size: 16px;
  line-height: 1.6;
}

.content-grid main {
  color: var(--text-color);
}

.content-grid main p {
  margin: 0 0 var(--spacing-3);
}

.content-grid main h2 {
  font-weight: 600;
  font-size: clamp(22px, 2.6vw, 32px);
  line-height: 1.2;
  margin: var(--spacing-10) 0 var(--spacing-5);
  padding-bottom: var(--spacing-2);
  border-bottom: 1px solid var(--border-color);
}

.content-grid main h2:first-child {
  margin-top: 0;
}



.content-grid main h3 {
  font-weight: 700;
  font-size: clamp(18px, 2.1vw, 22px);
  line-height: 1.25;
  margin: var(--spacing-8) 0 var(--spacing-4);
}

.content-grid main h4 {
  font-weight: 600;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 1.2;
  margin: var(--spacing-8) 0 var(--spacing-4);
}

.content-grid main a {
  color: var(--primary-color);
  text-decoration: none;
  border-bottom: 1px solid var(--link-underline);
}

.content-grid main a:hover {
  color: var(--primary-color-hover);
  border-bottom: 1px solid var(--link-underline-hover);
}

/* Do not underline heading links inside the article (not the TOC) */
.content-grid main h2 a,
.content-grid main h3 a,
.content-grid main h4 a,
.content-grid main h5 a,
.content-grid main h6 a {
  color: inherit;
  border-bottom: none;
  text-decoration: none;
}

.content-grid main h2 a:hover,
.content-grid main h3 a:hover,
.content-grid main h4 a:hover,
.content-grid main h5 a:hover,
.content-grid main h6 a:hover {
  color: inherit;
  border-bottom: none;
  text-decoration: none;
}

.content-grid main ul,
.content-grid main ol {
  padding-left: 24px;
  margin: 0 0 var(--spacing-3);
}

.content-grid main li {
  margin-bottom: var(--spacing-2);
}

.content-grid main li:last-child {
  margin-bottom: 0;
}

.content-grid main blockquote {
  border-left: 2px solid var(--border-color);
  padding-left: var(--spacing-4);
  font-style: italic;
  color: var(--muted-color);
  margin: var(--spacing-4) 0;
}

.content-grid main hr {
  border: none;
  border-bottom: 1px solid var(--border-color);
  margin: var(--spacing-5) 0;
}

.muted {
  color: var(--muted-color);
}

[data-footnote-ref] {
  margin-left: 4px;
}

.highlight {
  /* background-color: color-mix(in srgb, var(--primary-color) 26%, transparent); */
  background-color: var(--primary-color);
  color: var(--page-bg);
  padding: 3px 6px;
  border-radius: 3px;
}

.highlight>* {
  padding: 0;
}