From 265a50cda5292cd3b46afce97c7dcbfa88f9b32d Mon Sep 17 00:00:00 2001
From: Fredrik Jonsson <frjo@xdeb.org>
Date: Sun, 16 Jul 2017 13:55:22 +0200
Subject: [PATCH] Replace zen grids with css grid. Move print styles print
 style file. Remove Drupal specific styles.

---
 gulpfile.js                                   | 11 ---
 layouts/_default/baseof.html                  | 12 +--
 layouts/_default/list.html                    |  2 +-
 layouts/_default/single.html                  |  2 +-
 layouts/index.html                            |  2 +-
 layouts/partials/menu.html                    |  4 +-
 layouts/partials/meta_cache.html              |  1 +
 layouts/partials/sidebar.html                 |  2 +-
 package.json                                  |  2 -
 sass/_custom.scss                             | 22 +++++
 sass/_init.scss                               |  6 --
 sass/_zen.scss                                | 44 +--------
 sass/base/forms/_forms.scss                   |  5 -
 sass/base/links/_links.scss                   | 22 -----
 sass/base/text/_text.scss                     |  7 --
 sass/components/box/_box.scss                 | 41 +-------
 sass/components/hidden/_hidden.scss           | 12 ---
 sass/components/hidden/hidden.twig            |  3 -
 .../highlight-mark/_highlight-mark.scss       |  9 --
 .../inline-links/_inline-links.scss           | 12 ---
 .../inline-sibling/_inline-sibling.scss       | 22 -----
 sass/components/print-none/_print-none.scss   | 14 ---
 .../responsive-video/_responsive-video.scss   |  9 --
 .../visually-hidden/_visually-hidden.scss     | 13 ---
 sass/components/wireframe/_wireframe.scss     | 18 ++--
 sass/init/_colors.scss                        | 15 ++-
 sass/init/_variables.scss                     | 68 +------------
 sass/layouts/_layouts.scss                    | 95 +++++++++++++++++++
 sass/navigation/breadcrumb/_breadcrumb.scss   |  4 -
 sass/navigation/more-link/_more-link.scss     | 14 +--
 sass/navigation/nav-menu/_nav-menu.scss       | 21 ----
 sass/navigation/navbar/_navbar.scss           | 18 ----
 sass/navigation/pager/_pager.scss             |  6 +-
 sass/navigation/skip-link/_skip-link.scss     |  4 -
 sass/print.scss                               | 33 +++++++
 sass/styles.scss                              | 21 +---
 static/css/print.css                          |  1 +
 static/css/styles.css                         |  2 +-
 38 files changed, 201 insertions(+), 398 deletions(-)
 delete mode 100644 sass/components/hidden/hidden.twig
 create mode 100644 sass/layouts/_layouts.scss
 create mode 100644 sass/print.scss
 create mode 100644 static/css/print.css

diff --git a/gulpfile.js b/gulpfile.js
index adbd8e2..485ded4 100644
--- a/gulpfile.js
+++ b/gulpfile.js
@@ -33,20 +33,11 @@ options.sass = {
     options.theme.sass,
     options.rootPath.project + 'node_modules/breakpoint-sass/stylesheets',
     options.rootPath.project + 'node_modules/chroma-sass/sass',
-    options.rootPath.project + 'node_modules/support-for/sass',
     options.rootPath.project + 'node_modules/typey/stylesheets'
   ],
   outputStyle: 'expanded'
 };
 
-// Define which browsers to add vendor prefixes for.
-options.autoprefixer = {
-  browsers: [
-    '> 1%',
-    'ie 11'
-  ]
-};
-
 // Define the paths to the JS files to lint.
 options.eslint = {
   files  : [
@@ -93,7 +84,6 @@ gulp.task('styles', ['clean:css'], function() {
   return gulp.src(sassFiles)
     .pipe($.sourcemaps.init())
     .pipe(sass(options.sass).on('error', sass.logError))
-    .pipe($.autoprefixer(options.autoprefixer))
     .pipe($.size({showFiles: true}))
     .pipe($.sourcemaps.write('./'))
     .pipe(gulp.dest(options.theme.css))
@@ -102,7 +92,6 @@ gulp.task('styles', ['clean:css'], function() {
 gulp.task('styles:production', ['clean:css'], function() {
   return gulp.src(sassFiles)
     .pipe(sass(options.sass).on('error', sass.logError))
-    .pipe($.autoprefixer(options.autoprefixer))
     .pipe($.size({showFiles: true}))
     .pipe(cleanCSS({compatibility: 'ie10'}))
     .pipe(gulp.dest(options.theme.css));
diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
index d5eaad0..4634d0f 100644
--- a/layouts/_default/baseof.html
+++ b/layouts/_default/baseof.html
@@ -9,21 +9,19 @@
 {{ if and .Site.Params.piwikTrackerUrl .Site.Params.piwikSiteID }}{{ partialCached "piwik.html" . }}{{ end -}}
 </head>
 
-<body class="{{ if $.Param "sidebar" | default true }}one-sidebar sidebar-second{{ else }}no-sidebars{{ end }}">
-<div class="layout-center">
-<header class="header" role="banner">
+<body>
+<div class="page layout__wrapper{{ if $.Param "sidebar" | default true }} layout__sidebar layout__sidebar-second{{ end }}">
+<header class="header layout__header layout__full" role="banner">
 {{ if $.Param "logo" | default true }}<a href="{{ .Site.BaseURL }}" title="Home" rel="home" class="header__logo"><img src="/images/logo.png" alt="Home" class="header__logo-image" /></a>{{ end -}}
 <h1 class="header__site-name">
 <a href="{{ .Site.BaseURL }}" title="Home" class="header__site-link" rel="home"><span>{{ .Site.Title }}</span></a>
 </h1>
-<div class="header__region region region-header">{{ if $.Param "search" }}{{ partialCached "search.html" . }}{{ end }}</div>
+<div class="header__region region">{{ if $.Param "search" }}{{ partialCached "search.html" . }}{{ end }}</div>
 </header>
 
-<div class="layout-3col layout-swap">
 {{ block "main" . }}{{ end -}}
-</div>
 
-<footer class="footer" role="contentinfo">
+<footer class="footer layout__footer layout__full" role="contentinfo">
 {{ if $.Param "feedlinks" }}{{ partial "feedlinks.html" . }}{{ end -}}
 <p>{{ with $.Param "copyright" }}{{ . | markdownify }}{{ else }}<span>© {{ .Site.Title }}</span>{{ end }}</p>
 {{ with $.Param "footer" }}<p>{{ . | markdownify }}</p>{{ end }}
diff --git a/layouts/_default/list.html b/layouts/_default/list.html
index 5229a93..0a6d262 100644
--- a/layouts/_default/list.html
+++ b/layouts/_default/list.html
@@ -3,7 +3,7 @@
 {{ end }}
 
 {{ define "main" -}}
-<main class="{{ if $.Param "sidebar" | default true }}layout-3col__left-content{{ else }}layout-3col__full{{ end }}" role="main">
+<main class="layout__content" role="main">
 <h1 class="title">{{ .Title }}</h1>
 {{ $paginator := .Paginate (.Data.Pages) -}}
 {{ range $paginator.Pages -}}
diff --git a/layouts/_default/single.html b/layouts/_default/single.html
index 7ff305c..0f57f23 100644
--- a/layouts/_default/single.html
+++ b/layouts/_default/single.html
@@ -3,7 +3,7 @@
 {{ end }}
 
 {{ define "main" -}}
-<main class="{{ if $.Param "sidebar" | default true }}layout-3col__left-content{{ else }}layout-3col__full{{ end }}" role="main">
+<main class="layout__content" role="main">
 <h1 class="title {{ if $.Param "submitted" | default false }}title-submitted{{ end }}">{{ .Title }}</h1>
 <article class="{{ with .Section }}section-{{ . | urlize }} {{ end }}single-view">
 <header>
diff --git a/layouts/index.html b/layouts/index.html
index 0bff20a..8eb51c6 100644
--- a/layouts/index.html
+++ b/layouts/index.html
@@ -6,7 +6,7 @@
 {{ end }}
 
 {{ define "main" -}}
-<main class="{{ if $.Param "sidebar" | default true }}layout-3col__left-content{{ else }}layout-3col__full{{ end }}" role="main">
+<main class="layout__content" role="main">
 <article class="{{ with .Section }}section-{{ . | urlize }} {{ end }}single-view">
 <div class="content">
 {{ .Content }}
diff --git a/layouts/partials/menu.html b/layouts/partials/menu.html
index 3ea6ae1..dd3ed12 100644
--- a/layouts/partials/menu.html
+++ b/layouts/partials/menu.html
@@ -1,7 +1,6 @@
 {{ $currentSection := .Section }}
 {{ $currentID := .UniqueID }}
-<div class="layout-swap__top layout-3col__full">
-<nav class="main-menu" role="navigation">
+<nav class="main-menu layout__navigation layout__full" role="navigation">
 <h2 class="visually-hidden">Main menu</h2>
 <ul class="navbar clearfix">
 <li><a class="{{ if .IsHome }}active{{ end }}" href="/">{{ i18n "menu_home" }}</a></li>
@@ -13,4 +12,3 @@
 {{ end -}}
 </ul>
 </nav>
-</div>
diff --git a/layouts/partials/meta_cache.html b/layouts/partials/meta_cache.html
index 8427c31..8d13404 100644
--- a/layouts/partials/meta_cache.html
+++ b/layouts/partials/meta_cache.html
@@ -1 +1,2 @@
 <link rel="stylesheet" href="/css/styles.css{{ if $.Param "cacheBustCSS" }}?{{ readFile "/public/css/styles.css" | sha1 }}{{ end }}">
+<link rel="stylesheet" href="/css/print.css" media="print">
diff --git a/layouts/partials/sidebar.html b/layouts/partials/sidebar.html
index a5a2ff2..03eede3 100644
--- a/layouts/partials/sidebar.html
+++ b/layouts/partials/sidebar.html
@@ -1,5 +1,5 @@
 {{ $currentID := .UniqueID }}
-<aside class="layout-3col__right-sidebar" role="complementary">
+<aside class="sidebar layout__second-sidebar" role="complementary">
 {{ range $.Site.Home.Sections -}}
 <section>
 <h4 class="menu"><a class="{{ if eq $currentID .UniqueID }}active{{ end }}" href="{{ .RelPermalink }}">{{ .Title }}</a></h4>
diff --git a/package.json b/package.json
index a0260f1..c526a63 100644
--- a/package.json
+++ b/package.json
@@ -14,7 +14,6 @@
     "del": "^2.2.2",
     "eslint": "^3.17.1",
     "gulp": "^3.9.1",
-    "gulp-autoprefixer": "^3.1.1",
     "gulp-clean-css": "^3.0.3",
     "gulp-eslint": "^3.0.1",
     "gulp-if": "^2.0.2",
@@ -28,7 +27,6 @@
     "kss": "^3.0.0-beta.18",
     "node-sass-import-once": "^1.2.0",
     "sass-lint": "^1.10.2",
-    "support-for": "^1.0.7",
     "typey": "^1.1.1"
   },
   "engines": {
diff --git a/sass/_custom.scss b/sass/_custom.scss
index 0e57f30..46b48b4 100644
--- a/sass/_custom.scss
+++ b/sass/_custom.scss
@@ -2,3 +2,25 @@
  * @file
  * Site custom styles
  */
+
+.header {
+  &__logo {
+    width: 100px;
+  }
+}
+
+figure {
+  margin-left: -($zen-gutters / 2);
+  margin-right: -($zen-gutters / 2);
+
+  @include respond-to(s) {
+    margin-left: 0;
+    margin-right: 0;
+  }
+}
+
+blockquote {
+  @include margin(1 $indent-amount/2);
+  @include padding(0 $indent-amount/2);
+  border-left: 2px solid color(border);
+}
diff --git a/sass/_init.scss b/sass/_init.scss
index 2c8edbd..385e6e2 100644
--- a/sass/_init.scss
+++ b/sass/_init.scss
@@ -29,9 +29,7 @@
 // The following sass modules are shared with all .scss files:
 // - [Breakpoint](http://breakpoint-sass.com/)
 // - [Chroma](https://github.com/JohnAlbin/chroma)
-// - [Support-for](https://github.com/JohnAlbin/support-for)
 // - [Typey](https://github.com/jptaranto/typey)
-// - [Zen Grids](http://zengrids.com/help/)
 //
 // Additional pre-built libraries can be found on the [Sache website](http://www.sache.in/).
 //
@@ -40,12 +38,8 @@
 // Add Chroma to manage colors.
 @import 'chroma';
 @import 'chroma/kss';
-// Add support-for to manage normalize-scss' browser support.
-@import 'support-for';
 // Add typey to manage font sizes and margins.
 @import 'typey';
-// Add the Zen Grids responsive layout mixins.
-@import 'zen-grids';
 
 
 // Mixins
diff --git a/sass/_zen.scss b/sass/_zen.scss
index 6a139a6..ed70cb5 100644
--- a/sass/_zen.scss
+++ b/sass/_zen.scss
@@ -178,7 +178,7 @@ body {
   background-color: color(backdrop);
 }
 
-.layout-center {
+.page {
   background-color: color(body-bg);
 }
 
@@ -191,20 +191,16 @@ body {
 
   &__logo {
     @include respond-to(s) {
-      float: left;
     }
   }
 
   &__site-name {
     @include respond-to(s) {
-      float: left;
     }
   }
 
   &__region {
     @include respond-to(s) {
-      float: right;
-      clear: none;
     }
   }
 }
@@ -334,41 +330,3 @@ body {
     }
   }
 }
-
-/* Print. */
-
-aside,
-nav,
-footer {
-  @extend %print-none;
-}
-
-@media print {
-  body,
-  .layout-center {
-    background-color: color(white);
-  }
-
-  .layout-swap {
-    padding-top: 0;
-  }
-
-  [role='main'] {
-    width: 100%;
-  }
-
-  .layout-swap__top {
-    border-bottom: 0;
-  }
-
-  /* Zen overrides */
-  :link,
-  :visited {
-    text-decoration: underline;
-  }
-
-  a[href]::after {
-    content: '';
-  }
-
-}
diff --git a/sass/base/forms/_forms.scss b/sass/base/forms/_forms.scss
index f594a2e..2133b7d 100644
--- a/sass/base/forms/_forms.scss
+++ b/sass/base/forms/_forms.scss
@@ -45,10 +45,6 @@ select {
 // Show the overflow in Edge.
 input {
   overflow: visible;
-  @if support-for(firefox, 29) {
-    // Firefox sets `line-height` using `!important` in the UA stylesheet.
-    line-height: normal;
-  }
 }
 
 // Correct the cursor style of increment and decrement buttons in Chrome.
@@ -196,7 +192,6 @@ legend {
 // Style guide: forms.base.label
 
 label {
-  // Drupal-style form labels.
   display: block;
   font-weight: bold;
 }
diff --git a/sass/base/links/_links.scss b/sass/base/links/_links.scss
index 58c4da3..9fc6920 100644
--- a/sass/base/links/_links.scss
+++ b/sass/base/links/_links.scss
@@ -49,25 +49,3 @@ a:active,
 a:hover {
   outline-width: 0;
 }
-
-@media print {
-  // Underline all links.
-  :link,
-  :visited {
-    text-decoration: underline;
-  }
-
-  // Add visible URL after links.
-  a[href]::after {
-    content: ' (' attr(href) ')';
-    font-weight: normal;
-    font-size: $base-font-size;
-    text-decoration: none;
-  }
-
-  // Only display useful links.
-  a[href^='javascript:']::after,
-  a[href^='#']::after {
-    content: '';
-  }
-}
diff --git a/sass/base/text/_text.scss b/sass/base/text/_text.scss
index 98afeda..57f0140 100644
--- a/sass/base/text/_text.scss
+++ b/sass/base/text/_text.scss
@@ -21,13 +21,6 @@ abbr[title] {
   // Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
   text-decoration: underline;
   text-decoration: underline dotted;
-
-  @media print {
-    // Add visible title after abbreviations.
-    &::after {
-      content: ' (' attr(title) ')';
-    }
-  }
 }
 
 // Bold
diff --git a/sass/components/box/_box.scss b/sass/components/box/_box.scss
index 838b74d..4dbcd97 100644
--- a/sass/components/box/_box.scss
+++ b/sass/components/box/_box.scss
@@ -2,7 +2,7 @@
 //
 // A simple box style.
 //
-// A Drupal block is often styled as a box. However, this design component is
+// A block is often styled as a box. However, this design component is
 // not applied to any blocks by default; it is used as an example of how to
 // build and document a CSS component.
 //
@@ -35,19 +35,9 @@
   }
 
   // Sass compiles this nested ruleset's selector into:
-  // .box:focus, .box:hover, .box.is-focus, .box--is-focus,
-  // %box:focus, %box:hover, %box.is-focus, %box--is-focus {}
-  //
-  // The ".box--is-focus" class is a stray class we don't actually want, but we
-  // deal with it because we often want a placeholder selector like
-  // %box--is-focus in case we need to use @extends later.
-  //
-  // The ".is-" part of the class name is a Drupal 8 BEM naming convention that
-  // indicates the "focus" is a _state_ of the "box" component.
+  // .box:focus, .box:hover, %box:focus, %box:hover
   &:focus,
-  &:hover,
-  &.is-focus,
-  &--is-focus {
+  &:hover {
     border-color: color(text);
   }
 
@@ -59,28 +49,3 @@
     border-color: color(link);
   }
 }
-
-//
-// Drupal selectors.
-//
-// In this part of the file, we write some fugly selectors if we can't figure
-// out how to insert the class we want (.box) into the Drupal theme system. Then
-// we @extend from the fugly selector into the nicely-written component
-// selector.
-//
-
-// You could create a theme hook suggestion and override the block.tpl.php just
-// for the sidebar regions or write a HOOK_preprocess_block() function to check
-// for the regions and insert the classes into the right variables, or, if you
-// have no idea what I'm talking about, you could just use this fugly CSS
-// selector:
-//
-// [class$="sidebar"] {
-//   .block {
-//     @extend %box;
-//   }
-//
-//   .block__title {
-//     @extend %box__title;
-//   }
-// }
diff --git a/sass/components/hidden/_hidden.scss b/sass/components/hidden/_hidden.scss
index 7bc1bdd..dd4f678 100644
--- a/sass/components/hidden/_hidden.scss
+++ b/sass/components/hidden/_hidden.scss
@@ -24,15 +24,3 @@
     @extend %hidden;
   }
 }
-
-//
-// Drupal selectors.
-//
-
-.element-hidden {
-  @extend %js-hidden;
-}
-
-.js-hide {
-  @extend %js-hidden;
-}
diff --git a/sass/components/hidden/hidden.twig b/sass/components/hidden/hidden.twig
deleted file mode 100644
index 51a7f57..0000000
--- a/sass/components/hidden/hidden.twig
+++ /dev/null
@@ -1,3 +0,0 @@
-<div class="hidden {{modifier_class}}">
-  This content is hidden.
-</div>
diff --git a/sass/components/highlight-mark/_highlight-mark.scss b/sass/components/highlight-mark/_highlight-mark.scss
index c0c6b59..b7a4d30 100644
--- a/sass/components/highlight-mark/_highlight-mark.scss
+++ b/sass/components/highlight-mark/_highlight-mark.scss
@@ -14,12 +14,3 @@
   // Remove background highlighting from <mark> in normalize.
   background-color: transparent;
 }
-
-//
-// Drupal selectors. (In case a module doesn't use theme_mark().)
-//
-
-.new,
-.update {
-  @extend %highlight-mark;
-}
diff --git a/sass/components/inline-links/_inline-links.scss b/sass/components/inline-links/_inline-links.scss
index fd7591d..cc2874c 100644
--- a/sass/components/inline-links/_inline-links.scss
+++ b/sass/components/inline-links/_inline-links.scss
@@ -22,15 +22,3 @@
     }
   }
 }
-
-//
-// Drupal selectors.
-//
-
-.inline.links {
-  @extend %inline-links;
-
-  li {
-    @extend %inline-links__item;
-  }
-}
diff --git a/sass/components/inline-sibling/_inline-sibling.scss b/sass/components/inline-sibling/_inline-sibling.scss
index 32ba38a..96ce3e1 100644
--- a/sass/components/inline-sibling/_inline-sibling.scss
+++ b/sass/components/inline-sibling/_inline-sibling.scss
@@ -31,25 +31,3 @@
     display: inline;
   }
 }
-
-//
-// Drupal selectors.
-//
-
-// Drupal core.
-.field-label-inline {
-  .field-label {
-    @extend %inline-sibling;
-  }
-
-  // Revert core's ridiculous styling without polluting the component.
-  .field-label,
-  .field-items {
-    float: none;
-  }
-}
-
-// The inline field label used by the Fences 7.x-1.x module.
-span.field-label {
-  @extend %inline-sibling;
-}
diff --git a/sass/components/print-none/_print-none.scss b/sass/components/print-none/_print-none.scss
index 456d29b..4b57705 100644
--- a/sass/components/print-none/_print-none.scss
+++ b/sass/components/print-none/_print-none.scss
@@ -16,17 +16,3 @@
     display: none;
   }
 }
-
-//
-// Drupal selectors.
-//
-
-// Hide Drupal nav elements.
-.toolbar,
-.action-links,
-.links,
-.book-navigation,
-.forum-topic-navigation,
-.feed-icons {
-  @extend %print-none;
-}
diff --git a/sass/components/responsive-video/_responsive-video.scss b/sass/components/responsive-video/_responsive-video.scss
index 7230157..868bfbb 100644
--- a/sass/components/responsive-video/_responsive-video.scss
+++ b/sass/components/responsive-video/_responsive-video.scss
@@ -34,12 +34,3 @@
     padding-bottom: (3/4)*100%; // 4:3 aspect ratio
   }
 }
-
-//
-// Drupal selectors.
-//
-
-.media-youtube-video,
-.media-vimeo-preview-wrapper {
-  @extend %responsive-video;
-}
diff --git a/sass/components/visually-hidden/_visually-hidden.scss b/sass/components/visually-hidden/_visually-hidden.scss
index 94dd69b..6115452 100644
--- a/sass/components/visually-hidden/_visually-hidden.scss
+++ b/sass/components/visually-hidden/_visually-hidden.scss
@@ -26,16 +26,3 @@
     }
   }
 }
-
-//
-// Drupal selectors.
-//
-
-.element-invisible {
-  @extend %visually-hidden;
-}
-
-.element-focusable {
-  @extend %visually-hidden;
-  @extend %visually-hidden--focusable;
-}
diff --git a/sass/components/wireframe/_wireframe.scss b/sass/components/wireframe/_wireframe.scss
index 9edab80..8b027e0 100644
--- a/sass/components/wireframe/_wireframe.scss
+++ b/sass/components/wireframe/_wireframe.scss
@@ -20,14 +20,20 @@ $with-wireframes: false !default;
   }
 
   //
-  // Drupal selectors.
+  // Zen selectors.
   //
 
-  .header,
-  .layout-3col > div,
-  .footer,
-  .region-bottom {
-    @extend %wireframe;
+  .layout {
+    &__header,
+    &__footer,
+    &__content,
+    &__navigation,
+    &__first-sidebar,
+    &__second-sidebar,
+    &__page-top,
+    &__page-bottom {
+      @extend %wireframe;
+    }
   }
 
 }
diff --git a/sass/init/_colors.scss b/sass/init/_colors.scss
index ba603be..43f055e 100644
--- a/sass/init/_colors.scss
+++ b/sass/init/_colors.scss
@@ -22,6 +22,11 @@ $chroma: add-colors((
   grey-light:             ('black' lighten 80%), // #ccc
   grey-extra-light:       ('black' lighten 93.33%), // #eee
   white:                  #fff,
+
+  hg-red:                 #a30319,
+  hg-red-alt:             #8d0018,
+  beige:                  #f2ecd5,
+  off-white:              #fffdf7,
   blue:                   #0072b9,
   red:                    #c00,
   green:                  #43a808,
@@ -32,16 +37,16 @@ $chroma: add-colors((
 $chroma: define-color-scheme('functional', 'Colors used by functional parts of the design.');
 $chroma: add-colors('functional', (
   // Colors used in the main content area.
-  brand:                  'nearblack',
-  brand-alt:              'grey',
-  brand-dark:             'grey-dark',
+  brand:                  'hg-red',
+  brand-alt:              'beige',
+  brand-dark:             ('hg-red' darken 10%),
   text:                   'black',
   text-bg:                'white',
 
   link:                   'black',
   link-visited:           'black',
   link-hover:             'brand',
-  link-active:            'red',
+  link-active:            'hg-red',
 
   border:                 'grey-light',
   border-dark:            'nearblack',
@@ -74,7 +79,7 @@ $chroma: add-colors('functional', (
 
   resizable-grippie:      'grey-extra-light',
 
-  row-stripe:             'white',
+  row-stripe:             'beige',
   row-disabled:           'grey-light',
 
   skip-link:              'white',
diff --git a/sass/init/_variables.scss b/sass/init/_variables.scss
index 7deb58f..2fad724 100644
--- a/sass/init/_variables.scss
+++ b/sass/init/_variables.scss
@@ -1,27 +1,6 @@
 // Variables
 //
 // Set variables for this site before a library sets its !default value.
-//
-// Style guide: sass.variables
-
-
-// Browser support
-//
-// For older versions of browsers, some Sass relies on the `support-for()` to
-// control whether extra CSS is needed to be output. The `support-for()`
-// function and the `$support-for` variable are documented on the [support-for
-// homepage](https://github.com/JohnAlbin/support-for).
-//
-// Style guide: sass.variables.support-for
-
-// Support the same browsers as normalize.css v3.
-// Possible keys: chrome, edge, firefox, ie, opera, safari, '*'
-$support-for: (
-  // IE 9-11
-  ie:  11,
-  // The last 4 versions of all other browsers.
-  '*': -4,
-);
 
 
 // Font faces, stacks and sizes.
@@ -30,8 +9,6 @@ $support-for: (
 // used by mixins like `type-layout()`, `margin-top()`, and `margin-bottom()`.
 // These variable and mixins are documented on the [Typey
 // homepage](https://github.com/jptaranto/typey).
-//
-// Style guide: sass.variables.typey
 
 // The font size set on the root html element.
 $base-font-size:    22px;
@@ -140,8 +117,6 @@ $rem-fallback:      false;
 // Use the `respond-to()` mixin to use named breakpoints. Documentation is
 // available in the [Breakpoint wiki
 // pages](https://github.com/at-import/breakpoint/wiki/Respond-To).
-//
-// Style guide: sass.variables.breakpoints
 
 @include add-breakpoint(xxxs, (333px, 'no-query' true));
 @include add-breakpoint(xxs,  (444px, 'no-query' true));
@@ -157,45 +132,14 @@ $rem-fallback:      false;
 // @include breakpoint-set('to ems', true);
 
 
-// Zen grids
-//
-// The default grid system is built using the Zen Grids sass module. Full
-// documentation is available on the [Zen Grids website](http://zengrids.com/).
-//
-// Note: if you are more comfortable using another grid system, you can easily
-// remove Zen Grids and its layouts.
-//
-// Style guide: sass.variables.zen-grids
+// Layout
 
-// The max content width (the gutters with will be added).
-$max-content-width: 1140px;
-$max-no-sidebars-content-width: 740px;
+// The max content width (the main content area).
+$max-content-width: 740px;
 
-// These are needed for all breakpoints on all layouts.
-$zen-auto-include-grid-item-base: false;
-$zen-box-sizing: universal-border-box;
-
-// First we set the values we need for the mobile version of our layouts (the
-// version that does _not_ appear inside any @media queries.)
-$zen-columns: 1;
+// The default left/right gutter/padding.
 $zen-gutters: 20px;
 
-// Then we set the values we need for each of the layouts at larger media query
-// sizes. Note how the names of the layouts match the names of our breakpoints
-// above. That allows a single zen-respond-to() to both use the proper item
-// from $zen-layouts and from $breakpoints.
-$zen-layouts: (
-  m: (
-    columns: 2,
-    // The gutters in the layouts are larger on mobile.
-    gutters: 40px,
-  ),
-  xl: (
-    columns: 3,
-    gutters: 40px,
-  ),
-);
-
 // See $include-rtl below.
 $zen-rtl-selector: '[dir="rtl"]';
 
@@ -204,11 +148,9 @@ $zen-rtl-selector: '[dir="rtl"]';
 //
 // `$indent-amount` controls the amount lists, blockquotes and comments are indented.
 //
-// `$include-rtl` controls whether RTL styles are output. Rather than include a separate `*-rtl.css` file, Zen 6 uses Drupal 8's standard `[dir="rtl"]` selector for RTL language support.
+// `$include-rtl` controls whether RTL styles are output.
 //
 // weight: 10
-//
-// Style guide: sass.variables.misc
 
 $indent-amount: 2 * $base-font-size;
 
diff --git a/sass/layouts/_layouts.scss b/sass/layouts/_layouts.scss
new file mode 100644
index 0000000..b2f8c0c
--- /dev/null
+++ b/sass/layouts/_layouts.scss
@@ -0,0 +1,95 @@
+.layout {
+    &__content {
+      max-width: $max-content-width;
+    }
+
+  &__header,
+  &__footer,
+  &__content,
+  &__navigation,
+  &__first-sidebar,
+  &__second-sidebar,
+  &__page-top,
+  &__page-bottom {
+    padding: 0 $zen-gutters / 2;
+
+    @include respond-to(s) {
+      padding: 0 $zen-gutters;
+    }
+  }
+}
+
+@supports (display: grid) {
+
+  .layout {
+    &__wrapper {
+      display: grid;
+      grid-template-columns: [first-start] 1fr [last-end];
+    }
+
+    @include respond-to(s) {
+      &__wrapper {
+        grid-template-rows: [head-start] auto
+                            [nav-start] auto
+                            [page-top-start] auto
+                            [main-start] 1fr
+                            [page-bottom-start] auto
+                            [footer-start] auto;
+        max-width: 960px;
+        min-height: 100vh;
+        margin: 0 auto;
+      }
+
+      &__sidebar-first {
+        grid-template-columns: [first-start] 1fr
+                               [last-start] 2fr [last-end];
+      }
+
+      &__sidebar-second {
+        grid-template-columns: [first-start] 2fr
+                               [last-start] 1fr [last-end];
+      }
+
+      &__sidebar-two {
+        grid-template-columns: [first-start] 1fr
+                               [middle-start] 2fr
+                               [last-start] 1fr [last-end];
+      }
+
+      &__full {
+        grid-column: first-start / last-end;
+      }
+
+      &__first-sidebar {
+        grid-column: first-start;
+      }
+
+      &__header {
+        grid-row: head-start;
+      }
+
+      &__navigation {
+        grid-row: nav-start;
+      }
+
+      &__page-top {
+        grid-row: page-top-start;
+      }
+
+      &__content,
+      &__first-sidebar,
+      &__second-sidebar {
+        grid-row: main-start;
+      }
+
+      &__page-bottom {
+        grid-row: page-bottom-start;
+      }
+
+      &__footer {
+        grid-row: footer-start;
+      }
+    }
+  }
+
+}
diff --git a/sass/navigation/breadcrumb/_breadcrumb.scss b/sass/navigation/breadcrumb/_breadcrumb.scss
index 2b2c9fc..cd3b3c6 100644
--- a/sass/navigation/breadcrumb/_breadcrumb.scss
+++ b/sass/navigation/breadcrumb/_breadcrumb.scss
@@ -11,10 +11,6 @@
 
 .breadcrumb,
 %breadcrumb {
-  @media print {
-    display: none;
-  }
-
   &__title {
     @extend %visually-hidden;
   }
diff --git a/sass/navigation/more-link/_more-link.scss b/sass/navigation/more-link/_more-link.scss
index 68ae745..38db84c 100644
--- a/sass/navigation/more-link/_more-link.scss
+++ b/sass/navigation/more-link/_more-link.scss
@@ -1,6 +1,6 @@
 // "More" link
 //
-// Styles the "Read more…" and "Help" links common in Drupal.
+// Styles the "Read more…" and "Help" links common on the web.
 //
 // Markup: more-link.twig
 //
@@ -26,15 +26,3 @@
     }
   }
 }
-
-//
-// Drupal selectors.
-//
-
-.more-help-link {
-  @extend %more-link;
-
-  a {
-    @extend %more-link__help-icon;
-  }
-}
diff --git a/sass/navigation/nav-menu/_nav-menu.scss b/sass/navigation/nav-menu/_nav-menu.scss
index d5092bf..6c470b6 100644
--- a/sass/navigation/nav-menu/_nav-menu.scss
+++ b/sass/navigation/nav-menu/_nav-menu.scss
@@ -38,24 +38,3 @@
     }
   }
 }
-
-//
-// Drupal selectors.
-//
-
-.menu__item {
-  @extend %nav-menu__item;
-
-  &.is-expanded {
-    @extend %nav-menu__item--is-expanded;
-  }
-
-  &.is-collapsed {
-    @extend %nav-menu__item--is-collapsed;
-  }
-}
-
-// The active item in a Drupal menu.
-.menu a.active {
-  @extend %nav-menu__link--is-active;
-}
diff --git a/sass/navigation/navbar/_navbar.scss b/sass/navigation/navbar/_navbar.scss
index 79e7481..f400000 100644
--- a/sass/navigation/navbar/_navbar.scss
+++ b/sass/navigation/navbar/_navbar.scss
@@ -32,21 +32,3 @@
     }
   }
 }
-
-//
-// Drupal selectors.
-//
-
-.main-navigation {
-  // Hide the block titles put into the main-navigation area of the page.tpl.php.
-  .block-menu .block__title,
-  .block-menu-block .block__title {
-    @extend %visually-hidden;
-  }
-
-  // Main menu and secondary menu links and menu block links.
-  .links,
-  .menu {
-    @extend %navbar;
-  }
-}
diff --git a/sass/navigation/pager/_pager.scss b/sass/navigation/pager/_pager.scss
index 36d6359..2f8b481 100644
--- a/sass/navigation/pager/_pager.scss
+++ b/sass/navigation/pager/_pager.scss
@@ -13,10 +13,6 @@
   padding: 0;
   text-align: center;
 
-  @media print {
-    display: none;
-  }
-
   // A page item in the pager list.
   &__item {
     display: inline;
@@ -33,7 +29,7 @@
 }
 
 //
-// Drupal selectors.
+// Zen selectors.
 //
 
 // .pager-item     - A list item containing a page number in the list of pages.
diff --git a/sass/navigation/skip-link/_skip-link.scss b/sass/navigation/skip-link/_skip-link.scss
index 7d5a870..172523d 100644
--- a/sass/navigation/skip-link/_skip-link.scss
+++ b/sass/navigation/skip-link/_skip-link.scss
@@ -23,9 +23,5 @@
 
   &__wrapper {
     margin: 0;
-
-    @media print {
-      display: none;
-    }
   }
 }
diff --git a/sass/print.scss b/sass/print.scss
new file mode 100644
index 0000000..96c9f61
--- /dev/null
+++ b/sass/print.scss
@@ -0,0 +1,33 @@
+// @file
+// The print stylesheet for this theme.
+
+// Components
+@import 'components/print-none/print-none';
+
+.skip-link,
+%skip-link,
+.breadcrumb,
+%breadcrumb,
+.pager,
+%pager,
+aside,
+nav,
+footer {
+  @extend %print-none;
+}
+
+@media print {
+  body,
+  .page {
+    background-color: color(white);
+  }
+
+  [role='main'] {
+    width: 100%;
+  }
+
+  :link,
+  :visited {
+    text-decoration: underline;
+  }
+}
diff --git a/sass/styles.scss b/sass/styles.scss
index fc8e46a..a704068 100644
--- a/sass/styles.scss
+++ b/sass/styles.scss
@@ -10,8 +10,7 @@
 // Documentation for colors and Sass mixins and variables.
 //
 // Weight: -1
-//
-// Style guide: sass
+
 @import 'init';
 
 // Defaults
@@ -20,23 +19,18 @@
 //
 // Component classes can override these styles, but if no class applies a style
 // to an HTML element, these styles will be the ones displayed.
-//
-// Style guide: base
 
 // Ensure fonts get loaded first to minimize front-end performance impact.
+
 @import 'base/fonts';
 @import 'base/normalize';
 
 // Layouts
 //
 // The layout styling for major parts of the page that are included with the
-// theme. Note: some Panels layouts are included in other parts of the system
-// and are not documented.
-//
-// Style guide: layouts
-@import 'layouts/layout-3col/layout-3col';
-@import 'layouts/layout-center/layout-center';
-@import 'layouts/layout-swap/layout-swap';
+// theme.
+
+@import 'layouts/layouts';
 
 // Components
 //
@@ -44,8 +38,6 @@
 // class names specified in the component.
 //
 // Weight: 1
-//
-// Style guide: components
 
 @import 'components/box/box';
 @import 'components/button/button';
@@ -56,7 +48,6 @@
 @import 'components/highlight-mark/highlight-mark';
 @import 'components/inline-links/inline-links';
 @import 'components/inline-sibling/inline-sibling';
-@import 'components/print-none/print-none';
 @import 'components/responsive-video/responsive-video';
 @import 'components/visually-hidden/visually-hidden';
 @import 'components/watermark/watermark';
@@ -68,8 +59,6 @@
 // page navigation.
 //
 // Weight: 2
-//
-// Style guide: navigation
 
 @import 'navigation/breadcrumb/breadcrumb';
 @import 'navigation/more-link/more-link';
diff --git a/static/css/print.css b/static/css/print.css
new file mode 100644
index 0000000..0eca91e
--- /dev/null
+++ b/static/css/print.css
@@ -0,0 +1 @@
+@media print{.breadcrumb,.pager,.print-none,.skip-link,aside,footer,nav{display:none}}@media print{.page,body{background-color:color(white)}[role=main]{width:100%}:link,:visited{text-decoration:underline}}
\ No newline at end of file
diff --git a/static/css/styles.css b/static/css/styles.css
index f26db66..e81f654 100644
--- a/static/css/styles.css
+++ b/static/css/styles.css
@@ -1 +1 @@
-/*! typey | GPLv2 License | https://github.com/jptaranto/typey */*{box-sizing:border-box}html{font-size:137.5%;line-height:1.40909em;font-family:"Garamond Premier Pro","Adobe Garamond",Garamond,Charter,"Times New Roman",serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;min-height:100%}@media print{html{font-size:12pt}}body{margin:0;padding:0;color:#000;background-color:#fff}@media (min-width:1111px){html{font-size:112.5%;line-height:1.38889em}}@media print and (min-width:1111px){html{font-size:12pt}}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block}audio:not([controls]){display:none;height:0}progress{vertical-align:baseline}[hidden],template{display:none}a{color:#000;-webkit-text-decoration-skip:objects}:visited{color:#000}a:active{color:#c00}a:active:not(.button){background-color:transparent}a:active,a:hover{outline-width:0}@media print{:link,:visited{text-decoration:underline}a[href]::after{content:" (" attr(href) ")";font-weight:400;font-size:22px;text-decoration:none}a[href^='#']::after,a[href^='javascript:']::after{content:''}}.header__site-name,h1{font-size:1.27273rem;line-height:2.11364rem;margin-top:1.40909rem;margin-bottom:1.40909rem}h2{font-size:1.18182rem;line-height:2.11364rem;margin-top:1.40909rem;margin-bottom:1.40909rem}h3{font-size:1.09091rem;line-height:2.11364rem;margin-top:1.40909rem;margin-bottom:1.40909rem}h4{font-size:1rem;line-height:1.40909rem;margin-top:1.40909rem;margin-bottom:1.40909rem}h5{font-size:.81818rem;line-height:1.40909rem;margin-top:1.40909rem;margin-bottom:1.40909rem}h6{font-size:.72727rem;line-height:1.40909rem;margin-top:1.40909rem;margin-bottom:1.40909rem}@media (min-width:666px){.header__site-name,h1{font-size:1.88889rem;line-height:2.81818rem;margin-top:1.40909rem;margin-bottom:1.40909rem}h2{font-size:1.55556rem;line-height:2.11364rem;margin-top:1.40909rem;margin-bottom:1.40909rem}h3{font-size:1.22222rem;line-height:2.11364rem;margin-top:1.40909rem;margin-bottom:1.40909rem}h4{font-size:1rem;line-height:1.40909rem;margin-top:1.40909rem;margin-bottom:1.40909rem}h5{font-size:.88889rem;line-height:1.40909rem;margin-top:1.40909rem;margin-bottom:1.40909rem}h6{font-size:.77778rem;line-height:1.40909rem;margin-top:1.40909rem;margin-bottom:1.40909rem}}abbr[title]{border-bottom:0;text-decoration:underline;text-decoration:underline dotted}@media print{abbr[title]::after{content:" (" attr(title) ")"}}b,strong{font-weight:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp,var{font-family:Menlo,"Ubuntu Mono","DejaVu Sans Mono","Courier New",Courier,monospace,sans-serif;font-size:1em}dfn{font-style:italic}mark{background-color:#fd0;color:#000}small{font-size:.81818rem}sub,sup{font-size:.72727rem;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}.divider,hr{margin:1.40909rem 0;border:0;border-top:1px solid #ccc}.divider>:first-child,hr>:first-child{margin-top:1.40909rem}blockquote{margin:1.40909rem 2rem}dl,menu,ol,ul{margin:1.40909rem 0}ol ol,ol ul,ul ol,ul ul{margin:0}dd{margin:0 0 0 44px}menu,ol,ul{padding:0 0 0 44px}figure{margin:1.40909rem 0}hr{box-sizing:content-box;height:0;overflow:visible}p,pre{margin:1.40909rem 0}img{border-style:none}img,svg{max-width:100%;height:auto}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{box-sizing:border-box;max-width:100%;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}input{overflow:visible}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}fieldset{padding:.49318rem .88068rem .91591rem;border:1px solid #ccc;margin:0 2px}legend{box-sizing:border-box;display:table;max-width:100%;white-space:normal;color:inherit;margin-left:-5px;padding:0 5px}label{display:block;font-weight:700}optgroup{font-weight:700}textarea{overflow:auto}table{margin:1.40909rem 0;border-collapse:collapse;border-spacing:0;width:100%}td,th{padding:0}.layout-3col{margin-left:-10px;margin-right:-10px;padding-left:0;padding-right:0}.layout-3col:before{content:"";display:table}.layout-3col:after{content:"";display:table;clear:both}.layout-3col__col-1,.layout-3col__col-2,.layout-3col__col-3,.layout-3col__col-4,.layout-3col__col-x,.layout-3col__first-left-sidebar,.layout-3col__full,.layout-3col__left-content,.layout-3col__left-sidebar,.layout-3col__right-content,.layout-3col__right-sidebar,.layout-3col__second-left-sidebar{clear:both;padding-left:10px;padding-right:10px;float:left;width:100%;margin-left:0;margin-right:-100%}@media (min-width:777px){.layout-3col{margin-left:-20px;margin-right:-20px;padding-left:0;padding-right:0}.layout-3col:before{content:"";display:table}.layout-3col:after{content:"";display:table;clear:both}.layout-3col__full,.layout-3col__left-content,.layout-3col__left-sidebar,.layout-3col__right-content,.layout-3col__right-sidebar{float:left;width:100%;margin-left:0;margin-right:-100%;padding-left:20px;padding-right:20px}.layout-3col__col-1,.layout-3col__col-3,.layout-3col__col-x:nth-child(2n+1),.layout-3col__first-left-sidebar{float:left;width:50%;margin-left:0;margin-right:-100%;padding-left:20px;padding-right:20px}.layout-3col__col-2,.layout-3col__col-4,.layout-3col__col-x:nth-child(2n),.layout-3col__second-left-sidebar{clear:none;float:left;width:50%;margin-left:50%;margin-right:-100%;padding-left:20px;padding-right:20px}}@media (min-width:999px){.layout-3col__full{float:left;width:100%;margin-left:0;margin-right:-100%}.layout-3col__left-content{float:left;width:66.66667%;margin-left:0;margin-right:-100%}.layout-3col__right-content{float:left;width:66.66667%;margin-left:33.33333%;margin-right:-100%}.layout-3col__first-left-sidebar,.layout-3col__left-sidebar,.layout-3col__second-left-sidebar{clear:right;float:right;width:33.33333%;margin-right:66.66667%;margin-left:-100%}.layout-3col__right-sidebar{clear:right;float:right;width:33.33333%;margin-right:0;margin-left:-100%}.layout-3col__col-1,.layout-3col__col-x:nth-child(3n+1){clear:both;float:left;width:33.33333%;margin-left:0;margin-right:-100%}.layout-3col__col-2,.layout-3col__col-x:nth-child(3n+2){clear:none;float:left;width:33.33333%;margin-left:33.33333%;margin-right:-100%}.layout-3col__col-3,.layout-3col__col-x:nth-child(3n){clear:none;float:left;width:33.33333%;margin-left:66.66667%;margin-right:-100%}.layout-3col__col-4{display:none}}.layout-3col__grid-item-container{padding-left:0;padding-right:0}.layout-3col__grid-item-container:before{content:"";display:table}.layout-3col__grid-item-container:after{content:"";display:table;clear:both}.layout-center{padding-left:10px;padding-right:10px;margin:0 auto;max-width:1180px}.no-sidebars .layout-center{max-width:780px}@media (min-width:777px){.layout-center{padding-left:20px;padding-right:20px}}.layout-center--shared-grid,.layout-center.layout-3col{padding-left:0;padding-right:0}.layout-swap{position:relative}@media (min-width:666px){.layout-swap{padding-top:62px}}@media (min-width:666px){.layout-swap__top{position:absolute;top:0;height:62px;width:100%}}.box{margin-bottom:1.40909rem;border:5px solid #ccc;padding:1em}.box__title{margin:0}.box--is-focus,.box.is-focus,.box:focus,.box:hover{border-color:#000}.box--highlight{border-color:#000}.button,[type=reset],[type=submit],button,html [type=button]{-moz-appearance:button;-webkit-appearance:button}.button,[type=button],[type=reset],[type=submit],button{font-family:Futura,"Century Gothic",AppleGothic,sans-serif;margin-right:1.05682rem;margin-bottom:1.05682rem;display:inline-block;padding:2px 10px;line-height:inherit;text-decoration:none;cursor:pointer;color:#333;text-align:center;background-image:linear-gradient(#f6f6f6,#e2e2e2);border:1px solid #e4e4e4;border-left-color:#d2d2d2;border-right-color:#d2d2d2;border-bottom-color:#b4b4b4;border-radius:2px}.button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}.button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}.button:active,.button:focus,.button:hover,[type=button]:active,[type=button]:focus,[type=button]:hover,[type=reset]:active,[type=reset]:focus,[type=reset]:hover,[type=submit]:active,[type=submit]:focus,[type=submit]:hover,button:active,button:focus,button:hover{text-decoration:none;color:#333}.button:active,[type=button]:active,[type=reset]:active,[type=submit]:active,button:active{border-color:#555;text-shadow:#333 0 -1px 0;background:#666;color:#fff}[disabled].button,[disabled][type=button],[disabled][type=reset],[disabled][type=submit],button[disabled]{cursor:default;color:#999;background-color:#eee;border-color:#eee;background-image:none;text-shadow:none}[disabled].button:active,[disabled].button:focus,[disabled].button:hover,[disabled][type=button]:active,[disabled][type=button]:focus,[disabled][type=button]:hover,[disabled][type=reset]:active,[disabled][type=reset]:focus,[disabled][type=reset]:hover,[disabled][type=submit]:active,[disabled][type=submit]:focus,[disabled][type=submit]:hover,button[disabled]:active,button[disabled]:focus,button[disabled]:hover{color:#999}.clearfix::before,.header::before{content:'';display:table}.clearfix::after,.header::after{content:'';display:table;clear:both}.header__logo{float:left;margin:0 10px 0 0;padding:0}.header__logo-image{vertical-align:bottom}.header__name-and-slogan{float:left}.header__site-name{margin:0}.header__site-link:link,.header__site-link:visited{color:#000;text-decoration:none}.header__site-link:focus,.header__site-link:hover{text-decoration:underline}.header__site-slogan{margin:0}.header__secondary-menu{float:right}.header__region{clear:both}.hidden,html.js .element-hidden,html.js .js-hidden,html.js .js-hide{display:none}.highlight-mark,.new,.update{color:#c00;background-color:transparent}.inline-links,.inline.links{padding:0}.inline-links__item,.inline.links li{display:inline;list-style-type:none;padding:0 1em 0 0}.field-label-inline .field-label,.inline-sibling,span.field-label{display:inline;margin-right:10px}.field-label-inline .field-label *,.inline-sibling *,.inline-sibling__child,span.field-label *{display:inline}.field-label-inline .field-label+*,.field-label-inline .field-label+*>:first-child,.field-label-inline .field-label+*>:first-child>:first-child,.inline-sibling+*,.inline-sibling+*>:first-child,.inline-sibling+*>:first-child>:first-child,.inline-sibling__adjacent,span.field-label+*,span.field-label+*>:first-child,span.field-label+*>:first-child>:first-child{display:inline}.field-label-inline .field-items,.field-label-inline .field-label{float:none}@media print{.action-links,.book-navigation,.feed-icons,.forum-topic-navigation,.links,.print-none,.toolbar,aside,footer,nav{display:none}}.media-vimeo-preview-wrapper,.media-youtube-video,.responsive-video{position:relative;padding-bottom:56.25%;padding-top:25px;height:0}.media-vimeo-preview-wrapper iframe,.media-youtube-video iframe,.responsive-video iframe,.responsive-video__embed{position:absolute;top:0;left:0;width:100%;height:100%}.responsive-video--4-3{padding-bottom:75%}.breadcrumb__title,.element-focusable,.element-invisible,.main-navigation .block-menu .block__title,.main-navigation .block-menu-block .block__title,.visually-hidden{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);word-wrap:normal}.element-focusable:active,.element-focusable:focus,.visually-hidden--focusable:active,.visually-hidden--focusable:focus,.visually-hidden--off{position:static!important;clip:auto;height:auto;width:auto;overflow:visible}.watermark{font-family:Impact,"Arial Narrow",Helvetica,sans-serif;font-weight:700;text-transform:uppercase;display:block;height:0;overflow:visible;background-color:transparent;color:#eee;font-size:75px;line-height:1;text-align:center;text-shadow:0 0 1px rgba(0,0,0,.1);word-wrap:break-word}@media print{.breadcrumb{display:none}}.breadcrumb__list{margin:0;padding:0}.breadcrumb__item{display:inline;list-style-type:none;margin:0;padding:0}.more-help-link,.more-link{text-align:right}.more-help-link a,.more-link__help-icon{padding:1px 0 1px 20px;background-image:url(navigation/more-link/more-link__help-icon.svg);background-position:0 50%;background-repeat:no-repeat}.menu__item,.nav-menu__item{list-style-image:url(navigation/nav-menu/leaf.svg);list-style-type:square}.is-expanded.menu__item,.menu__item.is-expanded,.nav-menu__item--is-expanded,.nav-menu__item.is-expanded{list-style-image:url(navigation/nav-menu/expanded.svg);list-style-type:circle}.is-collapsed.menu__item,.menu__item.is-collapsed,.nav-menu__item--is-collapsed,.nav-menu__item.is-collapsed{list-style-image:url(navigation/nav-menu/collapsed.svg);list-style-type:disc}.menu a.active,.nav-menu__link--is-active,.nav-menu__link.is-active{color:#000}.main-navigation .links,.main-navigation .menu,.navbar{margin:0;padding:0;text-align:left}.main-navigation .links li,.main-navigation .menu li,.navbar li,.navbar__item{float:left;padding:0 10px 0 0;list-style-type:none;list-style-image:none}.pager{clear:both;padding:0;text-align:center}@media print{.pager{display:none}}.pager-current,.pager-ellipsis,.pager-first,.pager-item,.pager-last,.pager-next,.pager-previous,.pager__current-item,.pager__item{display:inline;padding:0 .5em;list-style-type:none;background-image:none}.pager-current,.pager__current-item{font-weight:700}.skip-link{display:block;padding:2px 0 3px;text-align:center}.skip-link:link,.skip-link:visited{background-color:#666;color:#fff}.skip-link__wrapper{margin:0}@media print{.skip-link__wrapper{display:none}}article>.content ul,aside ul{display:table;list-style:none;padding:0}article>.content ul>li,aside ul>li{display:table-row}article>.content ul>li::before,aside ul>li::before{font-size:.81818rem;padding-right:.70455rem;display:table-cell;content:'\2022'}@media (min-width:1111px){article>.content ul>li::before,aside ul>li::before{font-size:.88889rem}}article>.content ol,aside ol{display:table;list-style:none;padding:0}article>.content ol>li,aside ol>li{display:table-row;counter-increment:table-ol}article>.content ol>li::before,aside ol>li::before{font-size:.81818rem;padding-right:.70455rem;display:table-cell;content:counter(table-ol) ".";text-align:right}@media (min-width:1111px){article>.content ol>li::before,aside ol>li::before{font-size:.88889rem}}.slicknav_btn{position:relative;display:block;vertical-align:middle;float:right;padding:.438em .625em;line-height:1.125em;cursor:pointer;margin:5px;text-decoration:none;text-shadow:0 1px 1px rgba(255,255,255,.75);border-radius:4px;background-color:#333}.slicknav_menu{box-sizing:border-box;background-color:#333;padding:2px}.slicknav_menu::after,.slicknav_menu::before{content:' ';display:table}.slicknav_menu::after{clear:both}.slicknav_menutxt{display:block;line-height:1.188em;float:left;color:#fff;font-weight:700;text-shadow:0 1px 3px #000}.slicknav_icon{float:left;width:1.125em;height:.875em;margin:.188em 0 0 .438em}.slicknav_no-text{margin:0}.slicknav_icon-bar{display:block;width:1.125em;height:3px;border-radius:1px;box-shadow:0 1px 0 rgba(0,0,0,.25);background-color:#fff}.slicknav_icon-bar+.slicknav_icon-bar{margin-top:.188em}.slicknav_nav{background-color:#fff;color:#000;margin:0;padding:0;list-style:none;overflow:hidden;clear:both}.slicknav_nav ul{display:block;list-style:none;overflow:hidden;padding:0;margin:0 0 0 20px}.slicknav_nav li{display:block}.slicknav_nav a{display:block;padding:5px 10px;margin:2px 5px;text-decoration:none;color:#000}.slicknav_nav a:hover{border-radius:6px;background-color:#333;color:#fff}.slicknav_row{display:block;padding:5px 10px;margin:2px 5px}.slicknav_row:hover{border-radius:6px;background-color:#333;color:#fff}.slicknav_arrow{margin:0 0 0 .4em}.slicknav_txtnode{margin-left:15px}.slicknav_item{cursor:pointer}.slicknav_item a{display:inline;padding:0;margin:0}.slicknav_parent-link a{display:inline;padding:0;margin:0}.slicknav_brand{float:left;color:#fff;line-height:30px;padding:7px 12px;height:44px}p,pre{margin:1.05682rem 0}figcaption,label,legend,th{font-size:.81818rem;line-height:1.40909rem}@media (min-width:1111px){figcaption,label,legend,th{font-size:.88889rem;line-height:1.40909rem}}.footer,article>header{font-size:.72727rem;line-height:1.40909rem}@media (min-width:1111px){.footer,article>header{font-size:.77778rem;line-height:1.40909rem}}.footer,.header,article>header,h1,h2,h3,label,legend,nav,th{font-family:Futura,"Century Gothic",AppleGothic,sans-serif;color:#333;font-weight:400}article>header{color:#999}article>header p{margin:.28182rem 0}@media (min-width:888px){article .submitted,article .tags{display:inline-block;padding-right:1rem}}article .tags ul{margin:0;padding:0}article .tags li,article .tags ul{display:inline}article .tags li{list-style-type:none}article .tags a{padding-right:.28182rem}article code{font-size:.81818rem;line-height:1.40909rem;word-wrap:break-word}article pre{color:#333;border-radius:3px;padding:5px;border:1px solid #ccc;background-color:#fff;overflow:auto;max-height:250px;max-width:550px}article pre>code{display:inline-block;white-space:pre}.title-submitted{margin-bottom:0}@media (min-width:666px){figure{display:table}figure img{display:block}figure.left{padding:0 .70455rem .70455rem 0;margin:0;float:left;clear:both}figure.left figcaption{padding:0 .70455rem .70455rem 0}figure.right{padding:0 0 .70455rem .70455rem;margin:0;float:right;clear:both}figure.right figcaption{padding:0 0 .70455rem .70455rem}}@media (min-width:666px){figcaption{display:table-caption;caption-side:bottom}}figcaption h4,figcaption p{margin:0}body{background-color:#eee}.layout-center{background-color:#fff}.header{padding-top:10px}@media (min-width:777px){.header{padding-top:20px}}@media (min-width:666px){.header__logo{float:left}}@media (min-width:666px){.header__site-name{float:left}}@media (min-width:666px){.header__region{float:right;clear:none}}.main-menu{margin-top:.70455rem;margin-bottom:.70455rem;outline:0}.main-menu li{margin-right:.70455rem;margin-bottom:.70455rem;padding:0}.main-menu a{display:block;background-color:#333;color:#fff;padding:2px 8px;text-decoration:none}.main-menu a:focus,.main-menu a:hover{background-color:#666}.main-menu a.active,.main-menu a:active{background-color:#333;text-decoration:underline}.menu a.active{text-decoration:none}.footer{margin-top:2.11364rem;padding:.70455rem 0;text-align:center;border-top:2px solid #333}.footer p{margin:0}.message{padding:10px;border-width:1px;border-style:solid;width:95%}.message.status{background-color:#f4feee;color:#43a808;border-color:#43a808}.message.warning{background-color:#fffce6;color:#000;border-color:#000}.message.error{background-color:#fff0f0;color:#c00;border-color:#c00}.search-form{padding-top:.70455rem}.search-text{font-size:1.09091rem;line-height:1.40909rem}.content input,.content textarea{margin-bottom:1.05682rem;width:95%}.content input:required+span::after,.content textarea:required+span::after{content:' *';color:#c00;vertical-align:top}.content input:not(:placeholder-shown):valid,.content textarea:not(:placeholder-shown):valid{background-color:#f4feee}.content input:not(:placeholder-shown):invalid,.content textarea:not(:placeholder-shown):invalid{background-color:#fff0f0}.content button{display:block}.js-submitted input:valid,.js-submitted textarea:valid{background-color:#f4feee}.js-submitted input:invalid,.js-submitted textarea:invalid{background-color:#fff0f0}@media print{.layout-center,body{background-color:#fff}.layout-swap{padding-top:0}[role=main]{width:100%}.layout-swap__top{border-bottom:0}:link,:visited{text-decoration:underline}a[href]::after{content:''}}
\ No newline at end of file
+/*! typey | GPLv2 License | https://github.com/jptaranto/typey */*{box-sizing:border-box}html{font-size:137.5%;line-height:1.40909em;font-family:"Garamond Premier Pro","Adobe Garamond",Garamond,Charter,"Times New Roman",serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;min-height:100%}@media print{html{font-size:12pt}}body{margin:0;padding:0;color:#000;background-color:#fff}@media (min-width:1111px){html{font-size:112.5%;line-height:1.38889em}}@media print and (min-width:1111px){html{font-size:12pt}}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block}audio:not([controls]){display:none;height:0}progress{vertical-align:baseline}[hidden],template{display:none}a{color:#000;-webkit-text-decoration-skip:objects}:visited{color:#000}a:active{color:#a30319}a:active:not(.button){background-color:transparent}a:active,a:hover{outline-width:0}.header__site-name,h1{font-size:1.27273rem;line-height:2.11364rem;margin-top:1.40909rem;margin-bottom:1.40909rem}h2{font-size:1.18182rem;line-height:2.11364rem;margin-top:1.40909rem;margin-bottom:1.40909rem}h3{font-size:1.09091rem;line-height:2.11364rem;margin-top:1.40909rem;margin-bottom:1.40909rem}h4{font-size:1rem;line-height:1.40909rem;margin-top:1.40909rem;margin-bottom:1.40909rem}h5{font-size:.81818rem;line-height:1.40909rem;margin-top:1.40909rem;margin-bottom:1.40909rem}h6{font-size:.72727rem;line-height:1.40909rem;margin-top:1.40909rem;margin-bottom:1.40909rem}@media (min-width:666px){.header__site-name,h1{font-size:1.88889rem;line-height:2.81818rem;margin-top:1.40909rem;margin-bottom:1.40909rem}h2{font-size:1.55556rem;line-height:2.11364rem;margin-top:1.40909rem;margin-bottom:1.40909rem}h3{font-size:1.22222rem;line-height:2.11364rem;margin-top:1.40909rem;margin-bottom:1.40909rem}h4{font-size:1rem;line-height:1.40909rem;margin-top:1.40909rem;margin-bottom:1.40909rem}h5{font-size:.88889rem;line-height:1.40909rem;margin-top:1.40909rem;margin-bottom:1.40909rem}h6{font-size:.77778rem;line-height:1.40909rem;margin-top:1.40909rem;margin-bottom:1.40909rem}}abbr[title]{border-bottom:0;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp,var{font-family:Menlo,"Ubuntu Mono","DejaVu Sans Mono","Courier New",Courier,monospace,sans-serif;font-size:1em}dfn{font-style:italic}mark{background-color:#fd0;color:#000}small{font-size:.81818rem}sub,sup{font-size:.72727rem;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}.divider,hr{margin:1.40909rem 0;border:0;border-top:1px solid #ccc}.divider>:first-child,hr>:first-child{margin-top:1.40909rem}blockquote{margin:1.40909rem 2rem}dl,menu,ol,ul{margin:1.40909rem 0}ol ol,ol ul,ul ol,ul ul{margin:0}dd{margin:0 0 0 44px}menu,ol,ul{padding:0 0 0 44px}figure{margin:1.40909rem 0}hr{box-sizing:content-box;height:0;overflow:visible}p,pre{margin:1.40909rem 0}img{border-style:none}img,svg{max-width:100%;height:auto}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{box-sizing:border-box;max-width:100%;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}input{overflow:visible}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}fieldset{padding:.49318rem .88068rem .91591rem;border:1px solid #ccc;margin:0 2px}legend{box-sizing:border-box;display:table;max-width:100%;white-space:normal;color:inherit;margin-left:-5px;padding:0 5px}label{display:block;font-weight:700}optgroup{font-weight:700}textarea{overflow:auto}table{margin:1.40909rem 0;border-collapse:collapse;border-spacing:0;width:100%}td,th{padding:0}.layout__content{max-width:740px}.layout__content,.layout__first-sidebar,.layout__footer,.layout__header,.layout__navigation,.layout__page-bottom,.layout__page-top,.layout__second-sidebar{padding:0 10px}@media (min-width:666px){.layout__content,.layout__first-sidebar,.layout__footer,.layout__header,.layout__navigation,.layout__page-bottom,.layout__page-top,.layout__second-sidebar{padding:0 20px}}@supports (display:grid){.layout__wrapper{display:grid;grid-template-columns:[first-start] 1fr [last-end]}@media (min-width:666px){.layout__wrapper{grid-template-rows:[head-start] auto [nav-start] auto [page-top-start] auto [main-start] 1fr [page-bottom-start] auto [footer-start] auto;max-width:960px;min-height:100vh;margin:0 auto}.layout__sidebar-first{grid-template-columns:[first-start] 1fr [last-start] 2fr [last-end]}.layout__sidebar-second{grid-template-columns:[first-start] 2fr [last-start] 1fr [last-end]}.layout__sidebar-two{grid-template-columns:[first-start] 1fr [middle-start] 2fr [last-start] 1fr [last-end]}.layout__full{grid-column:first-start/last-end}.layout__first-sidebar{grid-column:first-start}.layout__header{grid-row:head-start}.layout__navigation{grid-row:nav-start}.layout__page-top{grid-row:page-top-start}.layout__content,.layout__first-sidebar,.layout__second-sidebar{grid-row:main-start}.layout__page-bottom{grid-row:page-bottom-start}.layout__footer{grid-row:footer-start}}}.box{margin-bottom:1.40909rem;border:5px solid #ccc;padding:1em}.box__title{margin:0}.box:focus,.box:hover{border-color:#000}.box--highlight{border-color:#000}.button,[type=reset],[type=submit],button,html [type=button]{-moz-appearance:button;-webkit-appearance:button}.button,[type=button],[type=reset],[type=submit],button{font-family:Futura,"Century Gothic",AppleGothic,sans-serif;margin-right:1.05682rem;margin-bottom:1.05682rem;display:inline-block;padding:2px 10px;line-height:inherit;text-decoration:none;cursor:pointer;color:#333;text-align:center;background-image:linear-gradient(#f6f6f6,#e2e2e2);border:1px solid #e4e4e4;border-left-color:#d2d2d2;border-right-color:#d2d2d2;border-bottom-color:#b4b4b4;border-radius:2px}.button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}.button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}.button:active,.button:focus,.button:hover,[type=button]:active,[type=button]:focus,[type=button]:hover,[type=reset]:active,[type=reset]:focus,[type=reset]:hover,[type=submit]:active,[type=submit]:focus,[type=submit]:hover,button:active,button:focus,button:hover{text-decoration:none;color:#333}.button:active,[type=button]:active,[type=reset]:active,[type=submit]:active,button:active{border-color:#555;text-shadow:#333 0 -1px 0;background:#666;color:#fff}[disabled].button,[disabled][type=button],[disabled][type=reset],[disabled][type=submit],button[disabled]{cursor:default;color:#999;background-color:#eee;border-color:#eee;background-image:none;text-shadow:none}[disabled].button:active,[disabled].button:focus,[disabled].button:hover,[disabled][type=button]:active,[disabled][type=button]:focus,[disabled][type=button]:hover,[disabled][type=reset]:active,[disabled][type=reset]:focus,[disabled][type=reset]:hover,[disabled][type=submit]:active,[disabled][type=submit]:focus,[disabled][type=submit]:hover,button[disabled]:active,button[disabled]:focus,button[disabled]:hover{color:#999}.clearfix::before,.header::before{content:'';display:table}.clearfix::after,.header::after{content:'';display:table;clear:both}.header__logo{float:left;margin:0 10px 0 0;padding:0}.header__logo-image{vertical-align:bottom}.header__name-and-slogan{float:left}.header__site-name{margin:0}.header__site-link:link,.header__site-link:visited{color:#000;text-decoration:none}.header__site-link:focus,.header__site-link:hover{text-decoration:underline}.header__site-slogan{margin:0}.header__secondary-menu{float:right}.header__region{clear:both}.hidden,html.js .js-hidden{display:none}.highlight-mark{color:#c00;background-color:transparent}.inline-links{padding:0}.inline-links__item{display:inline;list-style-type:none;padding:0 1em 0 0}.inline-sibling{display:inline;margin-right:10px}.inline-sibling *,.inline-sibling__child{display:inline}.inline-sibling+*,.inline-sibling+*>:first-child,.inline-sibling+*>:first-child>:first-child,.inline-sibling__adjacent{display:inline}.responsive-video{position:relative;padding-bottom:56.25%;padding-top:25px;height:0}.responsive-video iframe,.responsive-video__embed{position:absolute;top:0;left:0;width:100%;height:100%}.responsive-video--4-3{padding-bottom:75%}.breadcrumb__title,.visually-hidden{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);word-wrap:normal}.visually-hidden--focusable:active,.visually-hidden--focusable:focus,.visually-hidden--off{position:static!important;clip:auto;height:auto;width:auto;overflow:visible}.watermark{font-family:Impact,"Arial Narrow",Helvetica,sans-serif;font-weight:700;text-transform:uppercase;display:block;height:0;overflow:visible;background-color:transparent;color:#eee;font-size:75px;line-height:1;text-align:center;text-shadow:0 0 1px rgba(0,0,0,.1);word-wrap:break-word}.breadcrumb__list{margin:0;padding:0}.breadcrumb__item{display:inline;list-style-type:none;margin:0;padding:0}.more-link{text-align:right}.more-link__help-icon{padding:1px 0 1px 20px;background-image:url(navigation/more-link/more-link__help-icon.svg);background-position:0 50%;background-repeat:no-repeat}.nav-menu__item{list-style-image:url(navigation/nav-menu/leaf.svg);list-style-type:square}.nav-menu__item--is-expanded,.nav-menu__item.is-expanded{list-style-image:url(navigation/nav-menu/expanded.svg);list-style-type:circle}.nav-menu__item--is-collapsed,.nav-menu__item.is-collapsed{list-style-image:url(navigation/nav-menu/collapsed.svg);list-style-type:disc}.nav-menu__link--is-active,.nav-menu__link.is-active{color:#000}.navbar{margin:0;padding:0;text-align:left}.navbar li,.navbar__item{float:left;padding:0 10px 0 0;list-style-type:none;list-style-image:none}.pager{clear:both;padding:0;text-align:center}.pager-current,.pager-ellipsis,.pager-first,.pager-item,.pager-last,.pager-next,.pager-previous,.pager__current-item,.pager__item{display:inline;padding:0 .5em;list-style-type:none;background-image:none}.pager-current,.pager__current-item{font-weight:700}.skip-link{display:block;padding:2px 0 3px;text-align:center}.skip-link:link,.skip-link:visited{background-color:#666;color:#fff}.skip-link__wrapper{margin:0}article>.content ul,aside ul{display:table;list-style:none;padding:0}article>.content ul>li,aside ul>li{display:table-row}article>.content ul>li::before,aside ul>li::before{font-size:.81818rem;padding-right:.70455rem;display:table-cell;content:'\2022'}@media (min-width:1111px){article>.content ul>li::before,aside ul>li::before{font-size:.88889rem}}article>.content ol,aside ol{display:table;list-style:none;padding:0}article>.content ol>li,aside ol>li{display:table-row;counter-increment:table-ol}article>.content ol>li::before,aside ol>li::before{font-size:.81818rem;padding-right:.70455rem;display:table-cell;content:counter(table-ol) ".";text-align:right}@media (min-width:1111px){article>.content ol>li::before,aside ol>li::before{font-size:.88889rem}}.slicknav_btn{position:relative;display:block;vertical-align:middle;float:right;padding:.438em .625em;line-height:1.125em;cursor:pointer;margin:5px;text-decoration:none;text-shadow:0 1px 1px rgba(255,255,255,.75);border-radius:4px;background-color:#333}.slicknav_menu{box-sizing:border-box;background-color:#a30319;padding:2px}.slicknav_menu::after,.slicknav_menu::before{content:' ';display:table}.slicknav_menu::after{clear:both}.slicknav_menutxt{display:block;line-height:1.188em;float:left;color:#fff;font-weight:700;text-shadow:0 1px 3px #000}.slicknav_icon{float:left;width:1.125em;height:.875em;margin:.188em 0 0 .438em}.slicknav_no-text{margin:0}.slicknav_icon-bar{display:block;width:1.125em;height:3px;border-radius:1px;box-shadow:0 1px 0 rgba(0,0,0,.25);background-color:#fff}.slicknav_icon-bar+.slicknav_icon-bar{margin-top:.188em}.slicknav_nav{background-color:#fff;color:#000;margin:0;padding:0;list-style:none;overflow:hidden;clear:both}.slicknav_nav ul{display:block;list-style:none;overflow:hidden;padding:0;margin:0 0 0 20px}.slicknav_nav li{display:block}.slicknav_nav a{display:block;padding:5px 10px;margin:2px 5px;text-decoration:none;color:#000}.slicknav_nav a:hover{border-radius:6px;background-color:#333;color:#fff}.slicknav_row{display:block;padding:5px 10px;margin:2px 5px}.slicknav_row:hover{border-radius:6px;background-color:#333;color:#fff}.slicknav_arrow{margin:0 0 0 .4em}.slicknav_txtnode{margin-left:15px}.slicknav_item{cursor:pointer}.slicknav_item a{display:inline;padding:0;margin:0}.slicknav_parent-link a{display:inline;padding:0;margin:0}.slicknav_brand{float:left;color:#fff;line-height:30px;padding:7px 12px;height:44px}p,pre{margin:1.05682rem 0}figcaption,label,legend,th{font-size:.81818rem;line-height:1.40909rem}@media (min-width:1111px){figcaption,label,legend,th{font-size:.88889rem;line-height:1.40909rem}}.footer,article>header{font-size:.72727rem;line-height:1.40909rem}@media (min-width:1111px){.footer,article>header{font-size:.77778rem;line-height:1.40909rem}}.footer,.header,article>header,h1,h2,h3,label,legend,nav,th{font-family:Futura,"Century Gothic",AppleGothic,sans-serif;color:#333;font-weight:400}article>header{color:#999}article>header p{margin:.28182rem 0}@media (min-width:888px){article .submitted,article .tags{display:inline-block;padding-right:1rem}}article .tags ul{margin:0;padding:0}article .tags li,article .tags ul{display:inline}article .tags li{list-style-type:none}article .tags a{padding-right:.28182rem}article code{font-size:.81818rem;line-height:1.40909rem;word-wrap:break-word}article pre{color:#333;border-radius:3px;padding:5px;border:1px solid #ccc;background-color:#fff;overflow:auto;max-height:250px;max-width:550px}article pre>code{display:inline-block;white-space:pre}.title-submitted{margin-bottom:0}@media (min-width:666px){figure{display:table}figure img{display:block}figure.left{padding:0 .70455rem .70455rem 0;margin:0;float:left;clear:both}figure.left figcaption{padding:0 .70455rem .70455rem 0}figure.right{padding:0 0 .70455rem .70455rem;margin:0;float:right;clear:both}figure.right figcaption{padding:0 0 .70455rem .70455rem}}@media (min-width:666px){figcaption{display:table-caption;caption-side:bottom}}figcaption h4,figcaption p{margin:0}body{background-color:#eee}.page{background-color:#fff}.header{padding-top:10px}@media (min-width:777px){.header{padding-top:20px}}.main-menu{margin-top:.70455rem;margin-bottom:.70455rem;outline:0}.main-menu li{margin-right:.70455rem;margin-bottom:.70455rem;padding:0}.main-menu a{display:block;background-color:#a30319;color:#fff;padding:2px 8px;text-decoration:none}.main-menu a:focus,.main-menu a:hover{background-color:#710211}.main-menu a.active,.main-menu a:active{background-color:#a30319;text-decoration:underline}.menu a.active{text-decoration:none}.footer{margin-top:2.11364rem;padding:.70455rem 0;text-align:center;border-top:2px solid #a30319}.footer p{margin:0}.message{padding:10px;border-width:1px;border-style:solid;width:95%}.message.status{background-color:#f4feee;color:#43a808;border-color:#43a808}.message.warning{background-color:#fffce6;color:#000;border-color:#000}.message.error{background-color:#fff0f0;color:#c00;border-color:#c00}.search-form{padding-top:.70455rem}.search-text{font-size:1.09091rem;line-height:1.40909rem}.content input,.content textarea{margin-bottom:1.05682rem;width:95%}.content input:required+span::after,.content textarea:required+span::after{content:' *';color:#c00;vertical-align:top}.content input:not(:placeholder-shown):valid,.content textarea:not(:placeholder-shown):valid{background-color:#f4feee}.content input:not(:placeholder-shown):invalid,.content textarea:not(:placeholder-shown):invalid{background-color:#fff0f0}.content button{display:block}.js-submitted input:valid,.js-submitted textarea:valid{background-color:#f4feee}.js-submitted input:invalid,.js-submitted textarea:invalid{background-color:#fff0f0}.header__logo{width:100px}figure{margin-left:-10px;margin-right:-10px}@media (min-width:666px){figure{margin-left:0;margin-right:0}}blockquote{margin:1.40909rem 1rem;padding:0 1rem;border-left:2px solid #ccc}
\ No newline at end of file