+.a { margin: 0 0.3em }
+pre {
+ background-color: #eee;
+ font-family: courier, monospace;
+ font-size: 0.875em;
+ max-width: 55em;
+ overflow-x: auto;
+ padding: 1em;
+}
+pre[role="img"] { display: none }
+blockquote, p, article > div {
+ max-width: 45em
+}
+blockquote {
+ border-left: 4px solid #ccc;
+ padding-left: 10px;
+}
+br { display: none }
+h1, h2, h3 {
+ font-family: "Avenir Next", "Segoe UI", "Fira Sans", "Roboto", sans-serif;
+ font-weight: 900
+}
+h1 { font-size: 4em }
+h2 {
+ font-size: 2em;
+ text-transform: lowercase;
+}
+h3 {
+ display: inline-block;
+ font-weight: 600;
+ margin-top: 1em
+}
+
+h2, h3, a { color: #00f }
+[data-title="/index.html"] {
+ .h2:nth-of-type(n+5):nth-of-type(-n+6) {
+ h2, h3, a { color: #EE0700 }
+ }
+
+ .h2:nth-of-type(n+7):nth-of-type(-n+9) {
+ h2, h3, a { color: #6A5ACD }