[role="main"] [id*="maintitle"], [role="main"] [id*="booktitle"], [role="main"] [id*="youtube"], [role="main"] [id*="church"], [role="main"] [id*="magic"], [role="main"] [id*="wordtitle"], [role="main"] [id*="bone"], [role="main"] [id*="definitiontitle"], [role="main"] [id*="maginot"], [role="main"] [id*="fan"], [role="main"] [id*="meaningtitle"], [role="main"] [id*="snail"], [role="main"] [id*="pentitle"], [role="main"] [id*="fountainpen"], [role="main"] [id*="obsoletetitle"], [role="main"] [id*="abacus"], [role="main"] [id*="sorrytitle"], [role="main"] [id*="lathe"], [role="main"] [id*="cloudtitle"], [role="main"] [id*="play"], [role="main"] [id*="farm"], [role="main"] [id*="architecturetitle"], [role="main"] [id*="handshake"], [role="main"] [id*="ritualtitle"], [role="main"] [id*="dance"], [role="main"] [id*="dogs"], [role="main"] [id*="trans"] {
  position: absolute;
  left: -9999px;
  opacity: 0;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
  display: block;
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  height: 100%;
}

h1 {
  font-size: 2.4375rem;
  line-height: 3.125rem;
  font-weight: bold;
}

.media {
  position: relative;
  height: 0;
  padding-top: 56.25%;
  width: 100%;
  border: 1px solid;
}
.media > * {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  margin: 0;
  padding: 0;
}

.narration p, .narration ul, .narration ol {
  margin-bottom: 1.25rem;
}
.narration blockquote {
  font-style: italic;
}
.narration blockquote cite {
  font-style: normal;
}
.narration em, .narration i {
  font-style: italic;
}
.narration strong, .narration b {
  font-weight: bold;
}

body {
  *zoom: 1;
  background: -webkit-linear-gradient(left, rgba(212, 235, 242, 0.25) 6.77966%, transparent 6.77966%, transparent 8.47458%, rgba(173, 216, 230, 0.25) 8.47458%, rgba(212, 235, 242, 0.25) 15.25424%, transparent 15.25424%, transparent 16.94915%, rgba(173, 216, 230, 0.25) 16.94915%, rgba(212, 235, 242, 0.25) 23.72881%, transparent 23.72881%, transparent 25.42373%, rgba(173, 216, 230, 0.25) 25.42373%, rgba(212, 235, 242, 0.25) 32.20339%, transparent 32.20339%, transparent 33.89831%, rgba(173, 216, 230, 0.25) 33.89831%, rgba(212, 235, 242, 0.25) 40.67797%, transparent 40.67797%, transparent 42.37288%, rgba(173, 216, 230, 0.25) 42.37288%, rgba(212, 235, 242, 0.25) 49.15254%, transparent 49.15254%, transparent 50.84746%, rgba(173, 216, 230, 0.25) 50.84746%, rgba(212, 235, 242, 0.25) 57.62712%, transparent 57.62712%, transparent 59.32203%, rgba(173, 216, 230, 0.25) 59.32203%, rgba(212, 235, 242, 0.25) 66.10169%, transparent 66.10169%, transparent 67.79661%, rgba(173, 216, 230, 0.25) 67.79661%, rgba(212, 235, 242, 0.25) 74.57627%, transparent 74.57627%, transparent 76.27119%, rgba(173, 216, 230, 0.25) 76.27119%, rgba(212, 235, 242, 0.25) 83.05085%, transparent 83.05085%, transparent 84.74576%, rgba(173, 216, 230, 0.25) 84.74576%, rgba(212, 235, 242, 0.25) 91.52542%, transparent 91.52542%, transparent 93.22034%, rgba(173, 216, 230, 0.25) 93.22034%, rgba(212, 235, 242, 0.25) 100%);
  background: -moz-linear-gradient(left, rgba(212, 235, 242, 0.25) 6.77966%, transparent 6.77966%, transparent 8.47458%, rgba(173, 216, 230, 0.25) 8.47458%, rgba(212, 235, 242, 0.25) 15.25424%, transparent 15.25424%, transparent 16.94915%, rgba(173, 216, 230, 0.25) 16.94915%, rgba(212, 235, 242, 0.25) 23.72881%, transparent 23.72881%, transparent 25.42373%, rgba(173, 216, 230, 0.25) 25.42373%, rgba(212, 235, 242, 0.25) 32.20339%, transparent 32.20339%, transparent 33.89831%, rgba(173, 216, 230, 0.25) 33.89831%, rgba(212, 235, 242, 0.25) 40.67797%, transparent 40.67797%, transparent 42.37288%, rgba(173, 216, 230, 0.25) 42.37288%, rgba(212, 235, 242, 0.25) 49.15254%, transparent 49.15254%, transparent 50.84746%, rgba(173, 216, 230, 0.25) 50.84746%, rgba(212, 235, 242, 0.25) 57.62712%, transparent 57.62712%, transparent 59.32203%, rgba(173, 216, 230, 0.25) 59.32203%, rgba(212, 235, 242, 0.25) 66.10169%, transparent 66.10169%, transparent 67.79661%, rgba(173, 216, 230, 0.25) 67.79661%, rgba(212, 235, 242, 0.25) 74.57627%, transparent 74.57627%, transparent 76.27119%, rgba(173, 216, 230, 0.25) 76.27119%, rgba(212, 235, 242, 0.25) 83.05085%, transparent 83.05085%, transparent 84.74576%, rgba(173, 216, 230, 0.25) 84.74576%, rgba(212, 235, 242, 0.25) 91.52542%, transparent 91.52542%, transparent 93.22034%, rgba(173, 216, 230, 0.25) 93.22034%, rgba(212, 235, 242, 0.25) 100%);
  background: -o-linear-gradient(left, rgba(212, 235, 242, 0.25) 6.77966%, transparent 6.77966%, transparent 8.47458%, rgba(173, 216, 230, 0.25) 8.47458%, rgba(212, 235, 242, 0.25) 15.25424%, transparent 15.25424%, transparent 16.94915%, rgba(173, 216, 230, 0.25) 16.94915%, rgba(212, 235, 242, 0.25) 23.72881%, transparent 23.72881%, transparent 25.42373%, rgba(173, 216, 230, 0.25) 25.42373%, rgba(212, 235, 242, 0.25) 32.20339%, transparent 32.20339%, transparent 33.89831%, rgba(173, 216, 230, 0.25) 33.89831%, rgba(212, 235, 242, 0.25) 40.67797%, transparent 40.67797%, transparent 42.37288%, rgba(173, 216, 230, 0.25) 42.37288%, rgba(212, 235, 242, 0.25) 49.15254%, transparent 49.15254%, transparent 50.84746%, rgba(173, 216, 230, 0.25) 50.84746%, rgba(212, 235, 242, 0.25) 57.62712%, transparent 57.62712%, transparent 59.32203%, rgba(173, 216, 230, 0.25) 59.32203%, rgba(212, 235, 242, 0.25) 66.10169%, transparent 66.10169%, transparent 67.79661%, rgba(173, 216, 230, 0.25) 67.79661%, rgba(212, 235, 242, 0.25) 74.57627%, transparent 74.57627%, transparent 76.27119%, rgba(173, 216, 230, 0.25) 76.27119%, rgba(212, 235, 242, 0.25) 83.05085%, transparent 83.05085%, transparent 84.74576%, rgba(173, 216, 230, 0.25) 84.74576%, rgba(212, 235, 242, 0.25) 91.52542%, transparent 91.52542%, transparent 93.22034%, rgba(173, 216, 230, 0.25) 93.22034%, rgba(212, 235, 242, 0.25) 100%);
  background: linear-gradient(to right, rgba(212, 235, 242, 0.25) 6.77966%, transparent 6.77966%, transparent 8.47458%, rgba(173, 216, 230, 0.25) 8.47458%, rgba(212, 235, 242, 0.25) 15.25424%, transparent 15.25424%, transparent 16.94915%, rgba(173, 216, 230, 0.25) 16.94915%, rgba(212, 235, 242, 0.25) 23.72881%, transparent 23.72881%, transparent 25.42373%, rgba(173, 216, 230, 0.25) 25.42373%, rgba(212, 235, 242, 0.25) 32.20339%, transparent 32.20339%, transparent 33.89831%, rgba(173, 216, 230, 0.25) 33.89831%, rgba(212, 235, 242, 0.25) 40.67797%, transparent 40.67797%, transparent 42.37288%, rgba(173, 216, 230, 0.25) 42.37288%, rgba(212, 235, 242, 0.25) 49.15254%, transparent 49.15254%, transparent 50.84746%, rgba(173, 216, 230, 0.25) 50.84746%, rgba(212, 235, 242, 0.25) 57.62712%, transparent 57.62712%, transparent 59.32203%, rgba(173, 216, 230, 0.25) 59.32203%, rgba(212, 235, 242, 0.25) 66.10169%, transparent 66.10169%, transparent 67.79661%, rgba(173, 216, 230, 0.25) 67.79661%, rgba(212, 235, 242, 0.25) 74.57627%, transparent 74.57627%, transparent 76.27119%, rgba(173, 216, 230, 0.25) 76.27119%, rgba(212, 235, 242, 0.25) 83.05085%, transparent 83.05085%, transparent 84.74576%, rgba(173, 216, 230, 0.25) 84.74576%, rgba(212, 235, 242, 0.25) 91.52542%, transparent 91.52542%, transparent 93.22034%, rgba(173, 216, 230, 0.25) 93.22034%, rgba(212, 235, 242, 0.25) 100%);
  background: linear-gradient(to right, rgba(212, 235, 242, 0.25) 6.77966%, transparent 6.77966%, transparent 8.47458%, rgba(173, 216, 230, 0.25) 8.47458%, rgba(212, 235, 242, 0.25) 15.25424%, transparent 15.25424%, transparent 16.94915%, rgba(173, 216, 230, 0.25) 16.94915%, rgba(212, 235, 242, 0.25) 23.72881%, transparent 23.72881%, transparent 25.42373%, rgba(173, 216, 230, 0.25) 25.42373%, rgba(212, 235, 242, 0.25) 32.20339%, transparent 32.20339%, transparent 33.89831%, rgba(173, 216, 230, 0.25) 33.89831%, rgba(212, 235, 242, 0.25) 40.67797%, transparent 40.67797%, transparent 42.37288%, rgba(173, 216, 230, 0.25) 42.37288%, rgba(212, 235, 242, 0.25) 49.15254%, transparent 49.15254%, transparent 50.84746%, rgba(173, 216, 230, 0.25) 50.84746%, rgba(212, 235, 242, 0.25) 57.62712%, transparent 57.62712%, transparent 59.32203%, rgba(173, 216, 230, 0.25) 59.32203%, rgba(212, 235, 242, 0.25) 66.10169%, transparent 66.10169%, transparent 67.79661%, rgba(173, 216, 230, 0.25) 67.79661%, rgba(212, 235, 242, 0.25) 74.57627%, transparent 74.57627%, transparent 76.27119%, rgba(173, 216, 230, 0.25) 76.27119%, rgba(212, 235, 242, 0.25) 83.05085%, transparent 83.05085%, transparent 84.74576%, rgba(173, 216, 230, 0.25) 84.74576%, rgba(212, 235, 242, 0.25) 91.52542%, transparent 91.52542%, transparent 93.22034%, rgba(173, 216, 230, 0.25) 93.22034%, rgba(212, 235, 242, 0.25) 100%);
  *zoom: 1;
  max-width: 90em;
  margin-left: auto;
  margin-right: auto;
  border-top-width: 0.5625rem;
  border-top-style: solid;
  padding-top: 0.6875rem;
  border-bottom-width: 0.5625rem;
  border-bottom-style: solid;
  padding-bottom: 0.6875rem;
  min-height: 100%;
  padding-right: 1.25rem;
  padding-left: 1.25rem;
  color: #002b36;
  background: white;
  border-color: #dc322f;
}
body:after {
  content: "";
  display: table;
  clear: both;
}
body:after {
  content: "";
  display: table;
  clear: both;
}

@media (min-width: 40em) {
  [role="banner"], [role="contentinfo"] {
    width: 49.15254%;
    float: left;
  }

  [role="main"] {
    width: 49.15254%;
    float: right;
    margin-left: 1.69492%;
  }

  [role="banner"] {
    padding-top: 2.5rem;
    margin-top: 2px;
  }
}
@media (min-width: 48em) {
  [role="banner"], [role="contentinfo"] {
    width: 40.67797%;
    float: left;
  }

  [role="main"] {
    width: 57.62712%;
    float: right;
    margin-left: 1.69492%;
  }
}
[role="banner"] figcaption {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  color: #999999;
  font-style: italic;
}
[role="banner"] strong {
  color: #002b36;
  font-weight: bold;
  font-style: normal;
}

[role="contentinfo"] {
  clear: left;
  border-top-width: 0.0625rem;
  border-top-style: solid;
  padding-top: 1.1875rem;
  -webkit-transition: opacity 300ms;
  -moz-transition: opacity 300ms;
  -o-transition: opacity 300ms;
  transition: opacity 300ms;
  opacity: .25;
  border-style: dotted;
}
[role="contentinfo"]:hover {
  opacity: 1;
}

[role="main"] {
  counter-reset: figures main;
}
[role="main"] figure {
  clear: left;
  border: 1px dotted;
  margin: 0 0 1em 0;
  padding: 1.5em;
  background: #e5e5e5;
  text-align: center;
}
[role="main"] figcaption {
  margin-top: 1em;
  font-style: italic;
  text-align: left;
  counter-increment: figures;
}
[role="main"] figcaption em {
  font-weight: bold;
}
[role="main"] figcaption:before {
  content: "fig." counter(figures, decimal-leading-zero);
  font-weight: bold;
}
[role="main"] img {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 100%;
  border: 1px solid;
  background: white;
}
[role="main"] [class*="maintitle"], [role="main"] [class*="booktitle"], [role="main"] [class*="youtube"], [role="main"] [class*="church"], [role="main"] [class*="magic"], [role="main"] [class*="wordtitle"], [role="main"] [class*="bone"], [role="main"] [class*="definitiontitle"], [role="main"] [class*="maginot"], [role="main"] [class*="fan"], [role="main"] [class*="meaningtitle"], [role="main"] [class*="snail"], [role="main"] [class*="pentitle"], [role="main"] [class*="fountainpen"], [role="main"] [class*="obsoletetitle"], [role="main"] [class*="abacus"], [role="main"] [class*="sorrytitle"], [role="main"] [class*="lathe"], [role="main"] [class*="cloudtitle"], [role="main"] [class*="play"], [role="main"] [class*="farm"], [role="main"] [class*="architecturetitle"], [role="main"] [class*="handshake"], [role="main"] [class*="ritualtitle"], [role="main"] [class*="dance"], [role="main"] [class*="dogs"], [role="main"] [class*="trans"] {
  -webkit-transition: opacity 200ms;
  -moz-transition: opacity 200ms;
  -o-transition: opacity 200ms;
  transition: opacity 200ms;
  opacity: 0;
  height: 0;
}
[role="main"] [id*="maintitle"]:checked ~ [class*="maintitle"], [role="main"] [id*="booktitle"]:checked ~ [class*="booktitle"], [role="main"] [id*="youtube"]:checked ~ [class*="youtube"], [role="main"] [id*="church"]:checked ~ [class*="church"], [role="main"] [id*="magic"]:checked ~ [class*="magic"], [role="main"] [id*="wordtitle"]:checked ~ [class*="wordtitle"], [role="main"] [id*="bone"]:checked ~ [class*="bone"], [role="main"] [id*="definitiontitle"]:checked ~ [class*="definitiontitle"], [role="main"] [id*="maginot"]:checked ~ [class*="maginot"], [role="main"] [id*="fan"]:checked ~ [class*="fan"], [role="main"] [id*="meaningtitle"]:checked ~ [class*="meaningtitle"], [role="main"] [id*="snail"]:checked ~ [class*="snail"], [role="main"] [id*="pentitle"]:checked ~ [class*="pentitle"], [role="main"] [id*="fountainpen"]:checked ~ [class*="fountainpen"], [role="main"] [id*="obsoletetitle"]:checked ~ [class*="obsoletetitle"], [role="main"] [id*="abacus"]:checked ~ [class*="abacus"], [role="main"] [id*="sorrytitle"]:checked ~ [class*="sorrytitle"], [role="main"] [id*="lathe"]:checked ~ [class*="lathe"], [role="main"] [id*="cloudtitle"]:checked ~ [class*="cloudtitle"], [role="main"] [id*="play"]:checked ~ [class*="play"], [role="main"] [id*="farm"]:checked ~ [class*="farm"], [role="main"] [id*="architecturetitle"]:checked ~ [class*="architecturetitle"], [role="main"] [id*="handshake"]:checked ~ [class*="handshake"], [role="main"] [id*="ritualtitle"]:checked ~ [class*="ritualtitle"], [role="main"] [id*="dance"]:checked ~ [class*="dance"], [role="main"] [id*="dogs"]:checked ~ [class*="dogs"], [role="main"] [id*="trans"]:checked ~ [class*="trans"] {
  opacity: 1;
  height: auto;
  z-index: 100;
}

.slide {
  width: 100%;
  float: left;
  margin-right: -100%;
  margin-bottom: 1.25rem;
  position: relative;
}
.slide h2 {
  clear: left;
  border-top-width: 0.5625rem;
  border-top-style: solid;
  padding-top: 0.6875rem;
  font-size: 1.9375rem;
  line-height: 2.5rem;
  font-weight: bold;
}
.slide h2:before {
  counter-increment: main;
  content: "Part " counter(main, decimal-leading-zero) " // ";
  font-weight: normal;
}
.slide img {
  max-height: 60vh;
}

.slidenav [for], .narration-toggle {
  font-size: 1.25rem;
  line-height: 1.875rem;
  -webkit-border-radius: 0.25em;
  -moz-border-radius: 0.25em;
  border-radius: 0.25em;
  background-image: -webkit-linear-gradient(top, rgba(229, 229, 229, 0), rgba(229, 229, 229, 0.25));
  background-image: -moz-linear-gradient(top, rgba(229, 229, 229, 0), rgba(229, 229, 229, 0.25));
  background-image: -o-linear-gradient(top, rgba(229, 229, 229, 0), rgba(229, 229, 229, 0.25));
  background-image: linear-gradient(to bottom, rgba(229, 229, 229, 0), rgba(229, 229, 229, 0.25));
  display: inline-block;
  padding: 0 1.25rem;
  border: 1px solid;
  color: #b2b2b2;
  font-weight: bold;
  vertical-align: middle;
  cursor: pointer;
}

.slidenav {
  width: 40%;
  float: left;
  margin-bottom: 0.625rem;
}
.slidenav .prev:focus, .slidenav .prev:active, .slidenav .next:focus, .slidenav .next:active {
  -webkit-box-shadow: #002b36 0 0 0.25em inset;
  -moz-box-shadow: #002b36 0 0 0.25em inset;
  box-shadow: #002b36 0 0 0.25em inset;
  background-image: -webkit-linear-gradient(bottom, rgba(229, 229, 229, 0), rgba(229, 229, 229, 0.25));
  background-image: -moz-linear-gradient(bottom, rgba(229, 229, 229, 0), rgba(229, 229, 229, 0.25));
  background-image: -o-linear-gradient(bottom, rgba(229, 229, 229, 0), rgba(229, 229, 229, 0.25));
  background-image: linear-gradient(to top, rgba(229, 229, 229, 0), rgba(229, 229, 229, 0.25));
}
.slidenav .prev {
  color: #841e1c;
}
.slidenav .next {
  color: #859900;
}

.narration-toggle {
  float: right;
}
.narration-toggle:hover ~ .narration {
  display: block;
}

.narration {
  border-width: 0.0625rem;
  border-style: solid;
  padding: 1.1875rem;
  position: relative;
  display: none;
  position: absolute;
  top: 2.5rem;
  right: 0;
  width: 90%;
  background: white;
  z-index: 999;
}
.narration:before {
  content: " ";
  position: absolute;
  height: 0;
  width: 0;
  border: solid transparent;
  pointer-events: none;
  bottom: 100%;
  border-bottom-color: #002b36;
  border-width: 0.5em;
  right: 1.25rem;
}
.narration *:last-child {
  margin: 0;
}