diff --git a/docs/extensions/admonition.md b/docs/extensions/admonition.md index 64176bc1c..b2e2ce8eb 100644 --- a/docs/extensions/admonition.md +++ b/docs/extensions/admonition.md @@ -1,9 +1,11 @@ # Admonition -[Admonition][] is an extension included in the standard Markdown library that +[Admonition][1] is an extension included in the standard Markdown library that makes it possible to add block-styled side content to your documentation, for example summaries, hints, notes or warnings. + [1]: https://pythonhosted.org/Markdown/extensions/admonition.html + ## Installation Add the following lines to your `mkdocs.yml`: @@ -84,10 +86,13 @@ Blocks can contain all kinds of text content, including headlines, lists, paragraphs and other blocks – except code blocks, because the parser from the standard Markdown library does not account for those. -However, the [PyMdown Extensions][] package adds an extension called -[SuperFences][], which makes it possible to nest code blocks within other +However, the [PyMdown Extensions][2] package adds an extension called +[SuperFences][3], which makes it possible to nest code blocks within other blocks. + [2]: https://facelessuser.github.io/pymdown-extensions + [3]: https://facelessuser.github.io/pymdown-extensions/extensions/superfences/ + Example: !!! hint @@ -308,7 +313,3 @@ Qualifiers: * `error` * `bug` - -[Admonition]: https://pythonhosted.org/Markdown/extensions/admonition.html -[PyMdown Extensions]: https://facelessuser.github.io/pymdown-extensions -[SuperFences]: https://facelessuser.github.io/pymdown-extensions/extensions/superfences/ diff --git a/docs/extensions/codehilite.md b/docs/extensions/codehilite.md index 76acd0e10..2e1fe875a 100644 --- a/docs/extensions/codehilite.md +++ b/docs/extensions/codehilite.md @@ -1,14 +1,16 @@ # CodeHilite -[CodeHilite][] is an extension that adds syntax highlighting to codeblocks and +[CodeHilite][1] is an extension that adds syntax highlighting to codeblocks and is included in the standard Markdown library. The highlighting process is executed during compilation of the Markdown file. + [1]: https://pythonhosted.org/Markdown/extensions/code_hilite.html + ## Installation -CodeHilite parses code blocks and wraps them in `
` tags. If [Pygments][]
+CodeHilite parses code blocks and wraps them in `
` tags. If [Pygments][2]
 is installed, which is a generic syntax highlighter with support for over
-[300 languages][], CodeHilite will also highlight the code block. Pygments can
+[300 languages][3], CodeHilite will also highlight the code block. Pygments can
 be installed with the following command:
 
 ``` sh
@@ -22,6 +24,9 @@ markdown_extensions:
   - codehilite
 ```
 
+  [2]: http://pygments.org
+  [3]: http://pygments.org/languages
+
 ## Usage
 
 ### Specifying the language
@@ -840,7 +845,3 @@ end
   
 
 ```
-
-[CodeHilite]: https://pythonhosted.org/Markdown/extensions/code_hilite.html
-[Pygments]: http://pygments.org
-[300 languages]: http://pygments.org/languages
diff --git a/docs/extensions/footnotes.md b/docs/extensions/footnotes.md
index 0d7f11505..9967d526f 100644
--- a/docs/extensions/footnotes.md
+++ b/docs/extensions/footnotes.md
@@ -1,8 +1,10 @@
 # Footnotes
 
-[Footnotes][] is another extension included in the standard Markdown library.
+[Footnotes][1] is another extension included in the standard Markdown library.
 As the name says, it adds the ability to add footnotes to your documentation.
 
+  [1]: https://pythonhosted.org/Markdown/extensions/footnotes.html
+
 ## Installation
 
 Add the following lines to your `mkdocs.yml`:
@@ -80,5 +82,3 @@ Result:
     massa, nec semper lorem quam in massa.
 
 Jump to footnote at the bottom of the page
-
-[Footnotes]: https://pythonhosted.org/Markdown/extensions/footnotes.html
diff --git a/docs/extensions/permalinks.md b/docs/extensions/permalinks.md
index 4ffd089cc..3269c834d 100644
--- a/docs/extensions/permalinks.md
+++ b/docs/extensions/permalinks.md
@@ -1,10 +1,12 @@
 # Permalinks
 
-Permalinks are a feature of the [Table of Contents][] extension, which is part
+Permalinks are a feature of the [Table of Contents][1] extension, which is part
 of the standard Markdown library. The extension inserts an anchor at the end of
 each headline, which makes it possible to directly link to a subpart of the
 document.
 
+  [1]: https://pythonhosted.org/Markdown/extensions/toc.html
+
 ## Installation
 
 To enable permalinks, add the following to your `mkdocs.yml`:
@@ -27,5 +29,3 @@ markdown_extensions:
 ## Usage
 
 When enabled, permalinks are inserted automatically.
-
-[Table of Contents]: https://pythonhosted.org/Markdown/extensions/toc.html
diff --git a/docs/extensions/pymdown/arithmatex.md b/docs/extensions/pymdown/arithmatex.md
index a42d472bb..884ef27d5 100644
--- a/docs/extensions/pymdown/arithmatex.md
+++ b/docs/extensions/pymdown/arithmatex.md
@@ -1,12 +1,16 @@
 # Arithmatex MathJax
 
-[Arithmatex][] integrates [MathJax][] with Markdown and is included in the
-[PyMdown Extensions][] package. It parses block-style and inline equations
+[Arithmatex][1] integrates [MathJax][2] with Markdown and is included in the
+[PyMdown Extensions][3] package. It parses block-style and inline equations
 written in TeX markup and outputs them in mathematical notation.
 
+  [1]: https://facelessuser.github.io/pymdown-extensions/extensions/arithmatex/
+  [2]: https://www.mathjax.org/
+  [3]: https://facelessuser.github.io/pymdown-extensions
+
 ## Installation
 
-Make sure that the PyMdown Extensions package [is installed][] and add the
+Make sure that the PyMdown Extensions package [is installed][4] and add the
 following lines to your `mkdocs.yml`:
 
 ``` yaml
@@ -17,13 +21,17 @@ markdown_extensions:
 The MathJax runtime is automatically included if the extension is enabled, so
 there is no need for extra JavaScript.
 
+  [4]: /extensions/pymdown/overview/#installation
+
 ## Usage
 
 MathJax searches for `:::tex $$...$$` (blocks) and `:::tex $...$` (inline)
 equations, parses their contents and renders them in mathematical notation.
-See [this thread][] on StackExchange for a short introduction and quick
+See [this thread][5] on StackExchange for a short introduction and quick
 reference on how to write equations in TeX syntax.
 
+  [5]: http://meta.math.stackexchange.com/questions/5020/
+
 ### Blocks
 
 Blocks are enclosed in `:::tex $$...$$` which are placed on separate lines.
@@ -55,9 +63,3 @@ Lorem ipsum dolor sit amet: $p(x|y) = \frac{p(y|x)p(x)}{p(y)}$
 Result:
 
 Lorem ipsum dolor sit amet: $p(x|y) = \frac{p(y|x)p(x)}{p(y)}$
-
-[Arithmatex]: https://facelessuser.github.io/pymdown-extensions/extensions/arithmatex/
-[MathJax]: https://www.mathjax.org/
-[PyMdown Extensions]: https://facelessuser.github.io/pymdown-extensions
-[is installed]: /extensions/pymdown/overview/#installation
-[this thread]: http://meta.math.stackexchange.com/questions/5020/
diff --git a/docs/extensions/pymdown/inlinehilite.md b/docs/extensions/pymdown/inlinehilite.md
index 92af8d942..f007e68bf 100644
--- a/docs/extensions/pymdown/inlinehilite.md
+++ b/docs/extensions/pymdown/inlinehilite.md
@@ -1,8 +1,11 @@
 # Inlinehilite
 
-The [Inlinehilite][] extension included in the [PyMdown Extensions][] package adds
-support for inline code highlighting. It's useful for short snippets included with
-body copy.
+The [Inlinehilite][1] extension included in the [PyMdown Extensions][2] package
+adds support for inline code highlighting. It's useful for short snippets
+included with body copy.
+
+  [1]: https://facelessuser.github.io/pymdown-extensions/extensions/inlinehilite/
+  [2]: https://facelessuser.github.io/pymdown-extensions
 
 ## Installation
 
@@ -19,6 +22,3 @@ markdown_extensions:
 Syntax is similar to usual code highlighting, with the langauge shebang followed by one space. If you need to escape the highlight (like we're about to), add a space prior to the shebang.
 
 For example, `#!js var test = 0;`, which was achieved using ` #!js var test = 0;`. Alternatively, you can use the triple colon, ` :::js var test = 0;` to produce the same result, `:::js var test = 0;`.
-
-[Inlinehilite]: https://facelessuser.github.io/pymdown-extensions/extensions/inlinehilite/
-[PyMdown Extensions]: https://facelessuser.github.io/pymdown-extensions
diff --git a/docs/extensions/pymdown/tasklist.md b/docs/extensions/pymdown/tasklist.md
index 57e1169d1..99c0291a2 100644
--- a/docs/extensions/pymdown/tasklist.md
+++ b/docs/extensions/pymdown/tasklist.md
@@ -1,12 +1,15 @@
 # Tasklist
 
-The [Tasklist][] extension included in the [PyMdown Extensions][] package adds
-support for styled checkbox lists. This is useful for keeping track of tasks
-and showing what has been done and has yet to be done.
+The [Tasklist][1] extension included in the [PyMdown Extensions][2] package
+adds support for styled checkbox lists. This is useful for keeping track of
+tasks and showing what has been done and has yet to be done.
+
+  [1]: https://facelessuser.github.io/pymdown-extensions/extensions/tasklist/
+  [2]: https://facelessuser.github.io/pymdown-extensions
 
 ## Installation
 
-Make sure that the PyMdown Extensions package [is installed][] and add the
+Make sure that the PyMdown Extensions package [is installed][3] and add the
 following lines to your `mkdocs.yml`:
 
 ``` yaml
@@ -17,6 +20,8 @@ markdown_extensions:
 The `custom_checkbox` flag adds additional markup for better styling, so it is
 highly recommended to add this flag, as the Material theme supports it.
 
+  [3]: /extensions/pymdown/overview/#installation
+
 ## Usage
 
 Checkbox lists are like regular lists, but prefixed with `[ ]` empty or `[x]`
@@ -49,7 +54,3 @@ Result:
     * [ ] Praesent sed risus massa
 * [ ] Aenean pretium efficitur erat, donec pharetra, ligula non scelerisque
 * [ ] Nulla vel eros venenatis, imperdiet enim id, faucibus nisi
-
-[Tasklist]: https://facelessuser.github.io/pymdown-extensions/extensions/tasklist/
-[PyMdown Extensions]: https://facelessuser.github.io/pymdown-extensions
-[is installed]: /extensions/pymdown/overview/#installation
diff --git a/docs/specimen.md b/docs/specimen.md
index 2d8bcc35a..973c35dca 100644
--- a/docs/specimen.md
+++ b/docs/specimen.md
@@ -1,297 +1,271 @@
-# Specimen should get a very long name, so we see how it behaves with the new edit url feature that is awesome
+# Specimen
 
 ## Typography
 
 ### Body copy
 
-Material's typographical system follows the idea of __vertical rhythm__, which
-means it tries to establish a _consistent visual rhythm_ to the content of the
-page to make reading pleasant and easy on the eyes. It's a simple concept but
-rather hard to implement correctly. Luckily, the Material theme has already
-done this for you, so sit back, relax, and start writing your documentation.
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras arcu libero,
+mollis sed massa vel, *ornare viverra ex*. Mauris a ullamcorper lacus. Nullam
+urna elit, malesuada eget finibus ut, ullamcorper ac tortor. Vestibulum sodales
+pulvinar nisl, pharetra aliquet est. Quisque volutpat erat ac nisi accumsan
+tempor.
 
-Naturally, the Material theme defines __bold__ and _italic_ styles, makes it
-easy to write `fenced inline code blocks`, [links](#) and Keyboard
-+ Commands.
+**Sed suscipit**, orci non pretium pretium, quam mi gravida metus, vel
+venenatis justo est condimentum diam. Maecenas non ornare justo. Nam a ipsum
+eros. [Nulla aliquam](/) orci sit amet nisl posuere malesuada. Proin aliquet
+nulla velit, quis ultricies orci feugiat et. `Ut tincidunt sollicitudin`
+tincidunt. Aenean ullamcorper sit amet nulla at interdum.
 
-* test
-* test
-* Material's typographical system follows the idea of __vertical rhythm__, which
-  means it tries to establish a _consistent visual rhythm_ to the content of the
-  page to make reading pleasant and easy on the eyes. It's a simple concept but
-  rather hard to implement correctly. Luckily, the Material theme has already
-    1. test
-    2. test
-        1.  Material's typographical system follows the idea of __vertical rhythm__, which
-            means it tries to establish a _consistent visual rhythm_ to the content of the
-            page to make reading pleasant and easy on the eyes. It's a simple concept but
-            rather hard to implement correctly. Luckily, the Material theme has already
-        2.  Material's typographical system follows the idea of __vertical rhythm__, which
-            means it tries to establish a _consistent visual rhythm_ to the content of the
-            page to make reading pleasant and easy on the eyes. It's a simple concept but
-            rather hard to implement correctly. Luckily, the Material theme has already
-        3.  Material's typographical system follows the idea of __vertical rhythm__, which
-            means it tries to establish a _consistent visual rhythm_ to the content of the
-            page to make reading pleasant and easy on the eyes. It's a simple concept but
-            rather hard to implement correctly. Luckily, the Material theme has already
-    3. test
-        1. test
-        2. test
-        3. test
-    * test
-* test
+### Headings
 
-### Headings w/ or w/o secondary text
+#### The 4th level
 
-Besides the default HTML headings `
` to `
`, the representational
-classes `.h2` to `.h6` are defined to allow easy inline styling. The `
`
-should be only defined once and is integrated into the collapsing header.
+##### The 5th level
 
-Secondary text can be introduced to all headings (including `
`) by using
-the `` tag directly inside Markdown.
+###### The 6th level
 
-## Blockquotes
+### Headings with secondary text
 
-> Text can also be written in blockquotes, for example to paraphrase
-> something or someone.
->
-> > And blockquotes can be nested?
->
-> This is correct. Furthermore, they can contain __bold__ and _italic_ text,
-> `fenced inline code blocks`, [links](#), headings and all kind of stuff.
+#### The 4th level with secondary text
 
-## Lists
+##### The 5th level with secondary text
 
-### Ordered lists
+###### The 6th level with secondary text
 
-This is an ordered list of sentences for the sake of checking the styling is 👌!
+### Blockquotes
 
-1. The first sentence, free from markup.
-2. The second sentence includes _italic_ text, and a [link](#) that should hopefully help it trigger a second line overflow to make sure spacing is a-ok.
-3. The third sentence highlights some enjoyable fruits:
-    1. Mangoes, **yum**!
-    2. Blueberries
-    3. Strawberries
-    4. Apples (in particular)
-        1. Sundowner
+> Morbi eget dapibus felis. Vivamus venenatis porttitor tortor sit amet rutrum.
+  Pellentesque aliquet quam enim, eu volutpat urna rutrum a. Nam vehicula nunc
+  mauris, a ultricies libero efficitur sed. *Class aptent* taciti sociosqu ad
+  litora torquent per conubia nostra, per inceptos himenaeos. Sed molestie
+  imperdiet consectetur.
 
-            My favourite 💕
+#### Blockquote nesting
 
-        2. Granny Smith
-4. An this is just a footer sentence just to make sure.
+> **Sed aliquet**, neque at rutrum mollis, neque nisi tincidunt nibh, vitae
+  faucibus lacus nunc at lacus. Nunc scelerisque, quam id cursus sodales, lorem
+  [libero fermentum](/) urna, ut efficitur elit ligula et nunc.
 
-### Unordered lists
+> > Mauris dictum mi lacus, sit amet pellentesque urna vehicula fringilla.
+    Ut sit amet placerat ante. Proin sed elementum nulla. Nunc vitae sem odio.
+    Suspendisse ac eros arcu. Vivamus orci erat, volutpat a tempor et, rutrum.
+    eu odio.
 
-Let's do that again, this time without the numbering.
+> > > `Suspendisse rutrum facilisis risus`, eu posuere neque commodo a.
+      Interdum et malesuada fames ac ante ipsum primis in faucibus. Sed nec leo
+      bibendum, sodales mauris ut, tincidunt massa.
 
-- Free from markup, just like a bird.
-- Let's try some [link](#) with some inline code `var home = '127.0.0.1'`, and now some extra __fluff__ to ensure we're using more than a single line.
-- These are some varietes of beer.
-    - Lager
+#### Other content blocks
 
-        Lager is a type of beer that is conditioned at low temperatures, normally at the brewery. It may be pale, golden, amber, or dark.
-
-    - Kölsch
-
-        Kölsch is a beer brewed in Cologne, Germany. It is a clear, top-fermented beer with a bright, straw-yellow hue similar to other beers brewed from mainly Pilsener malt.
-
-    - Siason
-
-        Saison is a pale ale that is generally around 7% ABV, highly carbonated, fruity, spicy, and often bottle conditioned
-
-    - IPA
-
-- An this is just a footer sentence just to make sure.
-
-We can also use the alternative Markdown styling for lists (`*`, `+` or `-`), even mixing them:
-
-* As shown by this item, which is a `*`.
-+ This item uses `+`.
-    * And it also includes an nested item for good measure.
-- The final item uses `-`.
-- And for good measure, this also uses `-`.
-
-Another default list:
-
-* No checklist
-* Foobar
-
-    ``` js
-    function() test {
-      var foo = 12;
-      return foo;
+> Vestibulum vitae orci quis ante viverra ultricies ut eget turpis. Sed eu
+  lectus dapibus, eleifend nulla varius, lobortis turpis. In ac hendrerit nisl,
+  sit amet laoreet nibh.
+  ``` js hl_lines="8"
+  var _extends = function(target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+      for (var key in source) {
+        target[key] = source[key];
+      }
     }
+    return target;
+  };
+  ```
+
+  > > Praesent at `:::js return target`, sodales nibh vel, tempor felis. Fusce
+      vel lacinia lacus. Suspendisse rhoncus nunc non nisi iaculis ultrices.
+      Donec consectetur mauris non neque imperdiet, eget volutpat libero.
+
+### Lists
+
+#### Unordered lists
+
+* Sed sagittis eleifend rutrum. Donec vitae suscipit est. Nullam tempus tellus
+  non sem sollicitudin, quis rutrum leo facilisis. Nulla tempor lobortis orci,
+  at elementum urna sodales vitae. In in vehicula nulla, quis ornare libero.
+
+    * Duis mollis est eget nibh volutpat, fermentum aliquet dui mollis.
+    * Nam vulputate tincidunt fringilla.
+    * Nullam dignissim ultrices urna non auctor.
+
+* Aliquam metus eros, pretium sed nulla venenatis, faucibus auctor ex. Proin ut
+  eros sed sapien ullamcorper consequat. Nunc ligula ante, fringilla at aliquam
+  ac, aliquet sed mauris.
+
+* Nulla et rhoncus turpis. Mauris ultricies elementum leo. Duis efficitur
+  accumsan nibh eu mattis. Vivamus tempus velit eros, porttitor placerat nibh
+  lacinia sed. Aenean in finibus diam.
+
+#### Ordered lists
+
+1. Integer vehicula feugiat magna, a mollis tellus. Nam mollis ex ante, quis
+  elementum eros tempor rutrum. Aenean efficitur lobortis lacinia. Nulla
+  consectetur feugiat sodales.
+
+2. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur
+  ridiculus mus. Aliquam ornare feugiat quam et egestas. Nunc id erat et quam
+  pellentesque lacinia eu vel odio.
+
+    1. Vivamus venenatis porttitor tortor sit amet rutrum. Pellentesque aliquet
+      quam enim, eu volutpat urna rutrum a. Nam vehicula nunc mauris, a
+      ultricies libero efficitur sed.
+
+        1. Mauris dictum mi lacus
+        2. Ut sit amet placerat ante
+        3. Suspendisse ac eros arcu
+
+    2. Morbi eget dapibus felis. Vivamus venenatis porttitor tortor sit amet
+      rutrum. Pellentesque aliquet quam enim, eu volutpat urna rutrum a. Sed
+      aliquet, neque at rutrum mollis, neque nisi tincidunt nibh.
+
+    3. Pellentesque eget `:::js var _extends` ornare tellus, ut gravida mi.
+    ``` js hl_lines="1"
+    var _extends = function(target) {
+      for (var i = 1; i < arguments.length; i++) {
+        var source = arguments[i];
+        for (var key in source) {
+          target[key] = source[key];
+        }
+      }
+      return target;
+    };
     ```
 
-## Checklists
+3. Vivamus id mi enim. Integer id turpis sapien. Ut condimentum lobortis
+  sagittis. Aliquam purus tellus, faucibus eget urna at, iaculis venenatis
+  nulla. Vivamus a pharetra leo.
 
-Checklists are supported by the [PyMdown Extension][], [Tasklist][]:
+### Code blocks
 
-* [ ] foo
-* [x] bar
-* [ ] baz
-    * [ ] foo
-    * [x] bar
-    * [ ] baz
+#### Inline
 
-### Critic
+Morbi eget `dapibus felis`. Vivamus *`venenatis porttitor`* tortor sit amet
+rutrum. Class aptent taciti sociosqu ad litora torquent per conubia nostra,
+per inceptos himenaeos. [`Pellentesque aliquet quam enim`](/), eu volutpat urna
+rutrum a.
 
-Here is some {--*incorrect*--} Markdown.  I am adding this {++here.++}.  Here is some more {--text
-that I am removing--}text.  And here is even more {++text that I
-am ++}adding.{~~
+Nam vehicula nunc `:::js return target` mauris, a ultricies libero efficitur
+sed. Sed molestie imperdiet consectetur. Vivamus a pharetra leo. Pellentesque
+eget ornare tellus, ut gravida mi. Fusce vel lacinia lacus.
 
-~>  ~~}Paragraph was deleted and replaced with some spaces.{~~  ~>
+#### Listing
 
-~~}Spaces were removed and a paragraph was added.
+    #!js hl_lines="8"
+    var _extends = function(target) {
+      for (var i = 1; i < arguments.length; i++) {
+        var source = arguments[i];
+        for (var key in source) {
+          target[key] = source[key];
+        }
+      }
+      return target;
+    };
 
-And here is a comment on {==some
-==text== ==} asdhsjakh dkah dkash dkjas hdkash dksa sahdka kas dksa hdksah dksa kdsa kdask dask {>>This works quite well. I just wanted to comment on it.<<}. Substitutions {~~is~>are~~} great!
+### Horizontal rules
 
-### Test {--headline--} [`with code`](http://google.com) and ==foo== [without](http://google.com)
+Aenean in finibus diam. Duis mollis est eget nibh volutpat, fermentum aliquet
+dui mollis. Nam vulputate tincidunt fringilla. Nullam dignissim ultrices urna
+non auctor.
 
-This is also ==something that is marked (tm)==. Very cool.
+***
 
-Escape \{>>This text is preserved<<}.
+Integer vehicula feugiat magna, a mollis tellus. Nam mollis ex ante, quis
+elementum eros tempor rutrum. Aenean efficitur lobortis lacinia. Nulla
+consectetur feugiat sodales.
 
-General block handling.
+### Data tables
 
-{--
+| Sollicitudo / Pellentesi | consectetur | adipiscing | elit    | arcu | sed |
+| ------------------------ | ----------- | ---------- | ------- | ---- | --- |
+| Vivamus a pharetra       | yes         | yes        | yes     | yes  | yes |
+| Ornare viverra ex        | yes         | yes        | yes     | yes  | yes |
+| Mauris a ullamcorper     | yes         | yes        | partial | yes  | yes |
+| Nullam urna elit         | yes         | yes        | yes     | yes  | yes |
+| Malesuada eget finibus   | yes         | yes        | yes     | yes  | yes |
+| Ullamcorper              | yes         | yes        | yes     | yes  | yes |
+| Vestibulum sodales       | yes         | -          | yes     | -    | yes |
+| Pulvinar nisl            | yes         | yes        | yes     | -    | -   |
+| Pharetra aliquet est     | yes         | yes        | yes     | yes  | yes |
+| Sed suscipit             | yes         | yes        | yes     | yes  | yes |
+| Orci non pretium         | yes         | partial    | -       | -    | -   |
 
-* test
-* test
-* test
-    * test
-* test
+Sed sagittis eleifend rutrum. Donec vitae suscipit est. Nullam tempus tellus
+non sem sollicitudin, quis rutrum leo facilisis. Nulla tempor lobortis orci,
+at elementum urna sodales vitae. In in vehicula nulla, quis ornare libero.
 
---}
+| Left       | Center   | Right   |
+| :--------- | :------: | ------: |
+| Lorem      | *dolor*  | `amet`  |
+| [ipsum](/) | **sit**  |         |
 
-{++
+Vestibulum vitae orci quis ante viverra ultricies ut eget turpis. Sed eu
+lectus dapibus, eleifend nulla varius, lobortis turpis. In ac hendrerit nisl,
+sit amet laoreet nibh.
 
-* test
-* test
-* test
-    * test
-* test
+## Colors
 
-++}
+### Primary colors
 
-## Code
+Click on a tile to change the primary color of the theme:
 
-### Inline
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
 
-Code can also be written `inline`, however syntax
-highlighting will only work on code listings unless you are using [inlinehilite][], which allows magic like `#!js var test = 0;`!
+
 
-There has also been some recent conjecture about how articles will style [links that include `inline code` samples](https://www.impressivewebs.com/fixing-styles-on-code-tags-nested-inside-links/), so let's make sure we get that right too.
+### Accent colors
 
-### Listing
+Click on a tile to change the accent color of the theme:
 
-Pre-formatted code blocks can host code examples and use the pygments extension
-(if installed and enabled in `mkdocs.yml`) for syntax highlighting:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
 
-``` c hl_lines="14 15 20"
-/*!
- * Scan a buffer for a valid variable-sized integer.
- *
- * This function checks if an underrun might happen reading a variable-sized
- * integer from a buffer. Only underruns can be checked using this method,
- * overflows may still happen, but are properly reported by the unpack
- * functions. SSE2 intrinsics are used if the compiler supports it.
- *
- * \param[in] data[] Source buffer
- * \param[in] left   Remaining bytes
- * \return           Bytes read
- */
-extern size_t
-pb_varint_scan(const uint8_t data[], size_t left) {
-  assert(data && left);
-  left = left > 10 ? 10 : left;
-
-#ifdef __SSE2__
-
-  /* Mapping: remaining bytes ==> bitmask */
-  static const int mask_map[] = {
-    0x0000, 0x0001, 0x0003, 0x0007,
-    0x000F, 0x001F, 0x003F, 0x007F,
-    0x00FF, 0x01FF, 0x03FF
-  };
-
-  /* Load buffer into 128-bit integer and create high-bit mask */
-  __m128i temp = _mm_loadu_si128((const __m128i *)data);
-  __m128i high = _mm_set1_epi8(0x80);
-
-  /* Intersect and extract mask with high-bits set */
-  int mask = _mm_movemask_epi8(_mm_and_si128(temp, high));
-  mask = (mask & mask_map[left]) ^ mask_map[left];
-
-  /* Count trailing zeroes */
-  return mask ? __builtin_ctz(mask) + 1 : 0;
-
-#else
-
-  /* Linear scan */
-  size_t size = 0;
-  while (data[size++] & 0x80)
-    if (!--left)
-      return 0;
-  return size;
-
-#endif /* __SSE2__ */
-
-}
-```
-
-For more examples of coding highlighting, see the [codehilite][] extensions page.
-
-## Tables
-
-| Feature / Implementation | protobluff | protobuf-c | nanopb  | lwpb | pbc |
-|--------------------------|------------|------------|---------|------|-----|
-| Message types            | yes        | yes        | yes     | yes  | yes |
-| Nested message types     | yes        | yes        | yes     | yes  | yes |
-| Cyclic message types     | yes        | yes        | partial | yes  | yes |
-| Scalar types             | yes        | yes        | yes     | yes  | yes |
-| Default values           | yes        | yes        | yes     | yes  | yes |
-| Enumerations             | yes        | yes        | yes     | yes  | yes |
-| Extensions               | yes        | -          | yes     | -    | yes |
-| Oneofs                   | yes        | yes        | yes     | -    | -   |
-| Packages                 | yes        | yes        | yes     | yes  | yes |
-| Packed option            | yes        | yes        | yes     | yes  | yes |
-| Deprecations             | yes        | partial    | -       | -    | -   |
-
-Tables might also include alignment indiciators:
-
-| Left Align   | Center Align   | Right Align   |
-| :----------- | :------------: | ------------: |
-| Hi           | there          | friend        |
-| How          | are            | you?          |
-
-And if you're using something like [Pandoc](http://pandoc.org/), you might get tables with `colgroup`, which is fun?
-
-
-  -    -    -  
-  
-    
-      
-      
-    
-  
-  
-    
-      
-      
-    
-    
-      
-      
-    
-  
-




CompanyDescription
GoogleA search engine (among other things).
BingAnother search engine, from Microsoft.

-
-[codehilite]: extensions/codehilite.md
-[inlinehilite]: extensions/pymdown/inlinehilite.md
-[PyMdown Extension]: extensions/pymdown/overview.md
-[Tasklist]: extensions/pymdown/tasklist.md
+
diff --git a/material/assets/javascripts/application.js b/material/assets/javascripts/application.js
index 5680dbdad..ba9411c57 100644
--- a/material/assets/javascripts/application.js
+++ b/material/assets/javascripts/application.js
@@ -581,6 +581,40 @@ var Application =
 
 	        /* Attack FastClick to mitigate 300ms delay on touch devices */
 	        _fastclick2.default.attach(document.body);
+
+	        /* Wrap all data tables */
+	        var tables = document.querySelectorAll("table:not([class])");
+	        var _iteratorNormalCompletion = true;
+	        var _didIteratorError = false;
+	        var _iteratorError = undefined;
+
+	        try {
+	          for (var _iterator = tables[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+	            var table = _step.value;
+
+	            var wrap = document.createElement("div");
+	            wrap.classList.add("md-typeset__table");
+	            if (table.nextSibling) {
+	              table.parentNode.insertBefore(wrap, table.nextSibling);
+	            } else {
+	              table.parentNode.appendChild(wrap);
+	            }
+	            wrap.appendChild(table);
+	          }
+	        } catch (err) {
+	          _didIteratorError = true;
+	          _iteratorError = err;
+	        } finally {
+	          try {
+	            if (!_iteratorNormalCompletion && _iterator.return) {
+	              _iterator.return();
+	            }
+	          } finally {
+	            if (_didIteratorError) {
+	              throw _iteratorError;
+	            }
+	          }
+	        }
 	      }).listen();
 
 	      /* Cross-browser helper to dispatch/fire an event */
@@ -612,27 +646,27 @@ var Application =
 
 	      /* Component: collapsible elements for navigation */
 	      var collapsibles = document.querySelectorAll("[data-md-collapse]");
-	      var _iteratorNormalCompletion = true;
-	      var _didIteratorError = false;
-	      var _iteratorError = undefined;
+	      var _iteratorNormalCompletion2 = true;
+	      var _didIteratorError2 = false;
+	      var _iteratorError2 = undefined;
 
 	      try {
-	        for (var _iterator = collapsibles[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
-	          var collapse = _step.value;
+	        for (var _iterator2 = collapsibles[Symbol.iterator](), _step2; !(_iteratorNormalCompletion2 = (_step2 = _iterator2.next()).done); _iteratorNormalCompletion2 = true) {
+	          var collapse = _step2.value;
 
 	          new _Material2.default.Event.MatchMedia("(min-width: 1200px)", new _Material2.default.Event.Listener(collapse.previousElementSibling, "click", new _Material2.default.Nav.Collapse(collapse)));
 	        } /* Component: search body lock for mobile */
 	      } catch (err) {
-	        _didIteratorError = true;
-	        _iteratorError = err;
+	        _didIteratorError2 = true;
+	        _iteratorError2 = err;
 	      } finally {
 	        try {
-	          if (!_iteratorNormalCompletion && _iterator.return) {
-	            _iterator.return();
+	          if (!_iteratorNormalCompletion2 && _iterator2.return) {
+	            _iterator2.return();
 	          }
 	        } finally {
-	          if (_didIteratorError) {
-	            throw _iteratorError;
+	          if (_didIteratorError2) {
+	            throw _iteratorError2;
 	          }
 	        }
 	      }
@@ -715,27 +749,27 @@ var Application =
 	        /* Render repository source information */
 	      })().then(function (facts) {
 	        var sources = document.querySelectorAll("[data-md-source]");
-	        var _iteratorNormalCompletion2 = true;
-	        var _didIteratorError2 = false;
-	        var _iteratorError2 = undefined;
+	        var _iteratorNormalCompletion3 = true;
+	        var _didIteratorError3 = false;
+	        var _iteratorError3 = undefined;
 
 	        try {
-	          for (var _iterator2 = sources[Symbol.iterator](), _step2; !(_iteratorNormalCompletion2 = (_step2 = _iterator2.next()).done); _iteratorNormalCompletion2 = true) {
-	            var source = _step2.value;
+	          for (var _iterator3 = sources[Symbol.iterator](), _step3; !(_iteratorNormalCompletion3 = (_step3 = _iterator3.next()).done); _iteratorNormalCompletion3 = true) {
+	            var source = _step3.value;
 
 	            new _Material2.default.Source.Repository(source).initialize(facts);
 	          }
 	        } catch (err) {
-	          _didIteratorError2 = true;
-	          _iteratorError2 = err;
+	          _didIteratorError3 = true;
+	          _iteratorError3 = err;
 	        } finally {
 	          try {
-	            if (!_iteratorNormalCompletion2 && _iterator2.return) {
-	              _iterator2.return();
+	            if (!_iteratorNormalCompletion3 && _iterator3.return) {
+	              _iterator3.return();
 	            }
 	          } finally {
-	            if (_didIteratorError2) {
-	              throw _iteratorError2;
+	            if (_didIteratorError3) {
+	              throw _iteratorError3;
 	            }
 	          }
 	        }
diff --git a/material/assets/stylesheets/application.css b/material/assets/stylesheets/application.css
index a3b07bf49..b9f644f39 100644
--- a/material/assets/stylesheets/application.css
+++ b/material/assets/stylesheets/application.css
@@ -286,36 +286,46 @@ kbd {
       .md-typeset ol li ul,
       .md-typeset ol li ol {
         margin: 0.5em 0 0.5em 0.625em; }
-  .md-typeset table {
-    width: 90%;
-    margin: 1.5em 0;
+  .md-typeset table:not([class]) {
+    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
+    margin: 2.0em 0;
+    border-radius: 0.2rem;
     font-size: 1.28rem;
     overflow: hidden; }
-    .no-js .md-typeset table {
+    .no-js .md-typeset table:not([class]) {
       display: inline-block;
       max-width: 100%;
+      margin: 0.8em 0;
       overflow: auto;
       -webkit-overflow-scrolling: touch; }
-    .md-typeset table th {
+    .md-typeset table:not([class]) th[align="right"],
+    .md-typeset table:not([class]) td[align="right"] {
+      text-align: right; }
+    .md-typeset table:not([class]) th[align="center"],
+    .md-typeset table:not([class]) td[align="center"] {
+      text-align: center; }
+    .md-typeset table:not([class]) th {
       min-width: 10.0rem;
       padding: 1.2rem 1.6rem;
-      border-bottom: 0.1rem solid rgba(0, 0, 0, 0.54);
-      color: rgba(0, 0, 0, 0.87);
-      font-weight: 700;
+      background-color: rgba(0, 0, 0, 0.54);
+      color: white;
       text-align: left;
       vertical-align: top; }
-    .md-typeset table td {
+    .md-typeset table:not([class]) td {
       padding: 1.2rem 1.6rem;
       border-top: 0.1rem solid rgba(0, 0, 0, 0.07);
       vertical-align: top; }
-    .md-typeset table th[align="right"],
-    .md-typeset table td[align="right"] {
-      text-align: right; }
-    .md-typeset table th[align="center"],
-    .md-typeset table td[align="center"] {
-      text-align: center; }
-    .md-typeset table tr:first-child td {
+    .md-typeset table:not([class]) tr:first-child td {
       border-top: 0; }
+  .md-typeset .md-typeset__table {
+    margin: 1.6em -1.6rem;
+    text-align: center;
+    overflow-x: auto;
+    -webkit-overflow-scrolling: touch; }
+    .md-typeset .md-typeset__table table {
+      display: inline-block;
+      margin: 0 1.6rem;
+      text-align: left; }
 
 html {
   height: 100%;
@@ -1058,6 +1068,9 @@ hr {
             flex: 1;
     overflow: hidden; }
 
+.md-typeset > .codehilitetable {
+  box-shadow: none; }
+
 .md-typeset .footnote {
   color: rgba(0, 0, 0, 0.54);
   font-size: 1.28rem; }
@@ -1263,7 +1276,7 @@ hr {
     border-radius: 0; }
 
   .md-typeset > .codehilitetable .codehilite,
-    .md-typeset > .codehilitetable .linenodiv {
+      .md-typeset > .codehilitetable .linenodiv {
     padding: 1.0rem 1.6rem; }
 
   .md-typeset > p > .MJXc-display {
diff --git a/material/assets/stylesheets/application.palette.css b/material/assets/stylesheets/application.palette.css
new file mode 100644
index 000000000..74599dab2
--- /dev/null
+++ b/material/assets/stylesheets/application.palette.css
@@ -0,0 +1,803 @@
+button[data-md-color-primary],
+button[data-md-color-accent] {
+  width: 10.0rem;
+  padding: 0.4rem 0.8rem;
+  -webkit-transition: background-color 0.25s, opacity 0.25s;
+  transition: background-color 0.25s, opacity 0.25s;
+  border-radius: 0.2rem;
+  color: white;
+  font-size: 1.28rem;
+  text-align: left;
+  cursor: pointer; }
+  button[data-md-color-primary]:hover,
+  button[data-md-color-accent]:hover {
+    opacity: 0.75; }
+
+button[data-md-color-primary="red"] {
+  background-color: #ef5350; }
+
+[data-md-color-primary="red"] .md-typeset a {
+  color: #ef5350; }
+
+[data-md-color-primary="red"] .md-header {
+  background-color: #ef5350; }
+
+button[data-md-color-primary="pink"] {
+  background-color: #e91e63; }
+
+[data-md-color-primary="pink"] .md-typeset a {
+  color: #e91e63; }
+
+[data-md-color-primary="pink"] .md-header {
+  background-color: #e91e63; }
+
+button[data-md-color-primary="purple"] {
+  background-color: #ab47bc; }
+
+[data-md-color-primary="purple"] .md-typeset a {
+  color: #ab47bc; }
+
+[data-md-color-primary="purple"] .md-header {
+  background-color: #ab47bc; }
+
+button[data-md-color-primary="deep-purple"] {
+  background-color: #7e57c2; }
+
+[data-md-color-primary="deep-purple"] .md-typeset a {
+  color: #7e57c2; }
+
+[data-md-color-primary="deep-purple"] .md-header {
+  background-color: #7e57c2; }
+
+button[data-md-color-primary="indigo"] {
+  background-color: #3f51b5; }
+
+[data-md-color-primary="indigo"] .md-typeset a {
+  color: #3f51b5; }
+
+[data-md-color-primary="indigo"] .md-header {
+  background-color: #3f51b5; }
+
+button[data-md-color-primary="blue"] {
+  background-color: #2196f3; }
+
+[data-md-color-primary="blue"] .md-typeset a {
+  color: #2196f3; }
+
+[data-md-color-primary="blue"] .md-header {
+  background-color: #2196f3; }
+
+button[data-md-color-primary="light-blue"] {
+  background-color: #03a9f4; }
+
+[data-md-color-primary="light-blue"] .md-typeset a {
+  color: #03a9f4; }
+
+[data-md-color-primary="light-blue"] .md-header {
+  background-color: #03a9f4; }
+
+button[data-md-color-primary="cyan"] {
+  background-color: #00bcd4; }
+
+[data-md-color-primary="cyan"] .md-typeset a {
+  color: #00bcd4; }
+
+[data-md-color-primary="cyan"] .md-header {
+  background-color: #00bcd4; }
+
+button[data-md-color-primary="teal"] {
+  background-color: #009688; }
+
+[data-md-color-primary="teal"] .md-typeset a {
+  color: #009688; }
+
+[data-md-color-primary="teal"] .md-header {
+  background-color: #009688; }
+
+button[data-md-color-primary="green"] {
+  background-color: #4caf50; }
+
+[data-md-color-primary="green"] .md-typeset a {
+  color: #4caf50; }
+
+[data-md-color-primary="green"] .md-header {
+  background-color: #4caf50; }
+
+button[data-md-color-primary="light-green"] {
+  background-color: #7cb342; }
+
+[data-md-color-primary="light-green"] .md-typeset a {
+  color: #7cb342; }
+
+[data-md-color-primary="light-green"] .md-header {
+  background-color: #7cb342; }
+
+button[data-md-color-primary="lime"] {
+  background-color: #c0ca33; }
+
+[data-md-color-primary="lime"] .md-typeset a {
+  color: #c0ca33; }
+
+[data-md-color-primary="lime"] .md-header {
+  background-color: #c0ca33; }
+
+button[data-md-color-primary="yellow"] {
+  background-color: #f9a825; }
+
+[data-md-color-primary="yellow"] .md-typeset a {
+  color: #f9a825; }
+
+[data-md-color-primary="yellow"] .md-header {
+  background-color: #f9a825; }
+
+button[data-md-color-primary="amber"] {
+  background-color: #ffb300; }
+
+[data-md-color-primary="amber"] .md-typeset a {
+  color: #ffb300; }
+
+[data-md-color-primary="amber"] .md-header {
+  background-color: #ffb300; }
+
+button[data-md-color-primary="orange"] {
+  background-color: #fb8c00; }
+
+[data-md-color-primary="orange"] .md-typeset a {
+  color: #fb8c00; }
+
+[data-md-color-primary="orange"] .md-header {
+  background-color: #fb8c00; }
+
+button[data-md-color-primary="deep-orange"] {
+  background-color: #ff7043; }
+
+[data-md-color-primary="deep-orange"] .md-typeset a {
+  color: #ff7043; }
+
+[data-md-color-primary="deep-orange"] .md-header {
+  background-color: #ff7043; }
+
+button[data-md-color-primary="brown"] {
+  background-color: #795548; }
+
+[data-md-color-primary="brown"] .md-typeset a {
+  color: #795548; }
+
+[data-md-color-primary="brown"] .md-header {
+  background-color: #795548; }
+
+button[data-md-color-primary="grey"] {
+  background-color: #757575; }
+
+[data-md-color-primary="grey"] .md-typeset a {
+  color: #757575; }
+
+[data-md-color-primary="grey"] .md-header {
+  background-color: #757575; }
+
+button[data-md-color-primary="blue-grey"] {
+  background-color: #546e7a; }
+
+[data-md-color-primary="blue-grey"] .md-typeset a {
+  color: #546e7a; }
+
+[data-md-color-primary="blue-grey"] .md-header {
+  background-color: #546e7a; }
+
+button[data-md-color-accent="red"] {
+  background-color: #ff1744; }
+
+[data-md-color-accent="red"] .md-typeset a:hover,
+[data-md-color-accent="red"] .md-typeset a:active {
+  color: #ff1744; }
+
+[data-md-color-accent="red"] .md-typeset pre::-webkit-scrollbar-thumb:hover,
+[data-md-color-accent="red"] .md-typeset .codehilite::-webkit-scrollbar-thumb:hover {
+  background-color: #ff1744; }
+
+[data-md-color-accent="red"] .md-typeset .footnote li:hover .footnote-backref:hover,
+[data-md-color-accent="red"] .md-typeset .footnote li:target .footnote-backref {
+  color: #ff1744; }
+
+[data-md-color-accent="red"] .md-typeset [id]:hover .headerlink:hover,
+[data-md-color-accent="red"] .md-typeset [id]:target .headerlink,
+[data-md-color-accent="red"] .md-typeset [id] .headerlink:focus {
+  color: #ff1744; }
+
+[data-md-color-accent="red"] .md-nav__link:hover,
+[data-md-color-accent="red"] .md-nav__link:active,
+[data-md-color-accent="red"] .md-nav__link--active {
+  color: #ff1744; }
+
+[data-md-color-accent="red"] .md-search__scrollwrap::-webkit-scrollbar-thumb:hover {
+  background-color: #ff1744; }
+
+[data-md-color-accent="red"] .md-search-result__link:hover {
+  background-color: rgba(255, 23, 68, 0.1); }
+
+[data-md-color-accent="red"] .md-sidebar__scrollwrap::-webkit-scrollbar-thumb:hover {
+  background-color: #ff1744; }
+
+button[data-md-color-accent="pink"] {
+  background-color: #f50057; }
+
+[data-md-color-accent="pink"] .md-typeset a:hover,
+[data-md-color-accent="pink"] .md-typeset a:active {
+  color: #f50057; }
+
+[data-md-color-accent="pink"] .md-typeset pre::-webkit-scrollbar-thumb:hover,
+[data-md-color-accent="pink"] .md-typeset .codehilite::-webkit-scrollbar-thumb:hover {
+  background-color: #f50057; }
+
+[data-md-color-accent="pink"] .md-typeset .footnote li:hover .footnote-backref:hover,
+[data-md-color-accent="pink"] .md-typeset .footnote li:target .footnote-backref {
+  color: #f50057; }
+
+[data-md-color-accent="pink"] .md-typeset [id]:hover .headerlink:hover,
+[data-md-color-accent="pink"] .md-typeset [id]:target .headerlink,
+[data-md-color-accent="pink"] .md-typeset [id] .headerlink:focus {
+  color: #f50057; }
+
+[data-md-color-accent="pink"] .md-nav__link:hover,
+[data-md-color-accent="pink"] .md-nav__link:active,
+[data-md-color-accent="pink"] .md-nav__link--active {
+  color: #f50057; }
+
+[data-md-color-accent="pink"] .md-search__scrollwrap::-webkit-scrollbar-thumb:hover {
+  background-color: #f50057; }
+
+[data-md-color-accent="pink"] .md-search-result__link:hover {
+  background-color: rgba(245, 0, 87, 0.1); }
+
+[data-md-color-accent="pink"] .md-sidebar__scrollwrap::-webkit-scrollbar-thumb:hover {
+  background-color: #f50057; }
+
+button[data-md-color-accent="purple"] {
+  background-color: #e040fb; }
+
+[data-md-color-accent="purple"] .md-typeset a:hover,
+[data-md-color-accent="purple"] .md-typeset a:active {
+  color: #e040fb; }
+
+[data-md-color-accent="purple"] .md-typeset pre::-webkit-scrollbar-thumb:hover,
+[data-md-color-accent="purple"] .md-typeset .codehilite::-webkit-scrollbar-thumb:hover {
+  background-color: #e040fb; }
+
+[data-md-color-accent="purple"] .md-typeset .footnote li:hover .footnote-backref:hover,
+[data-md-color-accent="purple"] .md-typeset .footnote li:target .footnote-backref {
+  color: #e040fb; }
+
+[data-md-color-accent="purple"] .md-typeset [id]:hover .headerlink:hover,
+[data-md-color-accent="purple"] .md-typeset [id]:target .headerlink,
+[data-md-color-accent="purple"] .md-typeset [id] .headerlink:focus {
+  color: #e040fb; }
+
+[data-md-color-accent="purple"] .md-nav__link:hover,
+[data-md-color-accent="purple"] .md-nav__link:active,
+[data-md-color-accent="purple"] .md-nav__link--active {
+  color: #e040fb; }
+
+[data-md-color-accent="purple"] .md-search__scrollwrap::-webkit-scrollbar-thumb:hover {
+  background-color: #e040fb; }
+
+[data-md-color-accent="purple"] .md-search-result__link:hover {
+  background-color: rgba(224, 64, 251, 0.1); }
+
+[data-md-color-accent="purple"] .md-sidebar__scrollwrap::-webkit-scrollbar-thumb:hover {
+  background-color: #e040fb; }
+
+button[data-md-color-accent="deep-purple"] {
+  background-color: #7c4dff; }
+
+[data-md-color-accent="deep-purple"] .md-typeset a:hover,
+[data-md-color-accent="deep-purple"] .md-typeset a:active {
+  color: #7c4dff; }
+
+[data-md-color-accent="deep-purple"] .md-typeset pre::-webkit-scrollbar-thumb:hover,
+[data-md-color-accent="deep-purple"] .md-typeset .codehilite::-webkit-scrollbar-thumb:hover {
+  background-color: #7c4dff; }
+
+[data-md-color-accent="deep-purple"] .md-typeset .footnote li:hover .footnote-backref:hover,
+[data-md-color-accent="deep-purple"] .md-typeset .footnote li:target .footnote-backref {
+  color: #7c4dff; }
+
+[data-md-color-accent="deep-purple"] .md-typeset [id]:hover .headerlink:hover,
+[data-md-color-accent="deep-purple"] .md-typeset [id]:target .headerlink,
+[data-md-color-accent="deep-purple"] .md-typeset [id] .headerlink:focus {
+  color: #7c4dff; }
+
+[data-md-color-accent="deep-purple"] .md-nav__link:hover,
+[data-md-color-accent="deep-purple"] .md-nav__link:active,
+[data-md-color-accent="deep-purple"] .md-nav__link--active {
+  color: #7c4dff; }
+
+[data-md-color-accent="deep-purple"] .md-search__scrollwrap::-webkit-scrollbar-thumb:hover {
+  background-color: #7c4dff; }
+
+[data-md-color-accent="deep-purple"] .md-search-result__link:hover {
+  background-color: rgba(124, 77, 255, 0.1); }
+
+[data-md-color-accent="deep-purple"] .md-sidebar__scrollwrap::-webkit-scrollbar-thumb:hover {
+  background-color: #7c4dff; }
+
+button[data-md-color-accent="indigo"] {
+  background-color: #536dfe; }
+
+[data-md-color-accent="indigo"] .md-typeset a:hover,
+[data-md-color-accent="indigo"] .md-typeset a:active {
+  color: #536dfe; }
+
+[data-md-color-accent="indigo"] .md-typeset pre::-webkit-scrollbar-thumb:hover,
+[data-md-color-accent="indigo"] .md-typeset .codehilite::-webkit-scrollbar-thumb:hover {
+  background-color: #536dfe; }
+
+[data-md-color-accent="indigo"] .md-typeset .footnote li:hover .footnote-backref:hover,
+[data-md-color-accent="indigo"] .md-typeset .footnote li:target .footnote-backref {
+  color: #536dfe; }
+
+[data-md-color-accent="indigo"] .md-typeset [id]:hover .headerlink:hover,
+[data-md-color-accent="indigo"] .md-typeset [id]:target .headerlink,
+[data-md-color-accent="indigo"] .md-typeset [id] .headerlink:focus {
+  color: #536dfe; }
+
+[data-md-color-accent="indigo"] .md-nav__link:hover,
+[data-md-color-accent="indigo"] .md-nav__link:active,
+[data-md-color-accent="indigo"] .md-nav__link--active {
+  color: #536dfe; }
+
+[data-md-color-accent="indigo"] .md-search__scrollwrap::-webkit-scrollbar-thumb:hover {
+  background-color: #536dfe; }
+
+[data-md-color-accent="indigo"] .md-search-result__link:hover {
+  background-color: rgba(83, 109, 254, 0.1); }
+
+[data-md-color-accent="indigo"] .md-sidebar__scrollwrap::-webkit-scrollbar-thumb:hover {
+  background-color: #536dfe; }
+
+button[data-md-color-accent="blue"] {
+  background-color: #448aff; }
+
+[data-md-color-accent="blue"] .md-typeset a:hover,
+[data-md-color-accent="blue"] .md-typeset a:active {
+  color: #448aff; }
+
+[data-md-color-accent="blue"] .md-typeset pre::-webkit-scrollbar-thumb:hover,
+[data-md-color-accent="blue"] .md-typeset .codehilite::-webkit-scrollbar-thumb:hover {
+  background-color: #448aff; }
+
+[data-md-color-accent="blue"] .md-typeset .footnote li:hover .footnote-backref:hover,
+[data-md-color-accent="blue"] .md-typeset .footnote li:target .footnote-backref {
+  color: #448aff; }
+
+[data-md-color-accent="blue"] .md-typeset [id]:hover .headerlink:hover,
+[data-md-color-accent="blue"] .md-typeset [id]:target .headerlink,
+[data-md-color-accent="blue"] .md-typeset [id] .headerlink:focus {
+  color: #448aff; }
+
+[data-md-color-accent="blue"] .md-nav__link:hover,
+[data-md-color-accent="blue"] .md-nav__link:active,
+[data-md-color-accent="blue"] .md-nav__link--active {
+  color: #448aff; }
+
+[data-md-color-accent="blue"] .md-search__scrollwrap::-webkit-scrollbar-thumb:hover {
+  background-color: #448aff; }
+
+[data-md-color-accent="blue"] .md-search-result__link:hover {
+  background-color: rgba(68, 138, 255, 0.1); }
+
+[data-md-color-accent="blue"] .md-sidebar__scrollwrap::-webkit-scrollbar-thumb:hover {
+  background-color: #448aff; }
+
+button[data-md-color-accent="light-blue"] {
+  background-color: #0091ea; }
+
+[data-md-color-accent="light-blue"] .md-typeset a:hover,
+[data-md-color-accent="light-blue"] .md-typeset a:active {
+  color: #0091ea; }
+
+[data-md-color-accent="light-blue"] .md-typeset pre::-webkit-scrollbar-thumb:hover,
+[data-md-color-accent="light-blue"] .md-typeset .codehilite::-webkit-scrollbar-thumb:hover {
+  background-color: #0091ea; }
+
+[data-md-color-accent="light-blue"] .md-typeset .footnote li:hover .footnote-backref:hover,
+[data-md-color-accent="light-blue"] .md-typeset .footnote li:target .footnote-backref {
+  color: #0091ea; }
+
+[data-md-color-accent="light-blue"] .md-typeset [id]:hover .headerlink:hover,
+[data-md-color-accent="light-blue"] .md-typeset [id]:target .headerlink,
+[data-md-color-accent="light-blue"] .md-typeset [id] .headerlink:focus {
+  color: #0091ea; }
+
+[data-md-color-accent="light-blue"] .md-nav__link:hover,
+[data-md-color-accent="light-blue"] .md-nav__link:active,
+[data-md-color-accent="light-blue"] .md-nav__link--active {
+  color: #0091ea; }
+
+[data-md-color-accent="light-blue"] .md-search__scrollwrap::-webkit-scrollbar-thumb:hover {
+  background-color: #0091ea; }
+
+[data-md-color-accent="light-blue"] .md-search-result__link:hover {
+  background-color: rgba(0, 145, 234, 0.1); }
+
+[data-md-color-accent="light-blue"] .md-sidebar__scrollwrap::-webkit-scrollbar-thumb:hover {
+  background-color: #0091ea; }
+
+button[data-md-color-accent="cyan"] {
+  background-color: #00b8d4; }
+
+[data-md-color-accent="cyan"] .md-typeset a:hover,
+[data-md-color-accent="cyan"] .md-typeset a:active {
+  color: #00b8d4; }
+
+[data-md-color-accent="cyan"] .md-typeset pre::-webkit-scrollbar-thumb:hover,
+[data-md-color-accent="cyan"] .md-typeset .codehilite::-webkit-scrollbar-thumb:hover {
+  background-color: #00b8d4; }
+
+[data-md-color-accent="cyan"] .md-typeset .footnote li:hover .footnote-backref:hover,
+[data-md-color-accent="cyan"] .md-typeset .footnote li:target .footnote-backref {
+  color: #00b8d4; }
+
+[data-md-color-accent="cyan"] .md-typeset [id]:hover .headerlink:hover,
+[data-md-color-accent="cyan"] .md-typeset [id]:target .headerlink,
+[data-md-color-accent="cyan"] .md-typeset [id] .headerlink:focus {
+  color: #00b8d4; }
+
+[data-md-color-accent="cyan"] .md-nav__link:hover,
+[data-md-color-accent="cyan"] .md-nav__link:active,
+[data-md-color-accent="cyan"] .md-nav__link--active {
+  color: #00b8d4; }
+
+[data-md-color-accent="cyan"] .md-search__scrollwrap::-webkit-scrollbar-thumb:hover {
+  background-color: #00b8d4; }
+
+[data-md-color-accent="cyan"] .md-search-result__link:hover {
+  background-color: rgba(0, 184, 212, 0.1); }
+
+[data-md-color-accent="cyan"] .md-sidebar__scrollwrap::-webkit-scrollbar-thumb:hover {
+  background-color: #00b8d4; }
+
+button[data-md-color-accent="teal"] {
+  background-color: #00bfa5; }
+
+[data-md-color-accent="teal"] .md-typeset a:hover,
+[data-md-color-accent="teal"] .md-typeset a:active {
+  color: #00bfa5; }
+
+[data-md-color-accent="teal"] .md-typeset pre::-webkit-scrollbar-thumb:hover,
+[data-md-color-accent="teal"] .md-typeset .codehilite::-webkit-scrollbar-thumb:hover {
+  background-color: #00bfa5; }
+
+[data-md-color-accent="teal"] .md-typeset .footnote li:hover .footnote-backref:hover,
+[data-md-color-accent="teal"] .md-typeset .footnote li:target .footnote-backref {
+  color: #00bfa5; }
+
+[data-md-color-accent="teal"] .md-typeset [id]:hover .headerlink:hover,
+[data-md-color-accent="teal"] .md-typeset [id]:target .headerlink,
+[data-md-color-accent="teal"] .md-typeset [id] .headerlink:focus {
+  color: #00bfa5; }
+
+[data-md-color-accent="teal"] .md-nav__link:hover,
+[data-md-color-accent="teal"] .md-nav__link:active,
+[data-md-color-accent="teal"] .md-nav__link--active {
+  color: #00bfa5; }
+
+[data-md-color-accent="teal"] .md-search__scrollwrap::-webkit-scrollbar-thumb:hover {
+  background-color: #00bfa5; }
+
+[data-md-color-accent="teal"] .md-search-result__link:hover {
+  background-color: rgba(0, 191, 165, 0.1); }
+
+[data-md-color-accent="teal"] .md-sidebar__scrollwrap::-webkit-scrollbar-thumb:hover {
+  background-color: #00bfa5; }
+
+button[data-md-color-accent="green"] {
+  background-color: #00c853; }
+
+[data-md-color-accent="green"] .md-typeset a:hover,
+[data-md-color-accent="green"] .md-typeset a:active {
+  color: #00c853; }
+
+[data-md-color-accent="green"] .md-typeset pre::-webkit-scrollbar-thumb:hover,
+[data-md-color-accent="green"] .md-typeset .codehilite::-webkit-scrollbar-thumb:hover {
+  background-color: #00c853; }
+
+[data-md-color-accent="green"] .md-typeset .footnote li:hover .footnote-backref:hover,
+[data-md-color-accent="green"] .md-typeset .footnote li:target .footnote-backref {
+  color: #00c853; }
+
+[data-md-color-accent="green"] .md-typeset [id]:hover .headerlink:hover,
+[data-md-color-accent="green"] .md-typeset [id]:target .headerlink,
+[data-md-color-accent="green"] .md-typeset [id] .headerlink:focus {
+  color: #00c853; }
+
+[data-md-color-accent="green"] .md-nav__link:hover,
+[data-md-color-accent="green"] .md-nav__link:active,
+[data-md-color-accent="green"] .md-nav__link--active {
+  color: #00c853; }
+
+[data-md-color-accent="green"] .md-search__scrollwrap::-webkit-scrollbar-thumb:hover {
+  background-color: #00c853; }
+
+[data-md-color-accent="green"] .md-search-result__link:hover {
+  background-color: rgba(0, 200, 83, 0.1); }
+
+[data-md-color-accent="green"] .md-sidebar__scrollwrap::-webkit-scrollbar-thumb:hover {
+  background-color: #00c853; }
+
+button[data-md-color-accent="light-green"] {
+  background-color: #64dd17; }
+
+[data-md-color-accent="light-green"] .md-typeset a:hover,
+[data-md-color-accent="light-green"] .md-typeset a:active {
+  color: #64dd17; }
+
+[data-md-color-accent="light-green"] .md-typeset pre::-webkit-scrollbar-thumb:hover,
+[data-md-color-accent="light-green"] .md-typeset .codehilite::-webkit-scrollbar-thumb:hover {
+  background-color: #64dd17; }
+
+[data-md-color-accent="light-green"] .md-typeset .footnote li:hover .footnote-backref:hover,
+[data-md-color-accent="light-green"] .md-typeset .footnote li:target .footnote-backref {
+  color: #64dd17; }
+
+[data-md-color-accent="light-green"] .md-typeset [id]:hover .headerlink:hover,
+[data-md-color-accent="light-green"] .md-typeset [id]:target .headerlink,
+[data-md-color-accent="light-green"] .md-typeset [id] .headerlink:focus {
+  color: #64dd17; }
+
+[data-md-color-accent="light-green"] .md-nav__link:hover,
+[data-md-color-accent="light-green"] .md-nav__link:active,
+[data-md-color-accent="light-green"] .md-nav__link--active {
+  color: #64dd17; }
+
+[data-md-color-accent="light-green"] .md-search__scrollwrap::-webkit-scrollbar-thumb:hover {
+  background-color: #64dd17; }
+
+[data-md-color-accent="light-green"] .md-search-result__link:hover {
+  background-color: rgba(100, 221, 23, 0.1); }
+
+[data-md-color-accent="light-green"] .md-sidebar__scrollwrap::-webkit-scrollbar-thumb:hover {
+  background-color: #64dd17; }
+
+button[data-md-color-accent="lime"] {
+  background-color: #aeea00; }
+
+[data-md-color-accent="lime"] .md-typeset a:hover,
+[data-md-color-accent="lime"] .md-typeset a:active {
+  color: #aeea00; }
+
+[data-md-color-accent="lime"] .md-typeset pre::-webkit-scrollbar-thumb:hover,
+[data-md-color-accent="lime"] .md-typeset .codehilite::-webkit-scrollbar-thumb:hover {
+  background-color: #aeea00; }
+
+[data-md-color-accent="lime"] .md-typeset .footnote li:hover .footnote-backref:hover,
+[data-md-color-accent="lime"] .md-typeset .footnote li:target .footnote-backref {
+  color: #aeea00; }
+
+[data-md-color-accent="lime"] .md-typeset [id]:hover .headerlink:hover,
+[data-md-color-accent="lime"] .md-typeset [id]:target .headerlink,
+[data-md-color-accent="lime"] .md-typeset [id] .headerlink:focus {
+  color: #aeea00; }
+
+[data-md-color-accent="lime"] .md-nav__link:hover,
+[data-md-color-accent="lime"] .md-nav__link:active,
+[data-md-color-accent="lime"] .md-nav__link--active {
+  color: #aeea00; }
+
+[data-md-color-accent="lime"] .md-search__scrollwrap::-webkit-scrollbar-thumb:hover {
+  background-color: #aeea00; }
+
+[data-md-color-accent="lime"] .md-search-result__link:hover {
+  background-color: rgba(174, 234, 0, 0.1); }
+
+[data-md-color-accent="lime"] .md-sidebar__scrollwrap::-webkit-scrollbar-thumb:hover {
+  background-color: #aeea00; }
+
+button[data-md-color-accent="yellow"] {
+  background-color: #ffd600; }
+
+[data-md-color-accent="yellow"] .md-typeset a:hover,
+[data-md-color-accent="yellow"] .md-typeset a:active {
+  color: #ffd600; }
+
+[data-md-color-accent="yellow"] .md-typeset pre::-webkit-scrollbar-thumb:hover,
+[data-md-color-accent="yellow"] .md-typeset .codehilite::-webkit-scrollbar-thumb:hover {
+  background-color: #ffd600; }
+
+[data-md-color-accent="yellow"] .md-typeset .footnote li:hover .footnote-backref:hover,
+[data-md-color-accent="yellow"] .md-typeset .footnote li:target .footnote-backref {
+  color: #ffd600; }
+
+[data-md-color-accent="yellow"] .md-typeset [id]:hover .headerlink:hover,
+[data-md-color-accent="yellow"] .md-typeset [id]:target .headerlink,
+[data-md-color-accent="yellow"] .md-typeset [id] .headerlink:focus {
+  color: #ffd600; }
+
+[data-md-color-accent="yellow"] .md-nav__link:hover,
+[data-md-color-accent="yellow"] .md-nav__link:active,
+[data-md-color-accent="yellow"] .md-nav__link--active {
+  color: #ffd600; }
+
+[data-md-color-accent="yellow"] .md-search__scrollwrap::-webkit-scrollbar-thumb:hover {
+  background-color: #ffd600; }
+
+[data-md-color-accent="yellow"] .md-search-result__link:hover {
+  background-color: rgba(255, 214, 0, 0.1); }
+
+[data-md-color-accent="yellow"] .md-sidebar__scrollwrap::-webkit-scrollbar-thumb:hover {
+  background-color: #ffd600; }
+
+button[data-md-color-accent="amber"] {
+  background-color: #ffab00; }
+
+[data-md-color-accent="amber"] .md-typeset a:hover,
+[data-md-color-accent="amber"] .md-typeset a:active {
+  color: #ffab00; }
+
+[data-md-color-accent="amber"] .md-typeset pre::-webkit-scrollbar-thumb:hover,
+[data-md-color-accent="amber"] .md-typeset .codehilite::-webkit-scrollbar-thumb:hover {
+  background-color: #ffab00; }
+
+[data-md-color-accent="amber"] .md-typeset .footnote li:hover .footnote-backref:hover,
+[data-md-color-accent="amber"] .md-typeset .footnote li:target .footnote-backref {
+  color: #ffab00; }
+
+[data-md-color-accent="amber"] .md-typeset [id]:hover .headerlink:hover,
+[data-md-color-accent="amber"] .md-typeset [id]:target .headerlink,
+[data-md-color-accent="amber"] .md-typeset [id] .headerlink:focus {
+  color: #ffab00; }
+
+[data-md-color-accent="amber"] .md-nav__link:hover,
+[data-md-color-accent="amber"] .md-nav__link:active,
+[data-md-color-accent="amber"] .md-nav__link--active {
+  color: #ffab00; }
+
+[data-md-color-accent="amber"] .md-search__scrollwrap::-webkit-scrollbar-thumb:hover {
+  background-color: #ffab00; }
+
+[data-md-color-accent="amber"] .md-search-result__link:hover {
+  background-color: rgba(255, 171, 0, 0.1); }
+
+[data-md-color-accent="amber"] .md-sidebar__scrollwrap::-webkit-scrollbar-thumb:hover {
+  background-color: #ffab00; }
+
+button[data-md-color-accent="orange"] {
+  background-color: #ff9100; }
+
+[data-md-color-accent="orange"] .md-typeset a:hover,
+[data-md-color-accent="orange"] .md-typeset a:active {
+  color: #ff9100; }
+
+[data-md-color-accent="orange"] .md-typeset pre::-webkit-scrollbar-thumb:hover,
+[data-md-color-accent="orange"] .md-typeset .codehilite::-webkit-scrollbar-thumb:hover {
+  background-color: #ff9100; }
+
+[data-md-color-accent="orange"] .md-typeset .footnote li:hover .footnote-backref:hover,
+[data-md-color-accent="orange"] .md-typeset .footnote li:target .footnote-backref {
+  color: #ff9100; }
+
+[data-md-color-accent="orange"] .md-typeset [id]:hover .headerlink:hover,
+[data-md-color-accent="orange"] .md-typeset [id]:target .headerlink,
+[data-md-color-accent="orange"] .md-typeset [id] .headerlink:focus {
+  color: #ff9100; }
+
+[data-md-color-accent="orange"] .md-nav__link:hover,
+[data-md-color-accent="orange"] .md-nav__link:active,
+[data-md-color-accent="orange"] .md-nav__link--active {
+  color: #ff9100; }
+
+[data-md-color-accent="orange"] .md-search__scrollwrap::-webkit-scrollbar-thumb:hover {
+  background-color: #ff9100; }
+
+[data-md-color-accent="orange"] .md-search-result__link:hover {
+  background-color: rgba(255, 145, 0, 0.1); }
+
+[data-md-color-accent="orange"] .md-sidebar__scrollwrap::-webkit-scrollbar-thumb:hover {
+  background-color: #ff9100; }
+
+button[data-md-color-accent="deep-orange"] {
+  background-color: #ff6e40; }
+
+[data-md-color-accent="deep-orange"] .md-typeset a:hover,
+[data-md-color-accent="deep-orange"] .md-typeset a:active {
+  color: #ff6e40; }
+
+[data-md-color-accent="deep-orange"] .md-typeset pre::-webkit-scrollbar-thumb:hover,
+[data-md-color-accent="deep-orange"] .md-typeset .codehilite::-webkit-scrollbar-thumb:hover {
+  background-color: #ff6e40; }
+
+[data-md-color-accent="deep-orange"] .md-typeset .footnote li:hover .footnote-backref:hover,
+[data-md-color-accent="deep-orange"] .md-typeset .footnote li:target .footnote-backref {
+  color: #ff6e40; }
+
+[data-md-color-accent="deep-orange"] .md-typeset [id]:hover .headerlink:hover,
+[data-md-color-accent="deep-orange"] .md-typeset [id]:target .headerlink,
+[data-md-color-accent="deep-orange"] .md-typeset [id] .headerlink:focus {
+  color: #ff6e40; }
+
+[data-md-color-accent="deep-orange"] .md-nav__link:hover,
+[data-md-color-accent="deep-orange"] .md-nav__link:active,
+[data-md-color-accent="deep-orange"] .md-nav__link--active {
+  color: #ff6e40; }
+
+[data-md-color-accent="deep-orange"] .md-search__scrollwrap::-webkit-scrollbar-thumb:hover {
+  background-color: #ff6e40; }
+
+[data-md-color-accent="deep-orange"] .md-search-result__link:hover {
+  background-color: rgba(255, 110, 64, 0.1); }
+
+[data-md-color-accent="deep-orange"] .md-sidebar__scrollwrap::-webkit-scrollbar-thumb:hover {
+  background-color: #ff6e40; }
+
+@media only screen and (min-width: 60em) {
+  [data-md-color-primary="red"] .md-nav--secondary {
+    border-left: 0.4rem solid #ef5350; }
+  [data-md-color-primary="pink"] .md-nav--secondary {
+    border-left: 0.4rem solid #e91e63; }
+  [data-md-color-primary="purple"] .md-nav--secondary {
+    border-left: 0.4rem solid #ab47bc; }
+  [data-md-color-primary="deep-purple"] .md-nav--secondary {
+    border-left: 0.4rem solid #7e57c2; }
+  [data-md-color-primary="indigo"] .md-nav--secondary {
+    border-left: 0.4rem solid #3f51b5; }
+  [data-md-color-primary="blue"] .md-nav--secondary {
+    border-left: 0.4rem solid #2196f3; }
+  [data-md-color-primary="light-blue"] .md-nav--secondary {
+    border-left: 0.4rem solid #03a9f4; }
+  [data-md-color-primary="cyan"] .md-nav--secondary {
+    border-left: 0.4rem solid #00bcd4; }
+  [data-md-color-primary="teal"] .md-nav--secondary {
+    border-left: 0.4rem solid #009688; }
+  [data-md-color-primary="green"] .md-nav--secondary {
+    border-left: 0.4rem solid #4caf50; }
+  [data-md-color-primary="light-green"] .md-nav--secondary {
+    border-left: 0.4rem solid #7cb342; }
+  [data-md-color-primary="lime"] .md-nav--secondary {
+    border-left: 0.4rem solid #c0ca33; }
+  [data-md-color-primary="yellow"] .md-nav--secondary {
+    border-left: 0.4rem solid #f9a825; }
+  [data-md-color-primary="amber"] .md-nav--secondary {
+    border-left: 0.4rem solid #ffb300; }
+  [data-md-color-primary="orange"] .md-nav--secondary {
+    border-left: 0.4rem solid #fb8c00; }
+  [data-md-color-primary="deep-orange"] .md-nav--secondary {
+    border-left: 0.4rem solid #ff7043; }
+  [data-md-color-primary="brown"] .md-nav--secondary {
+    border-left: 0.4rem solid #795548; }
+  [data-md-color-primary="grey"] .md-nav--secondary {
+    border-left: 0.4rem solid #757575; }
+  [data-md-color-primary="blue-grey"] .md-nav--secondary {
+    border-left: 0.4rem solid #546e7a; } }
+
+@media only screen and (max-width: 59.9375em) {
+  html [data-md-color-accent="red"] .md-nav__link[for="toc"]::after {
+    color: #ff1744; }
+  html [data-md-color-accent="pink"] .md-nav__link[for="toc"]::after {
+    color: #f50057; }
+  html [data-md-color-accent="purple"] .md-nav__link[for="toc"]::after {
+    color: #e040fb; }
+  html [data-md-color-accent="deep-purple"] .md-nav__link[for="toc"]::after {
+    color: #7c4dff; }
+  html [data-md-color-accent="indigo"] .md-nav__link[for="toc"]::after {
+    color: #536dfe; }
+  html [data-md-color-accent="blue"] .md-nav__link[for="toc"]::after {
+    color: #448aff; }
+  html [data-md-color-accent="light-blue"] .md-nav__link[for="toc"]::after {
+    color: #0091ea; }
+  html [data-md-color-accent="cyan"] .md-nav__link[for="toc"]::after {
+    color: #00b8d4; }
+  html [data-md-color-accent="teal"] .md-nav__link[for="toc"]::after {
+    color: #00bfa5; }
+  html [data-md-color-accent="green"] .md-nav__link[for="toc"]::after {
+    color: #00c853; }
+  html [data-md-color-accent="light-green"] .md-nav__link[for="toc"]::after {
+    color: #64dd17; }
+  html [data-md-color-accent="lime"] .md-nav__link[for="toc"]::after {
+    color: #aeea00; }
+  html [data-md-color-accent="yellow"] .md-nav__link[for="toc"]::after {
+    color: #ffd600; }
+  html [data-md-color-accent="amber"] .md-nav__link[for="toc"]::after {
+    color: #ffab00; }
+  html [data-md-color-accent="orange"] .md-nav__link[for="toc"]::after {
+    color: #ff9100; }
+  html [data-md-color-accent="deep-orange"] .md-nav__link[for="toc"]::after {
+    color: #ff6e40; } }
diff --git a/material/assets/stylesheets/application.palettes.css b/material/assets/stylesheets/application.palettes.css
deleted file mode 100644
index e5654dde3..000000000
--- a/material/assets/stylesheets/application.palettes.css
+++ /dev/null
@@ -1,716 +0,0 @@
-[data-md-palette-primary="red"] .md-typeset a {
-  color: #ef5350; }
-
-[data-md-palette-primary="red"] .md-header {
-  background-color: #ef5350; }
-
-[data-md-palette-primary="red"] .md-nav--secondary {
-  border-left: 0.4rem solid #ef5350; }
-
-[data-md-palette-primary="pink"] .md-typeset a {
-  color: #e91e63; }
-
-[data-md-palette-primary="pink"] .md-header {
-  background-color: #e91e63; }
-
-[data-md-palette-primary="pink"] .md-nav--secondary {
-  border-left: 0.4rem solid #e91e63; }
-
-[data-md-palette-primary="purple"] .md-typeset a {
-  color: #ab47bc; }
-
-[data-md-palette-primary="purple"] .md-header {
-  background-color: #ab47bc; }
-
-[data-md-palette-primary="purple"] .md-nav--secondary {
-  border-left: 0.4rem solid #ab47bc; }
-
-[data-md-palette-primary="deep-purple"] .md-typeset a {
-  color: #7e57c2; }
-
-[data-md-palette-primary="deep-purple"] .md-header {
-  background-color: #7e57c2; }
-
-[data-md-palette-primary="deep-purple"] .md-nav--secondary {
-  border-left: 0.4rem solid #7e57c2; }
-
-[data-md-palette-primary="indigo"] .md-typeset a {
-  color: #3f51b5; }
-
-[data-md-palette-primary="indigo"] .md-header {
-  background-color: #3f51b5; }
-
-[data-md-palette-primary="indigo"] .md-nav--secondary {
-  border-left: 0.4rem solid #3f51b5; }
-
-[data-md-palette-primary="blue"] .md-typeset a {
-  color: #2196f3; }
-
-[data-md-palette-primary="blue"] .md-header {
-  background-color: #2196f3; }
-
-[data-md-palette-primary="blue"] .md-nav--secondary {
-  border-left: 0.4rem solid #2196f3; }
-
-[data-md-palette-primary="light-blue"] .md-typeset a {
-  color: #03a9f4; }
-
-[data-md-palette-primary="light-blue"] .md-header {
-  background-color: #03a9f4; }
-
-[data-md-palette-primary="light-blue"] .md-nav--secondary {
-  border-left: 0.4rem solid #03a9f4; }
-
-[data-md-palette-primary="cyan"] .md-typeset a {
-  color: #00bcd4; }
-
-[data-md-palette-primary="cyan"] .md-header {
-  background-color: #00bcd4; }
-
-[data-md-palette-primary="cyan"] .md-nav--secondary {
-  border-left: 0.4rem solid #00bcd4; }
-
-[data-md-palette-primary="teal"] .md-typeset a {
-  color: #009688; }
-
-[data-md-palette-primary="teal"] .md-header {
-  background-color: #009688; }
-
-[data-md-palette-primary="teal"] .md-nav--secondary {
-  border-left: 0.4rem solid #009688; }
-
-[data-md-palette-primary="green"] .md-typeset a {
-  color: #4caf50; }
-
-[data-md-palette-primary="green"] .md-header {
-  background-color: #4caf50; }
-
-[data-md-palette-primary="green"] .md-nav--secondary {
-  border-left: 0.4rem solid #4caf50; }
-
-[data-md-palette-primary="light-green"] .md-typeset a {
-  color: #7cb342; }
-
-[data-md-palette-primary="light-green"] .md-header {
-  background-color: #7cb342; }
-
-[data-md-palette-primary="light-green"] .md-nav--secondary {
-  border-left: 0.4rem solid #7cb342; }
-
-[data-md-palette-primary="lime"] .md-typeset a {
-  color: #c0ca33; }
-
-[data-md-palette-primary="lime"] .md-header {
-  background-color: #c0ca33; }
-
-[data-md-palette-primary="lime"] .md-nav--secondary {
-  border-left: 0.4rem solid #c0ca33; }
-
-[data-md-palette-primary="yellow"] .md-typeset a {
-  color: #f9a825; }
-
-[data-md-palette-primary="yellow"] .md-header {
-  background-color: #f9a825; }
-
-[data-md-palette-primary="yellow"] .md-nav--secondary {
-  border-left: 0.4rem solid #f9a825; }
-
-[data-md-palette-primary="amber"] .md-typeset a {
-  color: #ffb300; }
-
-[data-md-palette-primary="amber"] .md-header {
-  background-color: #ffb300; }
-
-[data-md-palette-primary="amber"] .md-nav--secondary {
-  border-left: 0.4rem solid #ffb300; }
-
-[data-md-palette-primary="orange"] .md-typeset a {
-  color: #fb8c00; }
-
-[data-md-palette-primary="orange"] .md-header {
-  background-color: #fb8c00; }
-
-[data-md-palette-primary="orange"] .md-nav--secondary {
-  border-left: 0.4rem solid #fb8c00; }
-
-[data-md-palette-primary="deep-orange"] .md-typeset a {
-  color: #ff7043; }
-
-[data-md-palette-primary="deep-orange"] .md-header {
-  background-color: #ff7043; }
-
-[data-md-palette-primary="deep-orange"] .md-nav--secondary {
-  border-left: 0.4rem solid #ff7043; }
-
-[data-md-palette-primary="brown"] .md-typeset a {
-  color: #795548; }
-
-[data-md-palette-primary="brown"] .md-header {
-  background-color: #795548; }
-
-[data-md-palette-primary="brown"] .md-nav--secondary {
-  border-left: 0.4rem solid #795548; }
-
-[data-md-palette-primary="grey"] .md-typeset a {
-  color: #757575; }
-
-[data-md-palette-primary="grey"] .md-header {
-  background-color: #757575; }
-
-[data-md-palette-primary="grey"] .md-nav--secondary {
-  border-left: 0.4rem solid #757575; }
-
-[data-md-palette-primary="blue-grey"] .md-typeset a {
-  color: #546e7a; }
-
-[data-md-palette-primary="blue-grey"] .md-header {
-  background-color: #546e7a; }
-
-[data-md-palette-primary="blue-grey"] .md-nav--secondary {
-  border-left: 0.4rem solid #546e7a; }
-
-[data-md-palette-accent="red"] .md-typeset a:hover,
-[data-md-palette-accent="red"] .md-typeset a:active {
-  color: #ff1744; }
-
-[data-md-palette-accent="red"] .md-typeset pre::-webkit-scrollbar-thumb:hover,
-[data-md-palette-accent="red"] .md-typeset .codehilite::-webkit-scrollbar-thumb:hover {
-  background-color: #ff1744; }
-
-[data-md-palette-accent="red"] .md-typeset .footnote li:hover .footnote-backref:hover,
-[data-md-palette-accent="red"] .md-typeset .footnote li:target .footnote-backref {
-  color: #ff1744; }
-
-[data-md-palette-accent="red"] .md-typeset [id]:hover .headerlink:hover,
-[data-md-palette-accent="red"] .md-typeset [id]:target .headerlink,
-[data-md-palette-accent="red"] .md-typeset [id] .headerlink:focus {
-  color: #ff1744; }
-
-[data-md-palette-accent="red"] .md-nav__link:hover,
-[data-md-palette-accent="red"] .md-nav__link:active,
-[data-md-palette-accent="red"] .md-nav__link--active {
-  color: #ff1744; }
-
-[data-md-palette-accent="red"] .md-search-result__scrollwrap::-webkit-scrollbar-thumb:hover {
-  background-color: #ff1744; }
-
-[data-md-palette-accent="red"] .md-search-result__link:hover {
-  background-color: rgba(255, 23, 68, 0.1); }
-
-[data-md-palette-accent="red"] .md-sidebar__scrollwrap::-webkit-scrollbar-thumb:hover {
-  background-color: #ff1744; }
-
-[data-md-palette-accent="pink"] .md-typeset a:hover,
-[data-md-palette-accent="pink"] .md-typeset a:active {
-  color: #f50057; }
-
-[data-md-palette-accent="pink"] .md-typeset pre::-webkit-scrollbar-thumb:hover,
-[data-md-palette-accent="pink"] .md-typeset .codehilite::-webkit-scrollbar-thumb:hover {
-  background-color: #f50057; }
-
-[data-md-palette-accent="pink"] .md-typeset .footnote li:hover .footnote-backref:hover,
-[data-md-palette-accent="pink"] .md-typeset .footnote li:target .footnote-backref {
-  color: #f50057; }
-
-[data-md-palette-accent="pink"] .md-typeset [id]:hover .headerlink:hover,
-[data-md-palette-accent="pink"] .md-typeset [id]:target .headerlink,
-[data-md-palette-accent="pink"] .md-typeset [id] .headerlink:focus {
-  color: #f50057; }
-
-[data-md-palette-accent="pink"] .md-nav__link:hover,
-[data-md-palette-accent="pink"] .md-nav__link:active,
-[data-md-palette-accent="pink"] .md-nav__link--active {
-  color: #f50057; }
-
-[data-md-palette-accent="pink"] .md-search-result__scrollwrap::-webkit-scrollbar-thumb:hover {
-  background-color: #f50057; }
-
-[data-md-palette-accent="pink"] .md-search-result__link:hover {
-  background-color: rgba(245, 0, 87, 0.1); }
-
-[data-md-palette-accent="pink"] .md-sidebar__scrollwrap::-webkit-scrollbar-thumb:hover {
-  background-color: #f50057; }
-
-[data-md-palette-accent="purple"] .md-typeset a:hover,
-[data-md-palette-accent="purple"] .md-typeset a:active {
-  color: #e040fb; }
-
-[data-md-palette-accent="purple"] .md-typeset pre::-webkit-scrollbar-thumb:hover,
-[data-md-palette-accent="purple"] .md-typeset .codehilite::-webkit-scrollbar-thumb:hover {
-  background-color: #e040fb; }
-
-[data-md-palette-accent="purple"] .md-typeset .footnote li:hover .footnote-backref:hover,
-[data-md-palette-accent="purple"] .md-typeset .footnote li:target .footnote-backref {
-  color: #e040fb; }
-
-[data-md-palette-accent="purple"] .md-typeset [id]:hover .headerlink:hover,
-[data-md-palette-accent="purple"] .md-typeset [id]:target .headerlink,
-[data-md-palette-accent="purple"] .md-typeset [id] .headerlink:focus {
-  color: #e040fb; }
-
-[data-md-palette-accent="purple"] .md-nav__link:hover,
-[data-md-palette-accent="purple"] .md-nav__link:active,
-[data-md-palette-accent="purple"] .md-nav__link--active {
-  color: #e040fb; }
-
-[data-md-palette-accent="purple"] .md-search-result__scrollwrap::-webkit-scrollbar-thumb:hover {
-  background-color: #e040fb; }
-
-[data-md-palette-accent="purple"] .md-search-result__link:hover {
-  background-color: rgba(224, 64, 251, 0.1); }
-
-[data-md-palette-accent="purple"] .md-sidebar__scrollwrap::-webkit-scrollbar-thumb:hover {
-  background-color: #e040fb; }
-
-[data-md-palette-accent="deep-purple"] .md-typeset a:hover,
-[data-md-palette-accent="deep-purple"] .md-typeset a:active {
-  color: #7c4dff; }
-
-[data-md-palette-accent="deep-purple"] .md-typeset pre::-webkit-scrollbar-thumb:hover,
-[data-md-palette-accent="deep-purple"] .md-typeset .codehilite::-webkit-scrollbar-thumb:hover {
-  background-color: #7c4dff; }
-
-[data-md-palette-accent="deep-purple"] .md-typeset .footnote li:hover .footnote-backref:hover,
-[data-md-palette-accent="deep-purple"] .md-typeset .footnote li:target .footnote-backref {
-  color: #7c4dff; }
-
-[data-md-palette-accent="deep-purple"] .md-typeset [id]:hover .headerlink:hover,
-[data-md-palette-accent="deep-purple"] .md-typeset [id]:target .headerlink,
-[data-md-palette-accent="deep-purple"] .md-typeset [id] .headerlink:focus {
-  color: #7c4dff; }
-
-[data-md-palette-accent="deep-purple"] .md-nav__link:hover,
-[data-md-palette-accent="deep-purple"] .md-nav__link:active,
-[data-md-palette-accent="deep-purple"] .md-nav__link--active {
-  color: #7c4dff; }
-
-[data-md-palette-accent="deep-purple"] .md-search-result__scrollwrap::-webkit-scrollbar-thumb:hover {
-  background-color: #7c4dff; }
-
-[data-md-palette-accent="deep-purple"] .md-search-result__link:hover {
-  background-color: rgba(124, 77, 255, 0.1); }
-
-[data-md-palette-accent="deep-purple"] .md-sidebar__scrollwrap::-webkit-scrollbar-thumb:hover {
-  background-color: #7c4dff; }
-
-[data-md-palette-accent="indigo"] .md-typeset a:hover,
-[data-md-palette-accent="indigo"] .md-typeset a:active {
-  color: #536dfe; }
-
-[data-md-palette-accent="indigo"] .md-typeset pre::-webkit-scrollbar-thumb:hover,
-[data-md-palette-accent="indigo"] .md-typeset .codehilite::-webkit-scrollbar-thumb:hover {
-  background-color: #536dfe; }
-
-[data-md-palette-accent="indigo"] .md-typeset .footnote li:hover .footnote-backref:hover,
-[data-md-palette-accent="indigo"] .md-typeset .footnote li:target .footnote-backref {
-  color: #536dfe; }
-
-[data-md-palette-accent="indigo"] .md-typeset [id]:hover .headerlink:hover,
-[data-md-palette-accent="indigo"] .md-typeset [id]:target .headerlink,
-[data-md-palette-accent="indigo"] .md-typeset [id] .headerlink:focus {
-  color: #536dfe; }
-
-[data-md-palette-accent="indigo"] .md-nav__link:hover,
-[data-md-palette-accent="indigo"] .md-nav__link:active,
-[data-md-palette-accent="indigo"] .md-nav__link--active {
-  color: #536dfe; }
-
-[data-md-palette-accent="indigo"] .md-search-result__scrollwrap::-webkit-scrollbar-thumb:hover {
-  background-color: #536dfe; }
-
-[data-md-palette-accent="indigo"] .md-search-result__link:hover {
-  background-color: rgba(83, 109, 254, 0.1); }
-
-[data-md-palette-accent="indigo"] .md-sidebar__scrollwrap::-webkit-scrollbar-thumb:hover {
-  background-color: #536dfe; }
-
-[data-md-palette-accent="blue"] .md-typeset a:hover,
-[data-md-palette-accent="blue"] .md-typeset a:active {
-  color: #448aff; }
-
-[data-md-palette-accent="blue"] .md-typeset pre::-webkit-scrollbar-thumb:hover,
-[data-md-palette-accent="blue"] .md-typeset .codehilite::-webkit-scrollbar-thumb:hover {
-  background-color: #448aff; }
-
-[data-md-palette-accent="blue"] .md-typeset .footnote li:hover .footnote-backref:hover,
-[data-md-palette-accent="blue"] .md-typeset .footnote li:target .footnote-backref {
-  color: #448aff; }
-
-[data-md-palette-accent="blue"] .md-typeset [id]:hover .headerlink:hover,
-[data-md-palette-accent="blue"] .md-typeset [id]:target .headerlink,
-[data-md-palette-accent="blue"] .md-typeset [id] .headerlink:focus {
-  color: #448aff; }
-
-[data-md-palette-accent="blue"] .md-nav__link:hover,
-[data-md-palette-accent="blue"] .md-nav__link:active,
-[data-md-palette-accent="blue"] .md-nav__link--active {
-  color: #448aff; }
-
-[data-md-palette-accent="blue"] .md-search-result__scrollwrap::-webkit-scrollbar-thumb:hover {
-  background-color: #448aff; }
-
-[data-md-palette-accent="blue"] .md-search-result__link:hover {
-  background-color: rgba(68, 138, 255, 0.1); }
-
-[data-md-palette-accent="blue"] .md-sidebar__scrollwrap::-webkit-scrollbar-thumb:hover {
-  background-color: #448aff; }
-
-[data-md-palette-accent="light-blue"] .md-typeset a:hover,
-[data-md-palette-accent="light-blue"] .md-typeset a:active {
-  color: #0091ea; }
-
-[data-md-palette-accent="light-blue"] .md-typeset pre::-webkit-scrollbar-thumb:hover,
-[data-md-palette-accent="light-blue"] .md-typeset .codehilite::-webkit-scrollbar-thumb:hover {
-  background-color: #0091ea; }
-
-[data-md-palette-accent="light-blue"] .md-typeset .footnote li:hover .footnote-backref:hover,
-[data-md-palette-accent="light-blue"] .md-typeset .footnote li:target .footnote-backref {
-  color: #0091ea; }
-
-[data-md-palette-accent="light-blue"] .md-typeset [id]:hover .headerlink:hover,
-[data-md-palette-accent="light-blue"] .md-typeset [id]:target .headerlink,
-[data-md-palette-accent="light-blue"] .md-typeset [id] .headerlink:focus {
-  color: #0091ea; }
-
-[data-md-palette-accent="light-blue"] .md-nav__link:hover,
-[data-md-palette-accent="light-blue"] .md-nav__link:active,
-[data-md-palette-accent="light-blue"] .md-nav__link--active {
-  color: #0091ea; }
-
-[data-md-palette-accent="light-blue"] .md-search-result__scrollwrap::-webkit-scrollbar-thumb:hover {
-  background-color: #0091ea; }
-
-[data-md-palette-accent="light-blue"] .md-search-result__link:hover {
-  background-color: rgba(0, 145, 234, 0.1); }
-
-[data-md-palette-accent="light-blue"] .md-sidebar__scrollwrap::-webkit-scrollbar-thumb:hover {
-  background-color: #0091ea; }
-
-[data-md-palette-accent="cyan"] .md-typeset a:hover,
-[data-md-palette-accent="cyan"] .md-typeset a:active {
-  color: #00b8d4; }
-
-[data-md-palette-accent="cyan"] .md-typeset pre::-webkit-scrollbar-thumb:hover,
-[data-md-palette-accent="cyan"] .md-typeset .codehilite::-webkit-scrollbar-thumb:hover {
-  background-color: #00b8d4; }
-
-[data-md-palette-accent="cyan"] .md-typeset .footnote li:hover .footnote-backref:hover,
-[data-md-palette-accent="cyan"] .md-typeset .footnote li:target .footnote-backref {
-  color: #00b8d4; }
-
-[data-md-palette-accent="cyan"] .md-typeset [id]:hover .headerlink:hover,
-[data-md-palette-accent="cyan"] .md-typeset [id]:target .headerlink,
-[data-md-palette-accent="cyan"] .md-typeset [id] .headerlink:focus {
-  color: #00b8d4; }
-
-[data-md-palette-accent="cyan"] .md-nav__link:hover,
-[data-md-palette-accent="cyan"] .md-nav__link:active,
-[data-md-palette-accent="cyan"] .md-nav__link--active {
-  color: #00b8d4; }
-
-[data-md-palette-accent="cyan"] .md-search-result__scrollwrap::-webkit-scrollbar-thumb:hover {
-  background-color: #00b8d4; }
-
-[data-md-palette-accent="cyan"] .md-search-result__link:hover {
-  background-color: rgba(0, 184, 212, 0.1); }
-
-[data-md-palette-accent="cyan"] .md-sidebar__scrollwrap::-webkit-scrollbar-thumb:hover {
-  background-color: #00b8d4; }
-
-[data-md-palette-accent="teal"] .md-typeset a:hover,
-[data-md-palette-accent="teal"] .md-typeset a:active {
-  color: #00bfa5; }
-
-[data-md-palette-accent="teal"] .md-typeset pre::-webkit-scrollbar-thumb:hover,
-[data-md-palette-accent="teal"] .md-typeset .codehilite::-webkit-scrollbar-thumb:hover {
-  background-color: #00bfa5; }
-
-[data-md-palette-accent="teal"] .md-typeset .footnote li:hover .footnote-backref:hover,
-[data-md-palette-accent="teal"] .md-typeset .footnote li:target .footnote-backref {
-  color: #00bfa5; }
-
-[data-md-palette-accent="teal"] .md-typeset [id]:hover .headerlink:hover,
-[data-md-palette-accent="teal"] .md-typeset [id]:target .headerlink,
-[data-md-palette-accent="teal"] .md-typeset [id] .headerlink:focus {
-  color: #00bfa5; }
-
-[data-md-palette-accent="teal"] .md-nav__link:hover,
-[data-md-palette-accent="teal"] .md-nav__link:active,
-[data-md-palette-accent="teal"] .md-nav__link--active {
-  color: #00bfa5; }
-
-[data-md-palette-accent="teal"] .md-search-result__scrollwrap::-webkit-scrollbar-thumb:hover {
-  background-color: #00bfa5; }
-
-[data-md-palette-accent="teal"] .md-search-result__link:hover {
-  background-color: rgba(0, 191, 165, 0.1); }
-
-[data-md-palette-accent="teal"] .md-sidebar__scrollwrap::-webkit-scrollbar-thumb:hover {
-  background-color: #00bfa5; }
-
-[data-md-palette-accent="green"] .md-typeset a:hover,
-[data-md-palette-accent="green"] .md-typeset a:active {
-  color: #00c853; }
-
-[data-md-palette-accent="green"] .md-typeset pre::-webkit-scrollbar-thumb:hover,
-[data-md-palette-accent="green"] .md-typeset .codehilite::-webkit-scrollbar-thumb:hover {
-  background-color: #00c853; }
-
-[data-md-palette-accent="green"] .md-typeset .footnote li:hover .footnote-backref:hover,
-[data-md-palette-accent="green"] .md-typeset .footnote li:target .footnote-backref {
-  color: #00c853; }
-
-[data-md-palette-accent="green"] .md-typeset [id]:hover .headerlink:hover,
-[data-md-palette-accent="green"] .md-typeset [id]:target .headerlink,
-[data-md-palette-accent="green"] .md-typeset [id] .headerlink:focus {
-  color: #00c853; }
-
-[data-md-palette-accent="green"] .md-nav__link:hover,
-[data-md-palette-accent="green"] .md-nav__link:active,
-[data-md-palette-accent="green"] .md-nav__link--active {
-  color: #00c853; }
-
-[data-md-palette-accent="green"] .md-search-result__scrollwrap::-webkit-scrollbar-thumb:hover {
-  background-color: #00c853; }
-
-[data-md-palette-accent="green"] .md-search-result__link:hover {
-  background-color: rgba(0, 200, 83, 0.1); }
-
-[data-md-palette-accent="green"] .md-sidebar__scrollwrap::-webkit-scrollbar-thumb:hover {
-  background-color: #00c853; }
-
-[data-md-palette-accent="light-green"] .md-typeset a:hover,
-[data-md-palette-accent="light-green"] .md-typeset a:active {
-  color: #64dd17; }
-
-[data-md-palette-accent="light-green"] .md-typeset pre::-webkit-scrollbar-thumb:hover,
-[data-md-palette-accent="light-green"] .md-typeset .codehilite::-webkit-scrollbar-thumb:hover {
-  background-color: #64dd17; }
-
-[data-md-palette-accent="light-green"] .md-typeset .footnote li:hover .footnote-backref:hover,
-[data-md-palette-accent="light-green"] .md-typeset .footnote li:target .footnote-backref {
-  color: #64dd17; }
-
-[data-md-palette-accent="light-green"] .md-typeset [id]:hover .headerlink:hover,
-[data-md-palette-accent="light-green"] .md-typeset [id]:target .headerlink,
-[data-md-palette-accent="light-green"] .md-typeset [id] .headerlink:focus {
-  color: #64dd17; }
-
-[data-md-palette-accent="light-green"] .md-nav__link:hover,
-[data-md-palette-accent="light-green"] .md-nav__link:active,
-[data-md-palette-accent="light-green"] .md-nav__link--active {
-  color: #64dd17; }
-
-[data-md-palette-accent="light-green"] .md-search-result__scrollwrap::-webkit-scrollbar-thumb:hover {
-  background-color: #64dd17; }
-
-[data-md-palette-accent="light-green"] .md-search-result__link:hover {
-  background-color: rgba(100, 221, 23, 0.1); }
-
-[data-md-palette-accent="light-green"] .md-sidebar__scrollwrap::-webkit-scrollbar-thumb:hover {
-  background-color: #64dd17; }
-
-[data-md-palette-accent="lime"] .md-typeset a:hover,
-[data-md-palette-accent="lime"] .md-typeset a:active {
-  color: #aeea00; }
-
-[data-md-palette-accent="lime"] .md-typeset pre::-webkit-scrollbar-thumb:hover,
-[data-md-palette-accent="lime"] .md-typeset .codehilite::-webkit-scrollbar-thumb:hover {
-  background-color: #aeea00; }
-
-[data-md-palette-accent="lime"] .md-typeset .footnote li:hover .footnote-backref:hover,
-[data-md-palette-accent="lime"] .md-typeset .footnote li:target .footnote-backref {
-  color: #aeea00; }
-
-[data-md-palette-accent="lime"] .md-typeset [id]:hover .headerlink:hover,
-[data-md-palette-accent="lime"] .md-typeset [id]:target .headerlink,
-[data-md-palette-accent="lime"] .md-typeset [id] .headerlink:focus {
-  color: #aeea00; }
-
-[data-md-palette-accent="lime"] .md-nav__link:hover,
-[data-md-palette-accent="lime"] .md-nav__link:active,
-[data-md-palette-accent="lime"] .md-nav__link--active {
-  color: #aeea00; }
-
-[data-md-palette-accent="lime"] .md-search-result__scrollwrap::-webkit-scrollbar-thumb:hover {
-  background-color: #aeea00; }
-
-[data-md-palette-accent="lime"] .md-search-result__link:hover {
-  background-color: rgba(174, 234, 0, 0.1); }
-
-[data-md-palette-accent="lime"] .md-sidebar__scrollwrap::-webkit-scrollbar-thumb:hover {
-  background-color: #aeea00; }
-
-[data-md-palette-accent="yellow"] .md-typeset a:hover,
-[data-md-palette-accent="yellow"] .md-typeset a:active {
-  color: #ffd600; }
-
-[data-md-palette-accent="yellow"] .md-typeset pre::-webkit-scrollbar-thumb:hover,
-[data-md-palette-accent="yellow"] .md-typeset .codehilite::-webkit-scrollbar-thumb:hover {
-  background-color: #ffd600; }
-
-[data-md-palette-accent="yellow"] .md-typeset .footnote li:hover .footnote-backref:hover,
-[data-md-palette-accent="yellow"] .md-typeset .footnote li:target .footnote-backref {
-  color: #ffd600; }
-
-[data-md-palette-accent="yellow"] .md-typeset [id]:hover .headerlink:hover,
-[data-md-palette-accent="yellow"] .md-typeset [id]:target .headerlink,
-[data-md-palette-accent="yellow"] .md-typeset [id] .headerlink:focus {
-  color: #ffd600; }
-
-[data-md-palette-accent="yellow"] .md-nav__link:hover,
-[data-md-palette-accent="yellow"] .md-nav__link:active,
-[data-md-palette-accent="yellow"] .md-nav__link--active {
-  color: #ffd600; }
-
-[data-md-palette-accent="yellow"] .md-search-result__scrollwrap::-webkit-scrollbar-thumb:hover {
-  background-color: #ffd600; }
-
-[data-md-palette-accent="yellow"] .md-search-result__link:hover {
-  background-color: rgba(255, 214, 0, 0.1); }
-
-[data-md-palette-accent="yellow"] .md-sidebar__scrollwrap::-webkit-scrollbar-thumb:hover {
-  background-color: #ffd600; }
-
-[data-md-palette-accent="amber"] .md-typeset a:hover,
-[data-md-palette-accent="amber"] .md-typeset a:active {
-  color: #ffab00; }
-
-[data-md-palette-accent="amber"] .md-typeset pre::-webkit-scrollbar-thumb:hover,
-[data-md-palette-accent="amber"] .md-typeset .codehilite::-webkit-scrollbar-thumb:hover {
-  background-color: #ffab00; }
-
-[data-md-palette-accent="amber"] .md-typeset .footnote li:hover .footnote-backref:hover,
-[data-md-palette-accent="amber"] .md-typeset .footnote li:target .footnote-backref {
-  color: #ffab00; }
-
-[data-md-palette-accent="amber"] .md-typeset [id]:hover .headerlink:hover,
-[data-md-palette-accent="amber"] .md-typeset [id]:target .headerlink,
-[data-md-palette-accent="amber"] .md-typeset [id] .headerlink:focus {
-  color: #ffab00; }
-
-[data-md-palette-accent="amber"] .md-nav__link:hover,
-[data-md-palette-accent="amber"] .md-nav__link:active,
-[data-md-palette-accent="amber"] .md-nav__link--active {
-  color: #ffab00; }
-
-[data-md-palette-accent="amber"] .md-search-result__scrollwrap::-webkit-scrollbar-thumb:hover {
-  background-color: #ffab00; }
-
-[data-md-palette-accent="amber"] .md-search-result__link:hover {
-  background-color: rgba(255, 171, 0, 0.1); }
-
-[data-md-palette-accent="amber"] .md-sidebar__scrollwrap::-webkit-scrollbar-thumb:hover {
-  background-color: #ffab00; }
-
-[data-md-palette-accent="orange"] .md-typeset a:hover,
-[data-md-palette-accent="orange"] .md-typeset a:active {
-  color: #ff9100; }
-
-[data-md-palette-accent="orange"] .md-typeset pre::-webkit-scrollbar-thumb:hover,
-[data-md-palette-accent="orange"] .md-typeset .codehilite::-webkit-scrollbar-thumb:hover {
-  background-color: #ff9100; }
-
-[data-md-palette-accent="orange"] .md-typeset .footnote li:hover .footnote-backref:hover,
-[data-md-palette-accent="orange"] .md-typeset .footnote li:target .footnote-backref {
-  color: #ff9100; }
-
-[data-md-palette-accent="orange"] .md-typeset [id]:hover .headerlink:hover,
-[data-md-palette-accent="orange"] .md-typeset [id]:target .headerlink,
-[data-md-palette-accent="orange"] .md-typeset [id] .headerlink:focus {
-  color: #ff9100; }
-
-[data-md-palette-accent="orange"] .md-nav__link:hover,
-[data-md-palette-accent="orange"] .md-nav__link:active,
-[data-md-palette-accent="orange"] .md-nav__link--active {
-  color: #ff9100; }
-
-[data-md-palette-accent="orange"] .md-search-result__scrollwrap::-webkit-scrollbar-thumb:hover {
-  background-color: #ff9100; }
-
-[data-md-palette-accent="orange"] .md-search-result__link:hover {
-  background-color: rgba(255, 145, 0, 0.1); }
-
-[data-md-palette-accent="orange"] .md-sidebar__scrollwrap::-webkit-scrollbar-thumb:hover {
-  background-color: #ff9100; }
-
-[data-md-palette-accent="deep-orange"] .md-typeset a:hover,
-[data-md-palette-accent="deep-orange"] .md-typeset a:active {
-  color: #ff6e40; }
-
-[data-md-palette-accent="deep-orange"] .md-typeset pre::-webkit-scrollbar-thumb:hover,
-[data-md-palette-accent="deep-orange"] .md-typeset .codehilite::-webkit-scrollbar-thumb:hover {
-  background-color: #ff6e40; }
-
-[data-md-palette-accent="deep-orange"] .md-typeset .footnote li:hover .footnote-backref:hover,
-[data-md-palette-accent="deep-orange"] .md-typeset .footnote li:target .footnote-backref {
-  color: #ff6e40; }
-
-[data-md-palette-accent="deep-orange"] .md-typeset [id]:hover .headerlink:hover,
-[data-md-palette-accent="deep-orange"] .md-typeset [id]:target .headerlink,
-[data-md-palette-accent="deep-orange"] .md-typeset [id] .headerlink:focus {
-  color: #ff6e40; }
-
-[data-md-palette-accent="deep-orange"] .md-nav__link:hover,
-[data-md-palette-accent="deep-orange"] .md-nav__link:active,
-[data-md-palette-accent="deep-orange"] .md-nav__link--active {
-  color: #ff6e40; }
-
-[data-md-palette-accent="deep-orange"] .md-search-result__scrollwrap::-webkit-scrollbar-thumb:hover {
-  background-color: #ff6e40; }
-
-[data-md-palette-accent="deep-orange"] .md-search-result__link:hover {
-  background-color: rgba(255, 110, 64, 0.1); }
-
-[data-md-palette-accent="deep-orange"] .md-sidebar__scrollwrap::-webkit-scrollbar-thumb:hover {
-  background-color: #ff6e40; }
-
-@media only screen and (max-width: 59.9375em) {
-
-  html [data-md-palette-accent="red"] .md-nav__link[for="toc"]::after {
-    color: #ff1744; }
-
-  html [data-md-palette-accent="pink"] .md-nav__link[for="toc"]::after {
-    color: #f50057; }
-
-  html [data-md-palette-accent="purple"] .md-nav__link[for="toc"]::after {
-    color: #e040fb; }
-
-  html [data-md-palette-accent="deep-purple"] .md-nav__link[for="toc"]::after {
-    color: #7c4dff; }
-
-  html [data-md-palette-accent="indigo"] .md-nav__link[for="toc"]::after {
-    color: #536dfe; }
-
-  html [data-md-palette-accent="blue"] .md-nav__link[for="toc"]::after {
-    color: #448aff; }
-
-  html [data-md-palette-accent="light-blue"] .md-nav__link[for="toc"]::after {
-    color: #0091ea; }
-
-  html [data-md-palette-accent="cyan"] .md-nav__link[for="toc"]::after {
-    color: #00b8d4; }
-
-  html [data-md-palette-accent="teal"] .md-nav__link[for="toc"]::after {
-    color: #00bfa5; }
-
-  html [data-md-palette-accent="green"] .md-nav__link[for="toc"]::after {
-    color: #00c853; }
-
-  html [data-md-palette-accent="light-green"] .md-nav__link[for="toc"]::after {
-    color: #64dd17; }
-
-  html [data-md-palette-accent="lime"] .md-nav__link[for="toc"]::after {
-    color: #aeea00; }
-
-  html [data-md-palette-accent="yellow"] .md-nav__link[for="toc"]::after {
-    color: #ffd600; }
-
-  html [data-md-palette-accent="amber"] .md-nav__link[for="toc"]::after {
-    color: #ffab00; }
-
-  html [data-md-palette-accent="orange"] .md-nav__link[for="toc"]::after {
-    color: #ff9100; }
-
-  html [data-md-palette-accent="deep-orange"] .md-nav__link[for="toc"]::after {
-    color: #ff6e40; } }
diff --git a/material/base.html b/material/base.html
index 1e01a5dec..28315dacf 100644
--- a/material/base.html
+++ b/material/base.html
@@ -38,7 +38,7 @@
       
       
       {% if config.extra.palette %}
-        
+        
       {% endif %}
       {% for path in extra_css %}
         
@@ -50,7 +50,7 @@
   {% set primary = palette.primary | replace(" ", "-") | lower %}
   {% set accent  = palette.accent  | replace(" ", "-") | lower %}
   {% if primary or accent %}
-    
+    
   {% else %}
     
   {% endif %}
diff --git a/material/partials/header.html b/material/partials/header.html
index 7112859aa..15745a862 100644
--- a/material/partials/header.html
+++ b/material/partials/header.html
@@ -13,13 +13,20 @@
       
       

         
-          {%- block site_name -%}
+          {% block site_name %}
+            {% if page %}
+              {% for parent in page.ancestors %}
+                
+                  {{ parent.title }}
+                
+              {% endfor %}
+            {% endif %}
             {{ page.title | default(config.site_name, true) }}
           {% endblock %}
         
       

       

-        {%- block search_box -%}
+        {% block search_box %}
           
@@ -28,7 +35,7 @@
       

       

         

-          {%- block repo -%}
+          {% block repo %}
             {% if config.repo_url %}
               {% include "partials/source.html" %}
             {% endif %}
diff --git a/src/assets/javascripts/application.js b/src/assets/javascripts/application.js
index accde3601..9c8f66d66 100644
--- a/src/assets/javascripts/application.js
+++ b/src/assets/javascripts/application.js
@@ -59,6 +59,19 @@ export default class Application {
 
       /* Attack FastClick to mitigate 300ms delay on touch devices */
       FastClick.attach(document.body)
+
+      /* Wrap all data tables */
+      const tables = document.querySelectorAll("table:not([class])")
+      for (const table of tables) {
+        const wrap = document.createElement("div")
+        wrap.classList.add("md-typeset__table")
+        if (table.nextSibling) {
+          table.parentNode.insertBefore(wrap, table.nextSibling)
+        } else {
+          table.parentNode.appendChild(wrap)
+        }
+        wrap.appendChild(table)
+      }
     }).listen()
 
     /* Cross-browser helper to dispatch/fire an event */
diff --git a/src/assets/stylesheets/application.palettes.scss b/src/assets/stylesheets/application.palette.scss
similarity index 78%
rename from src/assets/stylesheets/application.palettes.scss
rename to src/assets/stylesheets/application.palette.scss
index a227ed57c..c59f71364 100644
--- a/src/assets/stylesheets/application.palettes.scss
+++ b/src/assets/stylesheets/application.palette.scss
@@ -41,7 +41,27 @@
 // Rules
 // ----------------------------------------------------------------------------
 
-// Build primary palette
+// Color tile
+button[data-md-color-primary],
+button[data-md-color-accent] {
+  width: 10.0rem;
+  padding: 0.4rem 0.8rem;
+  transition:
+    background-color 0.25s,
+    opacity 0.25s;
+  border-radius: 0.2rem;
+  color: $md-color-white;
+  font-size: ms(-1);
+  text-align: left;
+  cursor: pointer;
+
+  // Hovered color tile
+  &:hover {
+    opacity: 0.75;
+  }
+}
+
+// Build primary colors
 @each $name, $color in (
   "red":         $clr-red-400,
   "pink":        $clr-pink-500,
@@ -63,7 +83,14 @@
   "grey":        $clr-grey-600,
   "blue-grey":   $clr-blue-grey-600
 ) {
-  [data-md-palette-primary="#{$name}"] {
+
+  // Color tile for presentation                                                // TODO. comments
+  button[data-md-color-primary="#{$name}"] {
+    background-color: $color;
+  }
+
+  // Color palette
+  [data-md-color-primary="#{$name}"] {
 
     // Links in typesetted content
     .md-typeset a {
@@ -75,14 +102,18 @@
       background-color: $color;
     }
 
-    // Table of contents
-    .md-nav--secondary {
-      border-left: 0.4rem solid $color;
+    // [tablet landscape +]: Add border to table of contents
+    @include break-from-device(tablet landscape) {
+
+      // Table of contents
+      .md-nav--secondary {
+        border-left: 0.4rem solid $color;
+      }
     }
   }
 }
 
-// Build accent palette
+// Build accent colors
 @each $name, $color in (
   "red":         $clr-red-a400,
   "pink":        $clr-pink-a400,
@@ -101,7 +132,14 @@
   "orange":      $clr-orange-a400,
   "deep-orange": $clr-deep-orange-a200
 ) {
-  [data-md-palette-accent="#{$name}"] {
+
+  // Color tile for presentation
+  button[data-md-color-accent="#{$name}"] {
+    background-color: $color;
+  }
+
+  // Color palette
+  [data-md-color-accent="#{$name}"] {
 
     // Typesetted content
     .md-typeset {
@@ -149,18 +187,14 @@
       }
     }
 
-    // Search result
-    .md-search-result {
+    // Search container scrollbar thumb
+    .md-search__scrollwrap::-webkit-scrollbar-thumb:hover {
+      background-color: $color;
+    }
 
-      // Hovered scrollbar thumb
-      &__scrollwrap::-webkit-scrollbar-thumb:hover {
-        background-color: $color;
-      }
-
-      // Hovered link
-      &__link:hover {
-        background-color: transparentize($color, 0.9);
-      }
+    // Hovered search result link
+    .md-search-result__link:hover {
+      background-color: transparentize($color, 0.9);
     }
 
     // Wrapper for scrolling on overflow
diff --git a/src/assets/stylesheets/base/_typeset.scss b/src/assets/stylesheets/base/_typeset.scss
index 4e4712d44..a49e54326 100644
--- a/src/assets/stylesheets/base/_typeset.scss
+++ b/src/assets/stylesheets/base/_typeset.scss
@@ -356,9 +356,11 @@ kbd {
   }
 
   // Data tables
-  table {
-    width: 90%;
-    margin: 1.5em 0;
+  table:not([class]) {
+    @include z-depth(2);
+
+    margin: 2.0em 0;
+    border-radius: 0.2rem;
     font-size: ms(-1);
     overflow: hidden;
 
@@ -366,40 +368,61 @@ kbd {
     .no-js & {
       display: inline-block;
       max-width: 100%;
+      margin: 0.8em 0;
       overflow: auto;
       -webkit-overflow-scrolling: touch;
     }
 
-    // Table heading
+    // Table headings and cells
+    th,
+    td {
+
+      // Right align contents
+      &[align="right"] {
+        text-align: right;
+      }
+
+      // Center contents
+      &[align="center"] {
+        text-align: center;
+      }
+    }
+
+    // Table headings
     th {
       min-width: 10.0rem;
       padding: 1.2rem 1.6rem;
-      border-bottom: 0.1rem solid $md-color-black--light;
-      color: $md-color-black;
-      font-weight: 700;
+      background-color: $md-color-black--light;
+      color: $md-color-white;
       text-align: left;
       vertical-align: top;
     }
 
-    // Table cell
+    // Table cells
     td {
       padding: 1.2rem 1.6rem;
       border-top: 0.1rem solid $md-color-black--lightest;
       vertical-align: top;
     }
 
-    th[align="right"],
-    td[align="right"] {
-      text-align: right;
-    }
-
-    th[align="center"],
-    td[align="center"] {
-      text-align: center;
-    }
-
+    // Remove top border on first row
     tr:first-child td {
       border-top: 0;
     }
   }
+
+  // Data table wrapper, in case JavaScript is available
+  .md-typeset__table {
+    margin: 1.6em -1.6rem;
+    text-align: center;
+    overflow-x: auto;
+    -webkit-overflow-scrolling: touch;
+
+    // Data tables
+    table {
+      display: inline-block;
+      margin: 0 1.6rem;
+      text-align: left;
+    }
+  }
 }
diff --git a/src/assets/stylesheets/extensions/_codehilite.scss b/src/assets/stylesheets/extensions/_codehilite.scss
index a978ab4cc..a664d3293 100644
--- a/src/assets/stylesheets/extensions/_codehilite.scss
+++ b/src/assets/stylesheets/extensions/_codehilite.scss
@@ -334,6 +334,7 @@ $codehilite-whitespace: transparent;
 
   // Full-width container
   > .codehilitetable {
+    box-shadow: none;
 
     // [mobile -]: Stretch to whole width
     @include break-to-device(mobile) {
diff --git a/src/base.html b/src/base.html
index 4fbc4ab60..1d8d04717 100644
--- a/src/base.html
+++ b/src/base.html
@@ -87,10 +87,10 @@
       
 
-      
+      
       {% if config.extra.palette %}
         
+            href="{{ base_url }}/assets/stylesheets/application.palette.css" />
       {% endif %}
 
       
@@ -103,13 +103,13 @@
     {% block extrahead %}{% endblock %}
   
 
-  
+  
   {% set palette = config.extra.get("palette", {}) %}
   {% set primary = palette.primary | replace(" ", "-") | lower %}
   {% set accent  = palette.accent  | replace(" ", "-") | lower %}
   {% if primary or accent %}
-    
+    
   {% else %}
     
   {% endif %}