@charset "UTF-8";
/*******************************************************************************
 * MATHBOOK STYLESHEET
 *******************************************************************************
 * These styles accompany the Mathbook online textbook platform.
 *
 * Homepage: http://mathbook.pugetsound.edu
 * Issue Tracker: https://github.com/BooksHTML/mathbook-assets/issues
 * Repository: https://github.com/BooksHTML/mathbook-assets
 *
 * Authors: Michael DuBois, David Farmer, Rob Beezer
 *
 *******************************************************************************
 */
/**
 * Reset HTML to iron out browser inconsistencies
 */
/* line 116, ../../../var/lib/gems/2.5.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

/* line 30, ../scss/_mathbook.scss */
body {
  font-family: "CharterBT", "PT Serif", "Times New Roman", Times, serif;
}
/* line 106, ../../../var/lib/gems/2.5.0/gems/compass-core-1.0.3/stylesheets/compass/typography/_vertical_rhythm.scss */
body html {
  font-size: 100%;
  line-height: 1.25em;
}

/*******************************************************************************
 * BEGIN MATHBOOK UI MODULE
 *
 * Here we define the layout and style for the user interface that houses the
 * mathbook content.
 ******************************************************************************/
/* line 8, ../scss/ui/partials/_layout.scss */
html, body {
  margin: 0;
  padding: 0;
}

/* line 13, ../scss/ui/partials/_layout.scss */
body {
  background: #dedede;
  font-family: "CharterBT", "PT Serif", "Times New Roman", Times, serif;
}
/* line 106, ../../../var/lib/gems/2.5.0/gems/compass-core-1.0.3/stylesheets/compass/typography/_vertical_rhythm.scss */
body html {
  font-size: 100%;
  line-height: 1.25em;
}
/* line 17, ../scss/ui/partials/_layout.scss */
body.centered-container {
  border: 1px solid #c4c4c4;
  border-top: none;
  border-bottom: none;
}

/**
 * Containers restrict the max-width of content within elements
 * whose backgrounds must stretch to the width of the viewport.
 */
/* line 28, ../scss/ui/partials/_layout.scss */
.container {
  margin: 0;
}
/* line 33, ../scss/ui/partials/_layout.scss */
.container, .container.layout-left, .layout-left .container {
  max-width: 739px;
}
/* line 37, ../scss/ui/partials/_layout.scss */
.container.layout-centered, .layout-centered .container {
  max-width: none;
}

/**
 * The master header of the page.
 * Contains the book title and navigation.
 */
/* line 47, ../scss/ui/partials/_layout.scss */
#masthead {
  /* IMPORTANT: #byline is deprecated! */
}
/* line 23, ../scss/ui/partials/_masthead.scss */
#masthead {
  position: relative;
  background: #006;
  min-height: inherit;
  border: none;
  margin-left: auto;
  margin-right: auto;
  box-shadow: none;
  box-shadow: none;
  box-shadow: none;
  /*
  @media screen and (max-width: $screen-sm-max) {
      border-bottom:1px solid darken($masthead-bg-color, 15%);
  }
  */
}
/* line 41, ../scss/ui/partials/_masthead.scss */
#masthead .banner {
  /* to ensure children's margin-top works */
  border-top: 1px solid transparent;
  overflow: hidden;
  *zoom: 1;
  padding-top: 0.625em;
  padding-bottom: 1.125em;
}
@media screen and (max-width: 480px) {
  /* line 41, ../scss/ui/partials/_masthead.scss */
  #masthead .banner {
    padding-left: 10px;
    padding-right: 10px;
  }
}
/* line 55, ../scss/ui/partials/_masthead.scss */
#masthead #title-container, #masthead .title-container {
  font-size: 1em;
  padding-left: 9.68px;
  overflow: hidden;
  *zoom: 1;
  /* On mobile phones */
}
@media screen and (max-width: 480px) {
  /* line 55, ../scss/ui/partials/_masthead.scss */
  #masthead #title-container, #masthead .title-container {
    padding: 0;
    text-align: center;
    margin-top: 0.625em;
  }
}
/* line 18, ../scss/shared/_heading.scss */
#masthead #title-container > .heading, #masthead #title-container > header > .heading, #masthead .title-container > .heading, #masthead .title-container > header > .heading {
  /* On mobile phones */
  /* Support links inside title */
}
/* line 104, ../scss/shared/_heading.scss */
#masthead #title-container > .heading, #masthead #title-container > header > .heading, #masthead .title-container > .heading, #masthead .title-container > header > .heading {
  font-family: "CharterBT", "PT Serif", "Times New Roman", Times, serif;
  font-weight: 700;
  color: inherit;
}
/* line 51, ../scss/shared/_heading.scss */
#masthead #title-container > .heading:before, #masthead #title-container > header > .heading:before, #masthead .title-container > .heading:before, #masthead .title-container > header > .heading:before {
  display: none;
}
/* line 58, ../scss/shared/_heading.scss */
#masthead #title-container > .heading:after, #masthead #title-container > header > .heading:after, #masthead .title-container > .heading:after, #masthead .title-container > header > .heading:after {
  display: none;
}
/* line 51, ../scss/shared/_heading.scss */
#masthead #title-container > .heading .type:before, #masthead #title-container > header > .heading .type:before, #masthead .title-container > .heading .type:before, #masthead .title-container > header > .heading .type:before {
  display: none;
}
/* line 58, ../scss/shared/_heading.scss */
#masthead #title-container > .heading .type:after, #masthead #title-container > header > .heading .type:after, #masthead .title-container > .heading .type:after, #masthead .title-container > header > .heading .type:after {
  content: " ";
}
/* line 51, ../scss/shared/_heading.scss */
#masthead #title-container > .heading .codenumber:not(:empty):before, #masthead #title-container > header > .heading .codenumber:not(:empty):before, #masthead .title-container > .heading .codenumber:not(:empty):before, #masthead .title-container > header > .heading .codenumber:not(:empty):before {
  display: none;
}
/* line 58, ../scss/shared/_heading.scss */
#masthead #title-container > .heading .codenumber:not(:empty):after, #masthead #title-container > header > .heading .codenumber:not(:empty):after, #masthead .title-container > .heading .codenumber:not(:empty):after, #masthead .title-container > header > .heading .codenumber:not(:empty):after {
  content: " ";
}
/* line 51, ../scss/shared/_heading.scss */
#masthead #title-container > .heading .title:before, #masthead #title-container > header > .heading .title:before, #masthead .title-container > .heading .title:before, #masthead .title-container > header > .heading .title:before {
  display: none;
}
/* line 58, ../scss/shared/_heading.scss */
#masthead #title-container > .heading .title:after, #masthead #title-container > header > .heading .title:after, #masthead .title-container > .heading .title:after, #masthead .title-container > header > .heading .title:after {
  display: none;
}
/* line 124, ../scss/shared/_heading.scss */
#masthead #title-container > .heading .type, #masthead #title-container > .heading .codenumber, #masthead #title-container > .heading .title, #masthead #title-container > header > .heading .type, #masthead #title-container > header > .heading .codenumber, #masthead #title-container > header > .heading .title, #masthead .title-container > .heading .type, #masthead .title-container > .heading .codenumber, #masthead .title-container > .heading .title, #masthead .title-container > header > .heading .type, #masthead .title-container > header > .heading .codenumber, #masthead .title-container > header > .heading .title {
  /**
   *  Hide the space after the last element,
   * defer to .heading:after instead  XX obsolete comment
   */
}
/* line 69, ../scss/shared/_heading.scss */
#masthead #title-container > .heading.hide-type .type, #masthead #title-container > header > .heading.hide-type .type, #masthead .title-container > .heading.hide-type .type, #masthead .title-container > header > .heading.hide-type .type {
  display: none;
}
/* line 76, ../scss/shared/_heading.scss */
#masthead #title-container > .heading.hide-codenumber .codenumber, #masthead #title-container > header > .heading.hide-codenumber .codenumber, #masthead .title-container > .heading.hide-codenumber .codenumber, #masthead .title-container > header > .heading.hide-codenumber .codenumber {
  display: none;
}
/* line 83, ../scss/shared/_heading.scss */
#masthead #title-container > .heading.hide-title .title, #masthead #title-container > header > .heading.hide-title .title, #masthead .title-container > .heading.hide-title .title, #masthead .title-container > header > .heading.hide-title .title {
  display: none;
}
/* line 75, ../scss/ui/partials/_masthead.scss */
#masthead #title-container > .heading, #masthead #title-container > header > .heading, #masthead .title-container > .heading, #masthead .title-container > header > .heading {
  margin: 0;
  font-size: 1.75em;
  line-height: 1.42857em;
  font-family: "CharterBT", "PT Serif", "Times New Roman", Times, serif;
  color: white;
}
@media screen and (max-width: 480px) {
  /* line 18, ../scss/shared/_heading.scss */
  #masthead #title-container > .heading, #masthead #title-container > header > .heading, #masthead .title-container > .heading, #masthead .title-container > header > .heading {
    font-size: 1.3125em;
    line-height: 1.42857em;
    margin: 0;
    margin-bottom: 0.47619em;
  }
}
/* line 96, ../scss/ui/partials/_masthead.scss */
#masthead #title-container > .heading a:link, #masthead #title-container > .heading a:visited, #masthead #title-container > header > .heading a:link, #masthead #title-container > header > .heading a:visited, #masthead .title-container > .heading a:link, #masthead .title-container > .heading a:visited, #masthead .title-container > header > .heading a:link, #masthead .title-container > header > .heading a:visited {
  color: white;
  color: ddf;
  background: none;
}
/* line 180, ../scss/shared/_typography.scss */
#masthead #title-container > .heading a:link, .lt-ie10 #masthead #title-container > .heading a:link, #masthead #title-container > .heading a:visited, .lt-ie10 #masthead #title-container > .heading a:visited, #masthead #title-container > header > .heading a:link, .lt-ie10 #masthead #title-container > header > .heading a:link, #masthead #title-container > header > .heading a:visited, .lt-ie10 #masthead #title-container > header > .heading a:visited, #masthead .title-container > .heading a:link, .lt-ie10 #masthead .title-container > .heading a:link, #masthead .title-container > .heading a:visited, .lt-ie10 #masthead .title-container > .heading a:visited, #masthead .title-container > header > .heading a:link, .lt-ie10 #masthead .title-container > header > .heading a:link, #masthead .title-container > header > .heading a:visited, .lt-ie10 #masthead .title-container > header > .heading a:visited {
  text-decoration: none;
}
/* line 104, ../scss/ui/partials/_masthead.scss */
#masthead #title-container > .heading a:hover, #masthead #title-container > .heading a:focus, #masthead #title-container > header > .heading a:hover, #masthead #title-container > header > .heading a:focus, #masthead .title-container > .heading a:hover, #masthead .title-container > .heading a:focus, #masthead .title-container > header > .heading a:hover, #masthead .title-container > header > .heading a:focus {
  color: #eeb211;
  /**
   * Better underlines using background gradients
   * See http://bit.ly/1vTg7hr
   */
  /* the better underlines were removed by David Farmer on 2/9/16
     because of various headaches  */
}
/* line 113, ../scss/ui/partials/_masthead.scss */
#masthead #title-container > .heading a:active, #masthead #title-container > header > .heading a:active, #masthead .title-container > .heading a:active, #masthead .title-container > header > .heading a:active {
  color: white;
  /**
   * Better underlines using background gradients
   * See http://bit.ly/1vTg7hr
   */
  /* the better underlines were removed by David Farmer on 2/9/16
     because of various headaches  */
}
/* line 124, ../scss/ui/partials/_masthead.scss */
#masthead #title-container > .heading .subtitle, #masthead #title-container > header > .heading .subtitle, #masthead .title-container > .heading .subtitle, #masthead .title-container > header > .heading .subtitle {
  font-weight: normal;
  /* Much classier */
}
/* line 127, ../scss/ui/partials/_masthead.scss */
#masthead #title-container > .heading .subtitle:before, #masthead #title-container > header > .heading .subtitle:before, #masthead .title-container > .heading .subtitle:before, #masthead .title-container > header > .heading .subtitle:before {
  content: ": ";
}
@media screen and (max-width: 800px) {
  /* line 124, ../scss/ui/partials/_masthead.scss */
  #masthead #title-container > .heading .subtitle, #masthead #title-container > header > .heading .subtitle, #masthead .title-container > .heading .subtitle, #masthead .title-container > header > .heading .subtitle {
    /* Force the subtitle onto a seperate line */
    display: block;
    font-size: 1.14286em;
    line-height: 1.25em;
    /* De-emphasize relative to main title */
    color: #595959;
    /* Remove colon */
  }
  /* line 143, ../scss/ui/partials/_masthead.scss */
  #masthead #title-container > .heading .subtitle:before, #masthead #title-container > header > .heading .subtitle:before, #masthead .title-container > .heading .subtitle:before, #masthead .title-container > header > .heading .subtitle:before {
    content: normal;
  }
}
/* line 152, ../scss/ui/partials/_masthead.scss */
#masthead #logo-link, #masthead .logo-link {
  position: relative;
  float: left;
  font-size: 50px;
  margin-top: 0.1em;
  margin-left: 9.68px;
  text-align: center;
  line-height: 1;
  /* Must be 1 so that icon placeholder is centered */
  /* Display placeholder icon for css3 browsers (progressive enhancement) */
  /* Override addons */
  /* On mobile phones */
}
/* line 165, ../scss/ui/partials/_masthead.scss */
#masthead #logo-link img, #masthead .logo-link img {
  width: auto;
  height: auto;
  /* Allow font-size to control height
   * so that icon placeholder height matches */
  max-height: 1.28em;
}
/* line 179, ../scss/ui/partials/_masthead.scss */
#masthead #logo-link:empty:before, #masthead .logo-link:empty:before {
  font-family: "Ionicons";
  font-size: 1em;
  /* Center the icon in a square the size of the parent's font-size */
  line-height: 1;
  width: 1em;
  display: inline-block;
  vertical-align: top;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  text-align: center;
  color: #ccc;
}
/* line 181, ../scss/ui/partials/_masthead.scss */
#masthead #logo-link:empty:before, .mathbook-book #masthead #logo-link:empty:before, #masthead .logo-link:empty:before, .mathbook-book #masthead .logo-link:empty:before {
  content: "";
}
/* line 185, ../scss/ui/partials/_masthead.scss */
.mathbook-article #masthead #logo-link:empty:before, .mathbook-article #masthead .logo-link:empty:before {
  content: "";
}
/* line 201, ../scss/ui/partials/_masthead.scss */
#masthead #logo-link:empty:hover:before, #masthead .logo-link:empty:hover:before {
  color: #eeb211;
}
/* line 205, ../scss/ui/partials/_masthead.scss */
#masthead #logo-link:empty:active:before, #masthead .logo-link:empty:active:before {
  color: #262626;
}
/* line 211, ../scss/ui/partials/_masthead.scss */
#masthead #logo-link:link, #masthead #logo-link:hover, #masthead #logo-link:active, #masthead .logo-link:link, #masthead .logo-link:hover, #masthead .logo-link:active {
  background: transparent;
  border: none;
  text-decoration: none;
}
@media screen and (max-width: 480px) {
  /* line 152, ../scss/ui/partials/_masthead.scss */
  #masthead #logo-link, #masthead .logo-link {
    display: block;
    float: none;
    margin: 0;
    font-size: 50px;
  }
}
/* line 229, ../scss/ui/partials/_masthead.scss */
#masthead #byline, #masthead .byline {
  color: #ffd052;
  font-weight: normal;
  margin: 0;
  font-size: 1.1875em;
  line-height: 1.57895em;
  min-height: inherit;
  font-family: "CharterBT", "PT Serif", "Times New Roman", Times, serif;
}
@media screen and (max-width: 480px) {
  /* line 229, ../scss/ui/partials/_masthead.scss */
  #masthead #byline, #masthead .byline {
    margin-top: 0;
    font-size: 1em;
    line-height: 1.25em;
  }
}
/* line 247, ../scss/ui/partials/_masthead.scss */
#masthead #byline a:link, #masthead #byline a:visited, #masthead .byline a:link, #masthead .byline a:visited {
  color: #eeb211;
  color: #eeb211;
  /**
   * Better underlines using background gradients
   * See http://bit.ly/1vTg7hr
   */
  /* the better underlines were removed by David Farmer on 2/9/16
     because of various headaches  */
}
/* line 255, ../scss/ui/partials/_masthead.scss */
#masthead #byline a:hover, #masthead #byline a:focus, #masthead .byline a:hover, #masthead .byline a:focus {
  color: #1a1a1a;
  /**
   * Better underlines using background gradients
   * See http://bit.ly/1vTg7hr
   */
  /* the better underlines were removed by David Farmer on 2/9/16
     because of various headaches  */
}
/* line 262, ../scss/ui/partials/_masthead.scss */
#masthead #byline a:active, #masthead .byline a:active {
  color: #1a1a1a;
  /**
   * Better underlines using background gradients
   * See http://bit.ly/1vTg7hr
   */
  /* the better underlines were removed by David Farmer on 2/9/16
     because of various headaches  */
}

/**
 * Primary Navbar
 * Contains primary actions for navigation or layout control
 */
/* line 55, ../scss/ui/partials/_layout.scss */
#gt-navbar {
  /*******************************************************************************
   * BUTTONS
   ******************************************************************************/
  /*******************************************************************************
   * SPECIFIC BUTTONS
   ******************************************************************************/
  /*******************************************************************************
   * TOOLBAR
   ******************************************************************************/
  /**
   * This includes buttons and the index nav-jump.
   */
  /*******************************************************************************
   * TOP VS BOTTOM
   ******************************************************************************/
  /**
   * Wrapper added by jquery.sticky.js
   */
}
/* line 47, ../scss/ui/partials/_primary-navbar.scss */
#gt-navbar {
  background: #eeeeee;
  z-index: 200;
  height: 35.36px;
  font-family: "CharterBT", "PT Serif", "Times New Roman", Times, serif;
  border-top: 1px solid #bbbbbb;
  border-bottom: 1px solid #bbbbbb;
  width: 100%;
  /* Smoothly transition box-shadow when navbar sticks/unsticks */
  transition: box-shadow 400ms;
  transition: box-shadow 400ms;
  transition: box-shadow 400ms;
  transition: box-shadow 400ms;
  overflow: hidden;
  *zoom: 1;
  /*
   * Styles applied to make the navbar persistently visible
   * when its sticky-wrapper is stuck
   */
}
/* line 65, ../scss/ui/partials/_primary-navbar.scss */
.is-sticky #gt-navbar {
  box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 5px;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 5px;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 5px;
  border-top: none;
  overflow: visible;
}
/* line 71, ../scss/ui/partials/_primary-navbar.scss */
#gt-navbar .dropdown {
  position: absolute;
  width: 240px;
  left: 0;
  z-index: 100;
  margin-top: 35.36px;
}
/* line 78, ../scss/ui/partials/_primary-navbar.scss */
#gt-navbar .dropdown .toc-border-container {
  box-sizing: border-box;
  box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  display: none;
  border-top: 1px solid #bbbbbb;
}
/* line 84, ../scss/ui/partials/_primary-navbar.scss */
#gt-navbar .dropdown .toc-border-container .toc-contents {
  overflow: auto;
}
@media screen and (max-width: 800px) {
  /* line 47, ../scss/ui/partials/_primary-navbar.scss */
  #gt-navbar {
    /*
     * At small screen sizes, turn the navbar into a full bar along bottom
     * When stuck and when not stuck. We don't care about stuck at this size
     */
  }
  /* line 95, ../scss/ui/partials/_primary-navbar.scss */
  #gt-navbar, .is-sticky #gt-navbar {
    position: fixed;
    top: auto;
    bottom: 0;
    left: auto;
    right: auto;
    background: #eeeeee;
    box-shadow: rgba(0, 0, 0, 0.3) 0px -2px 5px;
    box-shadow: rgba(0, 0, 0, 0.3) 0px -2px 5px;
    box-shadow: rgba(0, 0, 0, 0.3) 0px -2px 5px;
    height: 44.2px;
    overflow: visible;
    border-top: none;
  }
  /* line 107, ../scss/ui/partials/_primary-navbar.scss */
  #gt-navbar .dropdown, .is-sticky #gt-navbar .dropdown {
    width: 100%;
    height: 0px;
    overflow: visible;
    margin-top: 0px;
    left: 0;
  }
  /* line 114, ../scss/ui/partials/_primary-navbar.scss */
  #gt-navbar .dropdown .toc-border-container, .is-sticky #gt-navbar .dropdown .toc-border-container {
    border-top: none;
  }
}
/* line 125, ../scss/ui/partials/_primary-navbar.scss */
#gt-navbar .button {
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  /* Disable accidental text-selection */
  user-select: none;
  user-select: none;
  user-select: none;
  user-select: none;
  /* Truncate overflowing text with ellipsis */
  white-space: nowrap;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  transition-property: text-indent, background-color;
  transition-property: text-indent, background-color;
  transition-property: text-indent, background-color;
  transition-property: text-indent, background-color;
  transition-duration: 200ms;
  transition-duration: 200ms;
  transition-duration: 200ms;
  transition-duration: 200ms;
  text-align: left;
  position: relative;
  font-size: 1em;
  padding: 0;
  margin: 0;
  /* Override link properties */
  /* hover state */
  /* active/pressed state */
  /* Icon only at small screen sizes */
}
/* line 51, ../scss/ui/mixins/_buttons.scss */
#gt-navbar .button:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
  /**
   * Remove stupid inner dotted border applied by Firefox on focus
   * See http://stackoverflow.com/a/199319/1599617
   */
}
/* line 36, ../scss/ui/mixins/_buttons.scss */
#gt-navbar .button:focus::-moz-focus-inner {
  border: 0;
}
/* line 139, ../scss/ui/partials/_primary-navbar.scss */
#gt-navbar .button, #gt-navbar .button:hover, #gt-navbar .button:focus, #gt-navbar .button:visited, #gt-navbar .button:link, #gt-navbar .button:active {
  text-decoration: none;
}
/* line 143, ../scss/ui/partials/_primary-navbar.scss */
#gt-navbar .button, #gt-navbar .button:link, #gt-navbar .button:visited {
  color: #333333;
  background-color: #eeeeee;
}
/* line 148, ../scss/ui/partials/_primary-navbar.scss */
#gt-navbar .button:hover {
  background-color: #fbfbfb;
}
/* line 153, ../scss/ui/partials/_primary-navbar.scss */
#gt-navbar .button.active, #gt-navbar .button:active {
  background-color: #e1e1e1;
}
/* line 158, ../scss/ui/partials/_primary-navbar.scss */
#gt-navbar .button.disabled, #gt-navbar .button.disabled:link, #gt-navbar .button.disabled:visited, #gt-navbar .button.disabled:hover, #gt-navbar .button.disabled:focus, #gt-navbar .button.disabled:active {
  opacity: .4;
  color: #333333;
  background: #eeeeee;
  cursor: default;
}
@media screen and (max-width: 800px) {
  /* line 125, ../scss/ui/partials/_primary-navbar.scss */
  #gt-navbar .button {
    /*@include button-hide-text($navbar-icon-box-size);*/
    text-align: center;
    margin: 0;
  }
}
/* line 205, ../scss/ui/partials/_primary-navbar.scss */
#gt-navbar .toggle-button {
  padding-left: 11.78667px;
  padding-right: 11.78667px;
  padding-left: 0px;
  padding-right: 0px;
}
/* line 284, ../scss/ui/mixins/_buttons.scss */
#gt-navbar .toggle-button:before {
  content: "";
  text-align: center;
  font-size: 16px;
  font-family: "Ionicons";
  line-height: 35.36px;
  width: 35.36px;
  text-indent: 0;
  /* So text isn't removed from this too */
  display: inline-block;
  vertical-align: baseline;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}
@media screen and (max-width: 800px) {
  /* line 205, ../scss/ui/partials/_primary-navbar.scss */
  #gt-navbar .toggle-button {
    padding-left: 0;
    padding-right: 0;
    /* Disable ellipsis */
    white-space: normal;
    overflow: visible;
    -ms-text-overflow: clip;
    -o-text-overflow: clip;
    text-overflow: clip;
    /* center the icon */
    text-align: center;
    position: relative;
    /* hide the text */
    text-indent: 110%;
    white-space: nowrap;
    overflow: hidden;
    text-transform: capitalize;
  }
  /* line 284, ../scss/ui/mixins/_buttons.scss */
  #gt-navbar .toggle-button:before {
    content: "";
    text-align: center;
    font-size: 20px;
    font-family: "Ionicons";
    line-height: 44.2px;
    width: 44.2px;
    text-indent: 0;
    /* So text isn't removed from this too */
    display: inline-block;
    vertical-align: baseline;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
  }
  /* line 320, ../scss/ui/mixins/_buttons.scss */
  #gt-navbar .toggle-button:before {
    position: absolute;
    left: 50%;
    right: auto;
    margin-left: -22.1px;
    top: 50%;
    bottom: auto;
    margin-top: -22.1px;
  }
}
/* line 211, ../scss/ui/partials/_primary-navbar.scss */
#gt-navbar .index-button {
  padding-left: 11.78667px;
  padding-right: 11.78667px;
}
/* line 216, ../scss/ui/partials/_primary-navbar.scss */
#gt-navbar .up-button {
  padding-left: 11.78667px;
  padding-right: 11.78667px;
  text-align: center;
  padding-left: 0px;
}
/* line 284, ../scss/ui/mixins/_buttons.scss */
#gt-navbar .up-button:before {
  content: "";
  text-align: center;
  font-size: 16px;
  font-family: "Ionicons";
  line-height: 35.36px;
  width: 35.36px;
  text-indent: 0;
  /* So text isn't removed from this too */
  display: inline-block;
  vertical-align: baseline;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}
@media screen and (max-width: 800px) {
  /* line 216, ../scss/ui/partials/_primary-navbar.scss */
  #gt-navbar .up-button {
    padding-left: 0;
    padding-right: 0;
    /* Disable ellipsis */
    white-space: normal;
    overflow: visible;
    -ms-text-overflow: clip;
    -o-text-overflow: clip;
    text-overflow: clip;
    /* center the icon */
    text-align: center;
    position: relative;
    /* hide the text */
    text-indent: 110%;
    white-space: nowrap;
    overflow: hidden;
    text-transform: capitalize;
  }
  /* line 284, ../scss/ui/mixins/_buttons.scss */
  #gt-navbar .up-button:before {
    content: "";
    text-align: center;
    font-size: 20px;
    font-family: "Ionicons";
    line-height: 44.2px;
    width: 44.2px;
    text-indent: 0;
    /* So text isn't removed from this too */
    display: inline-block;
    vertical-align: baseline;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
  }
  /* line 320, ../scss/ui/mixins/_buttons.scss */
  #gt-navbar .up-button:before {
    position: absolute;
    left: 50%;
    right: auto;
    margin-left: -22.1px;
    top: 50%;
    bottom: auto;
    margin-top: -22.1px;
  }
}
/* line 222, ../scss/ui/partials/_primary-navbar.scss */
#gt-navbar .previous-button {
  padding-left: 11.78667px;
  padding-right: 11.78667px;
  padding-left: 0px;
}
/* line 284, ../scss/ui/mixins/_buttons.scss */
#gt-navbar .previous-button:before {
  content: "";
  text-align: center;
  font-size: 16px;
  font-family: "Ionicons";
  line-height: 35.36px;
  width: 35.36px;
  text-indent: 0;
  /* So text isn't removed from this too */
  display: inline-block;
  vertical-align: baseline;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}
@media screen and (max-width: 800px) {
  /* line 222, ../scss/ui/partials/_primary-navbar.scss */
  #gt-navbar .previous-button {
    padding-left: 0;
    padding-right: 0;
    /* Disable ellipsis */
    white-space: normal;
    overflow: visible;
    -ms-text-overflow: clip;
    -o-text-overflow: clip;
    text-overflow: clip;
    /* center the icon */
    text-align: center;
    position: relative;
    /* hide the text */
    text-indent: 110%;
    white-space: nowrap;
    overflow: hidden;
    text-transform: capitalize;
  }
  /* line 284, ../scss/ui/mixins/_buttons.scss */
  #gt-navbar .previous-button:before {
    content: "";
    text-align: center;
    font-size: 20px;
    font-family: "Ionicons";
    line-height: 44.2px;
    width: 44.2px;
    text-indent: 0;
    /* So text isn't removed from this too */
    display: inline-block;
    vertical-align: baseline;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
  }
  /* line 320, ../scss/ui/mixins/_buttons.scss */
  #gt-navbar .previous-button:before {
    position: absolute;
    left: 50%;
    right: auto;
    margin-left: -22.1px;
    top: 50%;
    bottom: auto;
    margin-top: -22.1px;
  }
}
/* line 227, ../scss/ui/partials/_primary-navbar.scss */
#gt-navbar .next-button {
  padding-left: 11.78667px;
  padding-right: 11.78667px;
  text-align: right;
  padding-right: 0px;
}
/* line 284, ../scss/ui/mixins/_buttons.scss */
#gt-navbar .next-button:after {
  content: "";
  text-align: center;
  font-size: 16px;
  font-family: "Ionicons";
  line-height: 35.36px;
  width: 35.36px;
  text-indent: 0;
  /* So text isn't removed from this too */
  display: inline-block;
  vertical-align: baseline;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}
@media screen and (max-width: 800px) {
  /* line 227, ../scss/ui/partials/_primary-navbar.scss */
  #gt-navbar .next-button {
    padding-left: 0;
    padding-right: 0;
    /* Disable ellipsis */
    white-space: normal;
    overflow: visible;
    -ms-text-overflow: clip;
    -o-text-overflow: clip;
    text-overflow: clip;
    /* center the icon */
    text-align: center;
    position: relative;
    /* hide the text */
    text-indent: 110%;
    white-space: nowrap;
    overflow: hidden;
    text-transform: capitalize;
  }
  /* line 284, ../scss/ui/mixins/_buttons.scss */
  #gt-navbar .next-button:after {
    content: "";
    text-align: center;
    font-size: 20px;
    font-family: "Ionicons";
    line-height: 44.2px;
    width: 44.2px;
    text-indent: 0;
    /* So text isn't removed from this too */
    display: inline-block;
    vertical-align: baseline;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
  }
  /* line 320, ../scss/ui/mixins/_buttons.scss */
  #gt-navbar .next-button:after {
    position: absolute;
    left: 50%;
    right: auto;
    margin-left: -22.1px;
    top: 50%;
    bottom: auto;
    margin-top: -22.1px;
  }
}
/* line 242, ../scss/ui/partials/_primary-navbar.scss */
#gt-navbar .toolbar .toolbar-item {
  /**
   * Left borders on toolbar-items by default
   */
  border: none;
  border-left: 1px solid #d5d5d5;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  height: 35.36px;
  line-height: 35.36px;
  overflow: hidden;
  /* Force baseline = bottom margin */
}
@media screen and (max-width: 800px) {
  /* line 242, ../scss/ui/partials/_primary-navbar.scss */
  #gt-navbar .toolbar .toolbar-item {
    height: 44.2px;
    line-height: 44.2px;
  }
}
/* line 262, ../scss/ui/partials/_primary-navbar.scss */
#gt-navbar .toolbar .toolbar-buttons-right {
  float: right;
}
/* line 266, ../scss/ui/partials/_primary-navbar.scss */
#gt-navbar .toolbar .toolbar-buttons-left {
  float: left;
}
/* line 271, ../scss/ui/partials/_primary-navbar.scss */
#gt-navbar .toolbar .toolbar-buttons-left .toolbar-item:first-child {
  border-left: none;
}
/* line 274, ../scss/ui/partials/_primary-navbar.scss */
#gt-navbar .toolbar .toolbar-buttons-left .toolbar-item:last-child {
  border-right: 1px solid #d5d5d5;
}
/* line 280, ../scss/ui/partials/_primary-navbar.scss */
#gt-navbar .toolbar .toolbar-buttons-right .toolbar-item:last-child {
  border-right: none;
}
/* line 290, ../scss/ui/partials/_primary-navbar.scss */
#gt-navbar .navbar-bottom-buttons {
  display: none;
}
/* line 293, ../scss/ui/partials/_primary-navbar.scss */
#gt-navbar .navbar-bottom-buttons .toolbar-item {
  /* subtract border and padding from width
   * so we can set width precisely as percent */
  box-sizing: border-box;
  box-sizing: border-box;
  box-sizing: border-box;
  width: 25%;
}
/* line 299, ../scss/ui/partials/_primary-navbar.scss */
#gt-navbar .navbar-bottom-buttons .toolbar-item:last-child {
  border-right: 1px solid #d5d5d5;
}
@media screen and (max-width: 800px) {
  /* line 290, ../scss/ui/partials/_primary-navbar.scss */
  #gt-navbar .navbar-bottom-buttons {
    display: block;
  }
}
/* line 309, ../scss/ui/partials/_primary-navbar.scss */
#gt-navbar .navbar-top-buttons {
  display: block;
  overflow: hidden;
  *zoom: 1;
}
@media screen and (max-width: 800px) {
  /* line 309, ../scss/ui/partials/_primary-navbar.scss */
  #gt-navbar .navbar-top-buttons {
    display: none;
  }
}
/* line 62, ../scss/ui/partials/_layout.scss */
#gt-navbar#gt-navbar-sticky-wrapper {
  /**
   * At small screens, the navbar is fixed to bottom,
   * so the sticky wrapper should collapse.
   */
}
@media screen and (max-width: 1199px) {
  /* line 62, ../scss/ui/partials/_layout.scss */
  #gt-navbar#gt-navbar-sticky-wrapper {
    height: 0;
  }
}

/**
 * Secondary Navbar
 * Contains secondary actions for navigation or layout control
 */
/* line 77, ../scss/ui/partials/_layout.scss */
#secondary-navbar {
  position: relative;
}
/* line 3, ../scss/shared/_css_message.scss */
#secondary-navbar:after {
  position: absolute;
  top: 0;
  left: 100%;
  padding: .5em;
  content: "Markup Error: #secondary-navbar is deprecated.";
  color: white;
  background: red;
  opacity: .9;
  z-index: 99999;
  min-width: 200px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
}

/**
 * Houses the page (everything that is not header or footer)
 */
/* line 85, ../scss/ui/partials/_layout.scss */
.page {
  position: relative;
}

/* The table-of-contents itself */
/* line 90, ../scss/ui/partials/_layout.scss */
#toc {
  /*@import "../ui-config";*/
}
/* line 30, ../scss/ui/partials/_toc.scss */
#toc {
  /* IMPORTANT height must be calculated by javascript. */
  margin: 0;
  font-size: 14.72px;
  overflow-y: auto;
  overflow-x: hidden;
  /* Enable momentum scrolling on iOS */
  -webkit-overflow-scrolling: touch;
}
@media screen and (max-width: 800px) {
  /* line 30, ../scss/ui/partials/_toc.scss */
  #toc {
    margin-top: -1px;
  }
}
/* line 50, ../scss/ui/partials/_toc.scss */
#toc h2 {
  display: block;
  font-family: "CharterBT", "PT Serif", "Times New Roman", Times, serif;
  font-weight: 700;
  font-size: 1em;
  /* Set font size on ToC */
  margin: 0;
}
/* line 98, ../scss/ui/mixins/_navtree.scss */
#toc h2 a {
  position: relative;
  display: block;
  font-size: 14.72px;
  padding: 6.58696px;
  padding-left: 9.68px;
  border: 0px solid #9d750b;
  border-right: none;
  border-left: none;
}
/* line 113, ../scss/ui/mixins/_navtree.scss */
#toc h2 a, #toc h2 a:link, #toc h2 a:visited, #toc h2 a:hover, #toc h2 a:active {
  text-decoration: none;
}
/* line 117, ../scss/ui/mixins/_navtree.scss */
#toc h2 a, #toc h2 a:link, #toc h2 a:visited {
  color: black;
  background: #be8e0e;
}
/* line 128, ../scss/ui/mixins/_navtree.scss */
#toc h2 a.active, #toc h2 a:active {
  color: black;
  background: #eeb211;
}
/* line 133, ../scss/ui/mixins/_navtree.scss */
#toc h2 a:hover {
  color: black;
  background: #eeb211;
  border-color: #be8e0e;
}
/* line 139, ../scss/ui/mixins/_navtree.scss */
#toc h2 a:active {
  /* Depressed state on click but not when marked active */
}
@media screen and (max-width: 800px) {
  /* line 98, ../scss/ui/mixins/_navtree.scss */
  #toc h2 a {
    position: relative;
    display: block;
    font-size: 14.72px;
    padding: 8.2337px;
    padding-left: 12.1px;
    border: 0px solid #9d750b;
    border-right: none;
    border-left: none;
  }
  /* line 113, ../scss/ui/mixins/_navtree.scss */
  #toc h2 a, #toc h2 a:link, #toc h2 a:visited, #toc h2 a:hover, #toc h2 a:active {
    text-decoration: none;
  }
  /* line 117, ../scss/ui/mixins/_navtree.scss */
  #toc h2 a, #toc h2 a:link, #toc h2 a:visited {
    color: black;
    background: #be8e0e;
  }
  /* line 128, ../scss/ui/mixins/_navtree.scss */
  #toc h2 a.active, #toc h2 a:active {
    color: black;
    background: #eeb211;
  }
  /* line 133, ../scss/ui/mixins/_navtree.scss */
  #toc h2 a:hover {
    color: black;
    background: #eeb211;
    border-color: #be8e0e;
  }
  /* line 139, ../scss/ui/mixins/_navtree.scss */
  #toc h2 a:active {
    /* Depressed state on click but not when marked active */
  }
}
/* line 105, ../scss/ui/partials/_toc.scss */
#toc .codenumber + .title {
  display: inline-block;
  vertical-align: baseline;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  margin-left: 16.192px;
}
/* line 109, ../scss/ui/partials/_toc.scss */
#toc .codenumber {
  position: absolute;
  right: 100%;
  margin-right: -21.456px;
  text-align: right;
}
@media screen and (max-width: 800px) {
  /* line 109, ../scss/ui/partials/_toc.scss */
  #toc .codenumber {
    position: absolute;
    right: 100%;
    margin-right: -23.876px;
    text-align: right;
  }
}
/* line 117, ../scss/ui/partials/_toc.scss */
#toc ul {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}
/* line 122, ../scss/ui/partials/_toc.scss */
#toc ul li {
  display: block;
  margin: 0px;
  padding: 0px;
}
/* line 98, ../scss/ui/mixins/_navtree.scss */
#toc ul li a {
  position: relative;
  display: block;
  font-size: 14.72px;
  padding: 3.86957px;
  padding-left: 25.872px;
  border: 0px solid #d1d1d1;
  border-right: none;
  border-left: none;
}
/* line 113, ../scss/ui/mixins/_navtree.scss */
#toc ul li a, #toc ul li a:link, #toc ul li a:visited, #toc ul li a:hover, #toc ul li a:active {
  text-decoration: none;
}
/* line 117, ../scss/ui/mixins/_navtree.scss */
#toc ul li a, #toc ul li a:link, #toc ul li a:visited {
  color: white;
  background: #262626;
}
/* line 128, ../scss/ui/mixins/_navtree.scss */
#toc ul li a.active, #toc ul li a:active {
  color: black;
  background: #eeb211;
}
/* line 133, ../scss/ui/mixins/_navtree.scss */
#toc ul li a:hover {
  color: black;
  background: #eeb211;
  border-color: #be8e0e;
}
/* line 139, ../scss/ui/mixins/_navtree.scss */
#toc ul li a:active {
  /* Depressed state on click but not when marked active */
}
@media screen and (max-width: 800px) {
  /* line 98, ../scss/ui/mixins/_navtree.scss */
  #toc ul li a {
    position: relative;
    display: block;
    font-size: 14.72px;
    padding: 8.2337px;
    padding-left: 28.292px;
    border: 0px solid #d1d1d1;
    border-right: none;
    border-left: none;
  }
  /* line 113, ../scss/ui/mixins/_navtree.scss */
  #toc ul li a, #toc ul li a:link, #toc ul li a:visited, #toc ul li a:hover, #toc ul li a:active {
    text-decoration: none;
  }
  /* line 117, ../scss/ui/mixins/_navtree.scss */
  #toc ul li a, #toc ul li a:link, #toc ul li a:visited {
    color: white;
    background: #262626;
  }
  /* line 128, ../scss/ui/mixins/_navtree.scss */
  #toc ul li a.active, #toc ul li a:active {
    color: black;
    background: #eeb211;
  }
  /* line 133, ../scss/ui/mixins/_navtree.scss */
  #toc ul li a:hover {
    color: black;
    background: #eeb211;
    border-color: #be8e0e;
  }
  /* line 139, ../scss/ui/mixins/_navtree.scss */
  #toc ul li a:active {
    /* Depressed state on click but not when marked active */
  }
}
/* line 151, ../scss/ui/mixins/_navtree.scss */
#toc ul li a {
  border-top: none;
}
/* line 155, ../scss/ui/mixins/_navtree.scss */
#toc ul li a:hover {
  /* Cover the previous items border-bottom with our top */
  margin-top: 0px;
  border-top: 0px solid #be8e0e;
}
/* line 180, ../scss/ui/mixins/_navtree.scss */
#toc ul li:last-child a {
  border-bottom-color: transparent;
}
/* line 184, ../scss/ui/mixins/_navtree.scss */
#toc ul li:last-child a:hover {
  /* When we hover we want to show the last border */
  border-color: #be8e0e;
}

/**
 * Container for the main focus/purpose of the page.
 */
/* line 97, ../scss/ui/partials/_layout.scss */
#main, .main {
  /**
   * Container for main content.
   * This is bound to a comfortable max-width for reading.
   */
}
/* line 5, ../scss/ui/partials/_main.scss */
#main, .main {
  display: block;
  margin: 0;
  padding: 0;
  background: white;
  border: none;
  /* border:1px solid #ccc; */
  /* border-top:none; */
  /* border-bottom:none; */
  max-width: 739px;
  margin: 32px auto;
  margin-top: 0px;
  margin-bottom: 0px;
  /***************************************************************************
   * There are a few ways to fix the #content's top/botom margin collapsing
   * inside this element.
   **************************************************************************/
  /* Method 1 */
  padding-top: 1px;
  padding-bottom: 6em;
  /* This feels more conclusive: the page is over. */
  /* Method 2 - will clip anything positioned absolutely outside borders */
  /*overflow:hidden;*/
  /* Method 3 - looks bad because of 1px break in left/right borders */
  /*border-top:1px solid transparent;*/
  /*border-bottom: 1px solid transparent;*/
  /**************************************************************************/
}
@media screen and (max-width: 800px) {
  /* line 5, ../scss/ui/partials/_main.scss */
  #main, .main {
    /* Make space for navbar fixed to bottom of screen */
    padding-bottom: 44.2px;
  }
}
/* line 52, ../scss/ui/partials/_main.scss */
#main #content, .main #content {
  max-width: 675px;
  /* Default center */
}
/* line 55, ../scss/ui/partials/_main.scss */
.layout-left #main #content, .layout-left .main #content {
  margin: 32px;
}
/* line 60, ../scss/ui/partials/_main.scss */
#main #content, .layout-centered #main #content, .main #content, .layout-centered .main #content {
  margin: 32px auto;
}
/* line 65, ../scss/ui/partials/_main.scss */
#main #content, .layout-left #main #content, .layout-centered #main #content, .main #content, .layout-left .main #content, .layout-centered .main #content {
  /* When the content is cramped */
  /* And we want consistently small margins below the content max width
   */
  /* And even smaller margins at extra small layouts */
}
@media screen and (max-width: 738px) {
  /* line 65, ../scss/ui/partials/_main.scss */
  #main #content, .layout-left #main #content, .layout-centered #main #content, .main #content, .layout-left .main #content, .layout-centered .main #content {
    /* Decrease the margins */
    margin: 30px 30px;
  }
}
@media screen and (max-width: 800px) {
  /* line 77, ../scss/ui/partials/_main.scss */
  #main #content, .layout-left #main #content, .layout-centered #main #content, .main #content, .layout-left .main #content, .layout-centered .main #content {
    /* Decrease the margins */
    margin: 30px auto;
  }
}
@media screen and (max-width: 739px) {
  /* line 87, ../scss/ui/partials/_main.scss */
  #main #content, .layout-left #main #content, .layout-centered #main #content, .main #content, .layout-left .main #content, .layout-centered .main #content {
    /* Decrease the margins */
    margin: 30px 30px;
  }
}
@media screen and (max-width: 640px) {
  /* line 95, ../scss/ui/partials/_main.scss */
  #main #content, .layout-left #main #content, .layout-centered #main #content, .main #content, .layout-left .main #content, .layout-centered .main #content {
    /* Decrease the horizontal margins */
    margin: 30px 10px;
  }
}

/**
 * Container for main content.
 * This is bound to a comfortable max-width for reading.
 */
/* line 107, ../scss/ui/partials/_layout.scss */
#content {
  max-width: 675px;
}
/* line 110, ../scss/ui/partials/_layout.scss */
.layout-left #content {
  margin: 32px;
}
/* line 114, ../scss/ui/partials/_layout.scss */
#content, .layout-centered #content {
  margin: 32px auto;
}
/* line 119, ../scss/ui/partials/_layout.scss */
#content, .layout-left #content, .layout-centered #content {
  /**
   * When the content is cramped,
   * we want small fixed margins
   */
  /**
   * We want auto horizontal margins to center content
   * when the screen is small.
   */
  /**
   * And when the viewport gets really small,
   * reclaim a little bit of horizontal space
   */
}
@media screen and (max-width: 738px) {
  /* line 119, ../scss/ui/partials/_layout.scss */
  #content, .layout-left #content, .layout-centered #content {
    /* Decrease the margins */
    margin: 30px 30px;
  }
}
@media screen and (max-width: 800px) {
  /* line 138, ../scss/ui/partials/_layout.scss */
  #content, .layout-left #content, .layout-centered #content {
    /* Decrease the margins */
    margin: 32px auto;
  }
}
@media screen and (max-width: 480px) {
  /* line 149, ../scss/ui/partials/_layout.scss */
  #content, .layout-left #content, .layout-centered #content {
    /* Decrease the horizontal margins */
    margin: 30px 10px;
  }
}

/* line 24, ../scss/ui/_ui.scss */
.mathbook-content {
  /*@import "../ui-config";*/
  /*
   * Table-of-contents for chapter/section/etc summary pages
   */
}
/* line 404, ../scss/ui/mixins/_buttons.scss */
.mathbook-content .summary-links a {
  position: relative;
  display: block;
  font-size: 1.3125em;
  line-height: 1.42857em;
  padding: 0.47619em 0.95238em;
  margin-bottom: 0.2381em;
  border-radius: 3px;
  border-radius: 3px;
  border-radius: 3px;
  padding-right: 2.30476em;
}
/* line 417, ../scss/ui/mixins/_buttons.scss */
.mathbook-content .summary-links a:after {
  right: 0.95238em;
}
/* line 423, ../scss/ui/mixins/_buttons.scss */
.mathbook-content .summary-links a:after {
  content: "";
  position: absolute;
  /* center vertically */
  top: 50%;
  margin-top: -0.4em;
  width: 0;
  height: 0;
  border-top: 0.4em solid transparent;
  border-bottom: 0.4em solid transparent;
  border-left: 0.4em solid #c9c9c9;
}
/* line 438, ../scss/ui/mixins/_buttons.scss */
.mathbook-content .summary-links a, .mathbook-content .summary-links a:link, .mathbook-content .summary-links a:visited {
  color: #006;
  background: #f0f0f0;
  text-decoration: none;
  cursor: pointer;
}
/* line 445, ../scss/ui/mixins/_buttons.scss */
.mathbook-content .summary-links a:hover, .mathbook-content .summary-links a:focus {
  color: white;
  background: #be8e0e;
  text-decoration: none;
}
/* line 450, ../scss/ui/mixins/_buttons.scss */
.mathbook-content .summary-links a:hover:after, .mathbook-content .summary-links a:focus:after {
  width: 0;
  height: 0;
  border-top: 0.4em solid transparent;
  border-bottom: 0.4em solid transparent;
  border-left: 0.4em solid white;
}
/* line 458, ../scss/ui/mixins/_buttons.scss */
.mathbook-content .summary-links a:active {
  position: relative;
  color: white;
  background: #be8e0e;
  text-decoration: none;
}
/* line 465, ../scss/ui/mixins/_buttons.scss */
.mathbook-content .summary-links a:active:after {
  width: 0;
  height: 0;
  border-top: 0.4em solid transparent;
  border-bottom: 0.4em solid transparent;
  border-left: 0.4em solid white;
}
/* line 473, ../scss/ui/mixins/_buttons.scss */
.mathbook-content .summary-links a:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
  /**
   * Remove stupid inner dotted border applied by Firefox on focus
   * See http://stackoverflow.com/a/199319/1599617
   */
}
/* line 36, ../scss/ui/mixins/_buttons.scss */
.mathbook-content .summary-links a:focus::-moz-focus-inner {
  border: 0;
}
/* line 42, ../scss/ui/partials/_content-ui.scss */
.mathbook-content .summary-links a {
  font-family: "CharterBT", "PT Serif", "Times New Roman", Times, serif;
}
@media screen and (max-width: 480px) {
  /* line 42, ../scss/ui/partials/_content-ui.scss */
  .mathbook-content .summary-links a {
    font-size: 1em;
    line-height: 1.25em;
  }
}
/* line 56, ../scss/ui/partials/_content-ui.scss */
.mathbook-content .summary-links a .codenumber {
  color: #707070;
  margin-right: 0.47619em;
}
/* line 62, ../scss/ui/partials/_content-ui.scss */
.mathbook-content .summary-links a:hover .codenumber, .mathbook-content .summary-links a:focus .codenumber {
  color: rgba(255, 255, 255, 0.8);
}
/* line 68, ../scss/ui/partials/_content-ui.scss */
.mathbook-content .summary-links a:active .codenumber {
  color: rgba(255, 255, 255, 0.8);
}
/* line 76, ../scss/ui/partials/_content-ui.scss */
.mathbook-content .sagecell {
  /*.sagecell_options {*/
  /*float:none;*/
  /*text-align:left;*/
  /*}*/
}
/* line 83, ../scss/ui/partials/_content-ui.scss */
.mathbook-content .sagecell .ui-button {
  /*float:right;*/
}
/* line 85, ../scss/ui/partials/_content-ui.scss */
.mathbook-content .sagecell .ui-button.ui-state-default, .mathbook-content .sagecell .ui-button.ui-state-hover, .mathbook-content .sagecell .ui-button.ui-state-active, .mathbook-content .sagecell .ui-button.ui-state-focus, .mathbook-content .sagecell .ui-button.ui-corner-all {
  font-family: "CharterBT", "PT Serif", "Times New Roman", Times, serif;
  font-size: 16px;
  padding: 0 0.65em;
}
/* line 136, ../scss/ui/mixins/_buttons.scss */
.mathbook-content .sagecell .ui-button.ui-state-default, .mathbook-content .sagecell .ui-button.ui-state-hover, .mathbook-content .sagecell .ui-button.ui-state-active, .mathbook-content .sagecell .ui-button.ui-state-focus, .mathbook-content .sagecell .ui-button.ui-corner-all {
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  /* Disable accidental text-selection */
  user-select: none;
  user-select: none;
  user-select: none;
  user-select: none;
  /* Truncate overflowing text with ellipsis */
  white-space: nowrap;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  border-width: 1px;
  border-style: solid;
  font-weight: bold;
  border-radius: 3px;
  border-radius: 3px;
  border-radius: 3px;
  color: #383838;
  border-color: #c4c4c4;
  background-image: linear-gradient(#ebebeb, #c4c4c4);
  background-image: linear-gradient(#ebebeb, #c4c4c4);
  background-image: linear-gradient(#ebebeb, #c4c4c4);
  background-image: linear-gradient(#ebebeb, #c4c4c4);
  background-image: linear-gradient(#ebebeb, #c4c4c4);
}
/* line 51, ../scss/ui/mixins/_buttons.scss */
.mathbook-content .sagecell .ui-button.ui-state-default:focus, .mathbook-content .sagecell .ui-button.ui-state-hover:focus, .mathbook-content .sagecell .ui-button.ui-state-active:focus, .mathbook-content .sagecell .ui-button.ui-state-focus:focus, .mathbook-content .sagecell .ui-button.ui-corner-all:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
  /**
   * Remove stupid inner dotted border applied by Firefox on focus
   * See http://stackoverflow.com/a/199319/1599617
   */
}
/* line 36, ../scss/ui/mixins/_buttons.scss */
.mathbook-content .sagecell .ui-button.ui-state-default:focus::-moz-focus-inner, .mathbook-content .sagecell .ui-button.ui-state-hover:focus::-moz-focus-inner, .mathbook-content .sagecell .ui-button.ui-state-active:focus::-moz-focus-inner, .mathbook-content .sagecell .ui-button.ui-state-focus:focus::-moz-focus-inner, .mathbook-content .sagecell .ui-button.ui-corner-all:focus::-moz-focus-inner {
  border: 0;
}
/* line 141, ../scss/ui/mixins/_buttons.scss */
.mathbook-content .sagecell .ui-button.ui-state-default:hover, .mathbook-content .sagecell .ui-button.ui-state-default:focus, .mathbook-content .sagecell .ui-button.ui-state-default.hover, .mathbook-content .sagecell .ui-button.ui-state-default.focus, .mathbook-content .sagecell .ui-button.ui-state-hover:hover, .mathbook-content .sagecell .ui-button.ui-state-hover:focus, .mathbook-content .sagecell .ui-button.ui-state-hover.hover, .mathbook-content .sagecell .ui-button.ui-state-hover.focus, .mathbook-content .sagecell .ui-button.ui-state-active:hover, .mathbook-content .sagecell .ui-button.ui-state-active:focus, .mathbook-content .sagecell .ui-button.ui-state-active.hover, .mathbook-content .sagecell .ui-button.ui-state-active.focus, .mathbook-content .sagecell .ui-button.ui-state-focus:hover, .mathbook-content .sagecell .ui-button.ui-state-focus:focus, .mathbook-content .sagecell .ui-button.ui-state-focus.hover, .mathbook-content .sagecell .ui-button.ui-state-focus.focus, .mathbook-content .sagecell .ui-button.ui-corner-all:hover, .mathbook-content .sagecell .ui-button.ui-corner-all:focus, .mathbook-content .sagecell .ui-button.ui-corner-all.hover, .mathbook-content .sagecell .ui-button.ui-corner-all.focus {
  color: #383838;
  background-image: linear-gradient(#f7f7f7, #ababab);
  background-image: linear-gradient(#f7f7f7, #ababab);
  background-image: linear-gradient(#f7f7f7, #ababab);
  background-image: linear-gradient(#f7f7f7, #ababab);
  background-image: linear-gradient(#f7f7f7, #ababab);
  border-color: #c4c4c4;
}
/* line 145, ../scss/ui/mixins/_buttons.scss */
.mathbook-content .sagecell .ui-button.ui-state-default:active, .mathbook-content .sagecell .ui-button.ui-state-default.active, .mathbook-content .sagecell .ui-button.ui-state-hover:active, .mathbook-content .sagecell .ui-button.ui-state-hover.active, .mathbook-content .sagecell .ui-button.ui-state-active:active, .mathbook-content .sagecell .ui-button.ui-state-active.active, .mathbook-content .sagecell .ui-button.ui-state-focus:active, .mathbook-content .sagecell .ui-button.ui-state-focus.active, .mathbook-content .sagecell .ui-button.ui-corner-all:active, .mathbook-content .sagecell .ui-button.ui-corner-all.active {
  color: #60490b;
  background-image: linear-gradient(#ffd052, #fff3d1);
  background-image: linear-gradient(#ffd052, #fff3d1);
  background-image: linear-gradient(#ffd052, #fff3d1);
  background-image: linear-gradient(#ffd052, #fff3d1);
  background-image: linear-gradient(#ffd052, #fff3d1);
  border-color: #ffd052;
}
/* line 150, ../scss/ui/mixins/_buttons.scss */
.mathbook-content .sagecell .ui-button.ui-state-default.disabled, .mathbook-content .sagecell .ui-button.ui-state-default.disabled:hover, .mathbook-content .sagecell .ui-button.ui-state-default.disabled.hover, .mathbook-content .sagecell .ui-button.ui-state-default.disabled:focus, .mathbook-content .sagecell .ui-button.ui-state-default.disabled.focus, .mathbook-content .sagecell .ui-button.ui-state-default.disabled:active, .mathbook-content .sagecell .ui-button.ui-state-default.disabled.active, .mathbook-content .sagecell .ui-button.ui-state-default[disabled], .mathbook-content .sagecell .ui-button.ui-state-default[disabled]:hover, .mathbook-content .sagecell .ui-button.ui-state-default[disabled].hover, .mathbook-content .sagecell .ui-button.ui-state-default[disabled]:focus, .mathbook-content .sagecell .ui-button.ui-state-default[disabled].focus, .mathbook-content .sagecell .ui-button.ui-state-default[disabled]:active, .mathbook-content .sagecell .ui-button.ui-state-default[disabled].active, .mathbook-content .sagecell .ui-button.ui-state-hover.disabled, .mathbook-content .sagecell .ui-button.ui-state-hover.disabled:hover, .mathbook-content .sagecell .ui-button.ui-state-hover.disabled.hover, .mathbook-content .sagecell .ui-button.ui-state-hover.disabled:focus, .mathbook-content .sagecell .ui-button.ui-state-hover.disabled.focus, .mathbook-content .sagecell .ui-button.ui-state-hover.disabled:active, .mathbook-content .sagecell .ui-button.ui-state-hover.disabled.active, .mathbook-content .sagecell .ui-button.ui-state-hover[disabled], .mathbook-content .sagecell .ui-button.ui-state-hover[disabled]:hover, .mathbook-content .sagecell .ui-button.ui-state-hover[disabled].hover, .mathbook-content .sagecell .ui-button.ui-state-hover[disabled]:focus, .mathbook-content .sagecell .ui-button.ui-state-hover[disabled].focus, .mathbook-content .sagecell .ui-button.ui-state-hover[disabled]:active, .mathbook-content .sagecell .ui-button.ui-state-hover[disabled].active, .mathbook-content .sagecell .ui-button.ui-state-active.disabled, .mathbook-content .sagecell .ui-button.ui-state-active.disabled:hover, .mathbook-content .sagecell .ui-button.ui-state-active.disabled.hover, .mathbook-content .sagecell .ui-button.ui-state-active.disabled:focus, .mathbook-content .sagecell .ui-button.ui-state-active.disabled.focus, .mathbook-content .sagecell .ui-button.ui-state-active.disabled:active, .mathbook-content .sagecell .ui-button.ui-state-active.disabled.active, .mathbook-content .sagecell .ui-button.ui-state-active[disabled], .mathbook-content .sagecell .ui-button.ui-state-active[disabled]:hover, .mathbook-content .sagecell .ui-button.ui-state-active[disabled].hover, .mathbook-content .sagecell .ui-button.ui-state-active[disabled]:focus, .mathbook-content .sagecell .ui-button.ui-state-active[disabled].focus, .mathbook-content .sagecell .ui-button.ui-state-active[disabled]:active, .mathbook-content .sagecell .ui-button.ui-state-active[disabled].active, .mathbook-content .sagecell .ui-button.ui-state-focus.disabled, .mathbook-content .sagecell .ui-button.ui-state-focus.disabled:hover, .mathbook-content .sagecell .ui-button.ui-state-focus.disabled.hover, .mathbook-content .sagecell .ui-button.ui-state-focus.disabled:focus, .mathbook-content .sagecell .ui-button.ui-state-focus.disabled.focus, .mathbook-content .sagecell .ui-button.ui-state-focus.disabled:active, .mathbook-content .sagecell .ui-button.ui-state-focus.disabled.active, .mathbook-content .sagecell .ui-button.ui-state-focus[disabled], .mathbook-content .sagecell .ui-button.ui-state-focus[disabled]:hover, .mathbook-content .sagecell .ui-button.ui-state-focus[disabled].hover, .mathbook-content .sagecell .ui-button.ui-state-focus[disabled]:focus, .mathbook-content .sagecell .ui-button.ui-state-focus[disabled].focus, .mathbook-content .sagecell .ui-button.ui-state-focus[disabled]:active, .mathbook-content .sagecell .ui-button.ui-state-focus[disabled].active, .mathbook-content .sagecell .ui-button.ui-corner-all.disabled, .mathbook-content .sagecell .ui-button.ui-corner-all.disabled:hover, .mathbook-content .sagecell .ui-button.ui-corner-all.disabled.hover, .mathbook-content .sagecell .ui-button.ui-corner-all.disabled:focus, .mathbook-content .sagecell .ui-button.ui-corner-all.disabled.focus, .mathbook-content .sagecell .ui-button.ui-corner-all.disabled:active, .mathbook-content .sagecell .ui-button.ui-corner-all.disabled.active, .mathbook-content .sagecell .ui-button.ui-corner-all[disabled], .mathbook-content .sagecell .ui-button.ui-corner-all[disabled]:hover, .mathbook-content .sagecell .ui-button.ui-corner-all[disabled].hover, .mathbook-content .sagecell .ui-button.ui-corner-all[disabled]:focus, .mathbook-content .sagecell .ui-button.ui-corner-all[disabled].focus, .mathbook-content .sagecell .ui-button.ui-corner-all[disabled]:active, .mathbook-content .sagecell .ui-button.ui-corner-all[disabled].active {
  color: #383838;
  border-color: #c4c4c4;
  background-image: linear-gradient(#ebebeb, #c4c4c4);
  background-image: linear-gradient(#ebebeb, #c4c4c4);
  background-image: linear-gradient(#ebebeb, #c4c4c4);
  background-image: linear-gradient(#ebebeb, #c4c4c4);
  background-image: linear-gradient(#ebebeb, #c4c4c4);
  opacity: .5;
  cursor: default;
}
/* line 94, ../scss/ui/partials/_content-ui.scss */
.mathbook-content .sagecell .ui-button.ui-button-text-only .ui-button-text {
  padding: 0;
  line-height: 1.69;
}
/* line 100, ../scss/ui/partials/_content-ui.scss */
.mathbook-content .sagecell .sagecell_editor {
  margin-bottom: 8px;
}

/* Restyle MathJax loading message.
 * To override, must add body specificity.
 */
/* line 7, ../scss/ui/partials/_mathjax.scss */
body #MathJax_Message {
  background: #fffdfa;
  color: #eeb211;
  border-color: #ffecb8;
  -moz-border-radius: 0.3em;
  -webkit-border-radius: 0.3em;
  border-radius: 0.3em;
  z-index: 1000;
  bottom: 8px;
}
@media screen and (max-width: 800px) {
  /* line 7, ../scss/ui/partials/_mathjax.scss */
  body #MathJax_Message {
    /* Display above bottom navbar */
    left: 20px;
    right: 20px;
    bottom: 42.432px;
  }
}

/* line 26, ../scss/ui/partials/_mathjax.scss */
.MathJax_Display {
  padding-top: 2px;
  padding-bottom: 2px;
  /*
   * Force margins MathJax_Display's to obey our vertical rhythm.
   * It won't be perfect, because their interior sizing will not match our
   * vertical rhythm, but we can at least make the margins match.
   */
  margin-top: 1.25em;
  margin-bottom: 1.25em;
  /**
   * Limit equations in medium layout.
   */
}
@media screen and (max-width: 800px) {
  /* line 26, ../scss/ui/partials/_mathjax.scss */
  .MathJax_Display {
    /* Allow users on smaller screens to scroll equations
     * horizontally when they don't fit on the screen
     */
    overflow-x: auto;
    overflow-y: hidden;
  }
}
@media screen and (max-width: 778px) {
  /* line 26, ../scss/ui/partials/_mathjax.scss */
  .MathJax_Display {
    /*Allow users on smaller screens to scroll equations*/
    /*horizontally when they don't fit on the screen*/
    overflow-x: auto;
    overflow-y: hidden;
  }
}

/*!
  Ionicons, v1.4.0
  Created by Ben Sperry for the Ionic Framework, http://ionicons.com/
  https://twitter.com/helloimben  https://twitter.com/ionicframework
  MIT License: https://github.com/driftyco/ionicons
*/
/*
* We use Base64 encoded ttf to get around firefox's cross-domain restriction 
* It's a little less efficient since it bloats the css for browsers that wont
* use ttf, but it's the only solution that doesn't require that we modify
* the htaccess file. If Mathbook uses it's own  cdn to serve mathbook files for 
* everyone someday, then we could use the htaccess fix instead.
* See http://geoff.evason.name/2010/05/03/cross-domain-workaround-for-font-face-and-firefox/
*/
/* JDR: don't include the whole font in the css file */
/*@import "compass/css3/font-face";*/
/* @include font-face( */
/*     $ionicons-font-family,  */
/*     font-files("ionicons/fonts/ionicons.svg#Ionicons", svg), "ionicons/fonts/ionicons.eot#iefix",  */
/*     normal,  */
/*     normal); */
/* @include font-face( */
/*     $ionicons-font-family,  */
/*     inline-font-files( */
/*         "ionicons/fonts/ionicons.woff",  */
/*         woff,  */
/*         "ionicons/fonts/ionicons.eot", */
/*         truetype),  */
/*     $weight: normal,  */
/*     $style: normal); */
/* line 27, ../scss/ui/lib_extensions/_ionicons-font.scss */
.ion {
  display: inline-block;
  font-family: "Ionicons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/*!
* Add a margin to any element with a class starting with the icon-
* prefix.
*/
/*[class^="icon-"]:before, [class*=" icon-"]:before {*/
/*margin-right:.5em;*/
/*}*/
/*******************************************************************************
 * END MATHBOOK UI MODULE
 ******************************************************************************/
/*******************************************************************************
 * MATHBOOK CONTENT PREFIXED
 *******************************************************************************
 * Standalone content styling for Mathbook documents.
 * Prefixed with .mathbook-content
 *
 * Homepage: http://mathbook.pugetsound.edu
 * Issue Tracker: https://github.com/BooksHTML/mathbook-assets/issues
 * Repository: https://github.com/BooksHTML/mathbook-assets
 *
 * Authors: Michael DuBois, David Farmer, Rob Beezer
 *
 *******************************************************************************
 */
/* line 21, ../scss/mathbook-content-prefixed.scss */
.mathbook-content {
  font-family: "楷体", "CharterBT", "PT Serif", "Times New Roman", Times, serif;
  /*******************************************************************************
   * Content
   ******************************************************************************/
  /* deleted by David Farmer on 2/15/16 because it is too non-specific
   * and difficult to over-ride in MathJax
   * Then put back with the "p > a" restriction.  (2/19/16)
   */
  /*******************************************************************************
   * Environments
   ******************************************************************************/
  /* Links that open knowls */
  /* Since CodeMirror output contains a bunch of lines with their own padding */
}
/* line 106, ../../../var/lib/gems/2.5.0/gems/compass-core-1.0.3/stylesheets/compass/typography/_vertical_rhythm.scss */
.mathbook-content html {
  font-size: 100%;
  line-height: 1.25em;
}
/* line 5, ../scss/content/partials/_typographic-elements.scss */
.mathbook-content h1, .mathbook-content .h1, .mathbook-content h2, .mathbook-content .h2, .mathbook-content h3, .mathbook-content .h3, .mathbook-content h4, .mathbook-content .h4, .mathbook-content h5, .mathbook-content .h5, .mathbook-content h6, .mathbook-content .h6 {
  font-family: "CharterBT", "PT Serif", "Times New Roman", Times, serif;
  font-weight: 700;
  color: inherit;
}
/* line 9, ../scss/content/partials/_typographic-elements.scss */
.mathbook-content h1, .mathbook-content .h1 {
  font-size: 1.75em;
  line-height: 1.42857em;
  margin-top: 0.71429em;
  margin-bottom: 0.35714em;
}
/* line 14, ../scss/content/partials/_typographic-elements.scss */
.mathbook-content h2, .mathbook-content .h2 {
  font-size: 1.5em;
  line-height: 1.25em;
  margin-top: 0.83333em;
  margin-bottom: 0.41667em;
}
/* line 19, ../scss/content/partials/_typographic-elements.scss */
.mathbook-content h3, .mathbook-content .h3 {
  font-size: 1.3125em;
  line-height: 1.42857em;
  margin-top: 0.95238em;
  margin-bottom: 0.47619em;
}
/* line 24, ../scss/content/partials/_typographic-elements.scss */
.mathbook-content h4, .mathbook-content .h4 {
  font-size: 1.1875em;
  line-height: 1.57895em;
  margin-top: 1.05263em;
  margin-bottom: 0.52632em;
}
/* line 29, ../scss/content/partials/_typographic-elements.scss */
.mathbook-content h5, .mathbook-content .h5 {
  font-size: 1.0625em;
  line-height: 1.76471em;
  margin-top: 1.17647em;
  margin-bottom: 0.58824em;
}
/* line 34, ../scss/content/partials/_typographic-elements.scss */
.mathbook-content h6, .mathbook-content .h6 {
  font-size: 1em;
  line-height: 1.25em;
  margin-top: 1.25em;
  margin-bottom: 0.625em;
}
/* line 44, ../scss/content/partials/_typographic-elements.scss */
.mathbook-content section h2 > a:link, .mathbook-content section h2 > a:visited, .mathbook-content li > a:link, .mathbook-content li > a:visited, .mathbook-content p > a:link, .mathbook-content p > a:visited, .mathbook-content .image-links > a:link, .mathbook-content .image-links > a:visited {
  color: black;
  color: black;
  /**
   * Better underlines using background gradients
   * See http://bit.ly/1vTg7hr
   */
  /* the better underlines were removed by David Farmer on 2/9/16
     because of various headaches  */
}
/* line 48, ../scss/content/partials/_typographic-elements.scss */
.mathbook-content section h2 > a:hover, .mathbook-content section h2 > a:focus, .mathbook-content li > a:hover, .mathbook-content li > a:focus, .mathbook-content p > a:hover, .mathbook-content p > a:focus, .mathbook-content .image-links > a:hover, .mathbook-content .image-links > a:focus {
  color: #1a1a1a;
  /**
   * Better underlines using background gradients
   * See http://bit.ly/1vTg7hr
   */
  /* the better underlines were removed by David Farmer on 2/9/16
     because of various headaches  */
}
/* line 52, ../scss/content/partials/_typographic-elements.scss */
.mathbook-content section h2 > a:active, .mathbook-content li > a:active, .mathbook-content p > a:active, .mathbook-content .image-links > a:active {
  color: #1a1a1a;
  /**
   * Better underlines using background gradients
   * See http://bit.ly/1vTg7hr
   */
  /* the better underlines were removed by David Farmer on 2/9/16
     because of various headaches  */
}
/* line 221, ../scss/shared/_typography.scss */
.mathbook-content p {
  /* Reset margins */
  margin: 0;
  font-size: 1.1em;
  line-height: 1.55em;
  /* We only want bottom margins on paragraphs */
  margin-bottom: 1.25em;
}
/* line 252, ../scss/shared/_typography.scss */
.mathbook-content blockquote .blockquote {
  padding-left: 2.5em;
  padding-right: 0.625em;
}
/* line 331, ../scss/shared/_typography.scss */
.mathbook-content address, .mathbook-content .address {
  padding: 0;
  margin: 0;
  line-height: inherit;
  font-style: inherit;
}
/* line 71, ../scss/content/partials/_typographic-elements.scss */
.mathbook-content ul,
.mathbook-content ol {
  font-size: 1em;
  line-height: 1.25em;
  margin-top: 0;
  margin-bottom: 1.25em;
}
/* line 78, ../scss/content/partials/_typographic-elements.scss */
.mathbook-content ul ul,
.mathbook-content ul ol,
.mathbook-content ol ul,
.mathbook-content ol ol {
  margin-bottom: 0;
}
/* line 87, ../scss/content/partials/_typographic-elements.scss */
.mathbook-content .list-unstyled, .mathbook-content .list-inline {
  padding-left: 0;
  list-style: none;
}
/* line 97, ../scss/content/partials/_typographic-elements.scss */
.mathbook-content .list-inline > li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}
/* line 102, ../scss/content/partials/_typographic-elements.scss */
.mathbook-content .list-inline > li:first-child {
  padding-left: 0;
}
/* line 110, ../scss/content/partials/_typographic-elements.scss */
.mathbook-content dl {
  margin-top: 0;
  margin-bottom: 1.25em;
}
/* line 114, ../scss/content/partials/_typographic-elements.scss */
.mathbook-content dt,
.mathbook-content dd {
  font-size: 1em;
  line-height: 1.25em;
}
/* line 118, ../scss/content/partials/_typographic-elements.scss */
.mathbook-content dt {
  font-weight: bold;
}
/* line 121, ../scss/content/partials/_typographic-elements.scss */
.mathbook-content dd {
  margin-left: 0;
}
/* line 6, ../scss/content/partials/_sections.scss */
.mathbook-content section, .mathbook-content .section-like {
  margin-bottom: 3.125em;
}
/* line 18, ../scss/shared/_heading.scss */
.mathbook-content section > .heading, .mathbook-content section > header > .heading, .mathbook-content .section-like > .heading, .mathbook-content .section-like > header > .heading {
  /* Support links in headings */
  /* Support knowl links in headings */
}
/* line 104, ../scss/shared/_heading.scss */
.mathbook-content section > .heading, .mathbook-content section > header > .heading, .mathbook-content .section-like > .heading, .mathbook-content .section-like > header > .heading {
  font-family: "CharterBT", "PT Serif", "Times New Roman", Times, serif;
  font-weight: 700;
  color: inherit;
}
/* line 51, ../scss/shared/_heading.scss */
.mathbook-content section > .heading:before, .mathbook-content section > header > .heading:before, .mathbook-content .section-like > .heading:before, .mathbook-content .section-like > header > .heading:before {
  display: none;
}
/* line 58, ../scss/shared/_heading.scss */
.mathbook-content section > .heading:after, .mathbook-content section > header > .heading:after, .mathbook-content .section-like > .heading:after, .mathbook-content .section-like > header > .heading:after {
  content: " ";
}
/* line 51, ../scss/shared/_heading.scss */
.mathbook-content section > .heading .type:before, .mathbook-content section > header > .heading .type:before, .mathbook-content .section-like > .heading .type:before, .mathbook-content .section-like > header > .heading .type:before {
  display: none;
}
/* line 58, ../scss/shared/_heading.scss */
.mathbook-content section > .heading .type:after, .mathbook-content section > header > .heading .type:after, .mathbook-content .section-like > .heading .type:after, .mathbook-content .section-like > header > .heading .type:after {
  content: " ";
}
/* line 51, ../scss/shared/_heading.scss */
.mathbook-content section > .heading .codenumber:not(:empty):before, .mathbook-content section > header > .heading .codenumber:not(:empty):before, .mathbook-content .section-like > .heading .codenumber:not(:empty):before, .mathbook-content .section-like > header > .heading .codenumber:not(:empty):before {
  display: none;
}
/* line 58, ../scss/shared/_heading.scss */
.mathbook-content section > .heading .codenumber:not(:empty):after, .mathbook-content section > header > .heading .codenumber:not(:empty):after, .mathbook-content .section-like > .heading .codenumber:not(:empty):after, .mathbook-content .section-like > header > .heading .codenumber:not(:empty):after {
  content: " ";
}
/* line 51, ../scss/shared/_heading.scss */
.mathbook-content section > .heading .title:before, .mathbook-content section > header > .heading .title:before, .mathbook-content .section-like > .heading .title:before, .mathbook-content .section-like > header > .heading .title:before {
  display: none;
}
/* line 58, ../scss/shared/_heading.scss */
.mathbook-content section > .heading .title:after, .mathbook-content section > header > .heading .title:after, .mathbook-content .section-like > .heading .title:after, .mathbook-content .section-like > header > .heading .title:after {
  content: " ";
}
/* line 124, ../scss/shared/_heading.scss */
.mathbook-content section > .heading .type, .mathbook-content section > .heading .codenumber, .mathbook-content section > .heading .title, .mathbook-content section > header > .heading .type, .mathbook-content section > header > .heading .codenumber, .mathbook-content section > header > .heading .title, .mathbook-content .section-like > .heading .type, .mathbook-content .section-like > .heading .codenumber, .mathbook-content .section-like > .heading .title, .mathbook-content .section-like > header > .heading .type, .mathbook-content .section-like > header > .heading .codenumber, .mathbook-content .section-like > header > .heading .title {
  /**
   *  Hide the space after the last element,
   * defer to .heading:after instead  XX obsolete comment
   */
}
/* line 69, ../scss/shared/_heading.scss */
.mathbook-content section > .heading.hide-type .type, .mathbook-content section > header > .heading.hide-type .type, .mathbook-content .section-like > .heading.hide-type .type, .mathbook-content .section-like > header > .heading.hide-type .type {
  display: none;
}
/* line 76, ../scss/shared/_heading.scss */
.mathbook-content section > .heading.hide-codenumber .codenumber, .mathbook-content section > header > .heading.hide-codenumber .codenumber, .mathbook-content .section-like > .heading.hide-codenumber .codenumber, .mathbook-content .section-like > header > .heading.hide-codenumber .codenumber {
  display: none;
}
/* line 83, ../scss/shared/_heading.scss */
.mathbook-content section > .heading.hide-title .title, .mathbook-content section > header > .heading.hide-title .title, .mathbook-content .section-like > .heading.hide-title .title, .mathbook-content .section-like > header > .heading.hide-title .title {
  display: none;
}
/* line 26, ../scss/shared/_heading.scss */
.mathbook-content section > .heading a:link, .mathbook-content section > .heading a:visited, .mathbook-content section > header > .heading a:link, .mathbook-content section > header > .heading a:visited, .mathbook-content .section-like > .heading a:link, .mathbook-content .section-like > .heading a:visited, .mathbook-content .section-like > header > .heading a:link, .mathbook-content .section-like > header > .heading a:visited {
  color: black;
  color: black;
  /**
   * Better underlines using background gradients
   * See http://bit.ly/1vTg7hr
   */
  /* the better underlines were removed by David Farmer on 2/9/16
     because of various headaches  */
}
/* line 33, ../scss/shared/_heading.scss */
.mathbook-content section > .heading a:hover, .mathbook-content section > .heading a:focus, .mathbook-content section > header > .heading a:hover, .mathbook-content section > header > .heading a:focus, .mathbook-content .section-like > .heading a:hover, .mathbook-content .section-like > .heading a:focus, .mathbook-content .section-like > header > .heading a:hover, .mathbook-content .section-like > header > .heading a:focus {
  color: #1a1a1a;
  /**
   * Better underlines using background gradients
   * See http://bit.ly/1vTg7hr
   */
  /* the better underlines were removed by David Farmer on 2/9/16
     because of various headaches  */
}
/* line 40, ../scss/shared/_heading.scss */
.mathbook-content section > .heading a:active, .mathbook-content section > header > .heading a:active, .mathbook-content .section-like > .heading a:active, .mathbook-content .section-like > header > .heading a:active {
  color: #1a1a1a;
  /**
   * Better underlines using background gradients
   * See http://bit.ly/1vTg7hr
   */
  /* the better underlines were removed by David Farmer on 2/9/16
     because of various headaches  */
}
/* line 31, ../scss/content/mixins/_section.scss */
.mathbook-content section > .heading *[knowl], .mathbook-content section > header > .heading *[knowl], .mathbook-content .section-like > .heading *[knowl], .mathbook-content .section-like > header > .heading *[knowl] {
  /* not used? */
    /*
    &:active {
        color: $brand-secondary;
        background: $bg-color;

        &:after {
            border-color: $brand-secondary;
        }
    }

    &.active {
        background: $bg-color;
    }
   */
  margin-left: -3px;
}
/* line 58, ../scss/shared/_knowl.scss */
.mathbook-content section > .heading *[knowl], .mathbook-content section > .heading *[knowl]:hover, .mathbook-content section > .heading *[knowl].active, .mathbook-content section > header > .heading *[knowl], .mathbook-content section > header > .heading *[knowl]:hover, .mathbook-content section > header > .heading *[knowl].active, .mathbook-content .section-like > .heading *[knowl], .mathbook-content .section-like > .heading *[knowl]:hover, .mathbook-content .section-like > .heading *[knowl].active, .mathbook-content .section-like > header > .heading *[knowl], .mathbook-content .section-like > header > .heading *[knowl]:hover, .mathbook-content .section-like > header > .heading *[knowl].active {
  position: relative;
  color: #2a2222;
  background: transparent;
  padding: 0px 2px 0px 2px;
  margin: 0;
  text-decoration: none;
  /* add a bottom margin so the line
   * doesn't jump onHover.
   */
  /*margin-bottom: 1px;*/
  /*border-bottom: 1px dotted $color;*/
  margin-bottom: 0;
  border-bottom: none;
  font-weight: 500;
  white-space: nowrap;
  border-top-left-radius: 3px;
  border-top-left-radius: 3px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-top-right-radius: 3px;
  border-top-right-radius: 3px;
  /* Prevent accidental text selection on click */
  user-select: none;
  user-select: none;
  user-select: none;
  user-select: none;
  transition-property: background-color;
  transition-property: background-color;
  transition-property: background-color;
  transition-property: background-color;
  transition-duration: 0ms;
  transition-duration: 0ms;
  transition-duration: 0ms;
  transition-duration: 0ms;
  /**
   * This gets us an underline that's a bit tighter with the baseline
   * instead of awkwardly floating below like a border on the parent
   */
}
/* line 90, ../scss/shared/_knowl.scss */
.mathbook-content section > .heading *[knowl]:after, .mathbook-content section > .heading *[knowl]:hover:after, .mathbook-content section > .heading *[knowl].active:after, .mathbook-content section > header > .heading *[knowl]:after, .mathbook-content section > header > .heading *[knowl]:hover:after, .mathbook-content section > header > .heading *[knowl].active:after, .mathbook-content .section-like > .heading *[knowl]:after, .mathbook-content .section-like > .heading *[knowl]:hover:after, .mathbook-content .section-like > .heading *[knowl].active:after, .mathbook-content .section-like > header > .heading *[knowl]:after, .mathbook-content .section-like > header > .heading *[knowl]:hover:after, .mathbook-content .section-like > header > .heading *[knowl].active:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 1px;
  right: 2.4px;
  left: 2.4px;
  /* Smooth out the transition from underline to border */
  transition-property: left, right;
  transition-property: left, right;
  transition-property: left, right;
  transition-property: left, right;
  transition-duration: 0ms;
  transition-duration: 0ms;
  transition-duration: 0ms;
  transition-duration: 0ms;
  border-bottom: 1px dotted #2a2222;
  /*@include typography-underline(*/
  /*$color,*/
  /*$underline-style: dotted,*/
  /*$underline-size: .1,*/
  /*$underline-offset: $underline-offset);*/
  /* Display under parent content, but above parent background */
  z-index: 0;
}
/* line 113, ../scss/shared/_knowl.scss */
.mathbook-content section > .heading *[knowl]:hover, .mathbook-content section > header > .heading *[knowl]:hover, .mathbook-content .section-like > .heading *[knowl]:hover, .mathbook-content .section-like > header > .heading *[knowl]:hover {
  color: black;
  background: #fdf6e2;
  text-decoration: none;
  /* See comment on default style's border/margin */
  margin-bottom: 0;
  /*border-bottom:2px solid darken($border-color, 15%);*/
  /*border-bottom: none;*/
}
/* line 123, ../scss/shared/_knowl.scss */
.mathbook-content section > .heading *[knowl]:hover:after, .mathbook-content section > header > .heading *[knowl]:hover:after, .mathbook-content .section-like > .heading *[knowl]:hover:after, .mathbook-content .section-like > header > .heading *[knowl]:hover:after {
  /*@include typography-underline(*/
  /*darken($border-color, 32.5%),*/
  /*$underline-size: .1,*/
  /*$underline-offset: $underline-offset);*/
}
/* line 18, ../scss/shared/_heading.scss */
.mathbook-content section > .heading, .mathbook-content section > header > .heading, .mathbook-content .section-like > .heading, .mathbook-content .section-like > header > .heading {
  font-size: 1.5em;
  line-height: 1.25em;
  margin-top: 0.83333em;
  margin-bottom: 0.41667em;
}
/* line 18, ../scss/shared/_heading.scss */
.mathbook-content section section > .heading, .mathbook-content section section > header > .heading, .mathbook-content section .section-like > .heading, .mathbook-content section .section-like > header > .heading, .mathbook-content .section-like section > .heading, .mathbook-content .section-like section > header > .heading, .mathbook-content .section-like .section-like > .heading, .mathbook-content .section-like .section-like > header > .heading {
  font-size: 1.3125em;
  line-height: 1.42857em;
  margin-top: 0.95238em;
  margin-bottom: 0.47619em;
}
/* line 18, ../scss/shared/_heading.scss */
.mathbook-content section section section > .heading, .mathbook-content section section section > header > .heading, .mathbook-content section section .section-like > .heading, .mathbook-content section section .section-like > header > .heading, .mathbook-content section .section-like section > .heading, .mathbook-content section .section-like section > header > .heading, .mathbook-content section .section-like .section-like > .heading, .mathbook-content section .section-like .section-like > header > .heading, .mathbook-content .section-like section section > .heading, .mathbook-content .section-like section section > header > .heading, .mathbook-content .section-like section .section-like > .heading, .mathbook-content .section-like section .section-like > header > .heading, .mathbook-content .section-like .section-like section > .heading, .mathbook-content .section-like .section-like section > header > .heading, .mathbook-content .section-like .section-like .section-like > .heading, .mathbook-content .section-like .section-like .section-like > header > .heading {
  font-size: 1.1875em;
  line-height: 1.57895em;
  margin-top: 1.05263em;
  margin-bottom: 0.52632em;
}
/* line 18, ../scss/shared/_heading.scss */
.mathbook-content section section section section > .heading, .mathbook-content section section section section > header > .heading, .mathbook-content section section section .section-like > .heading, .mathbook-content section section section .section-like > header > .heading, .mathbook-content section section .section-like section > .heading, .mathbook-content section section .section-like section > header > .heading, .mathbook-content section section .section-like .section-like > .heading, .mathbook-content section section .section-like .section-like > header > .heading, .mathbook-content section .section-like section section > .heading, .mathbook-content section .section-like section section > header > .heading, .mathbook-content section .section-like section .section-like > .heading, .mathbook-content section .section-like section .section-like > header > .heading, .mathbook-content section .section-like .section-like section > .heading, .mathbook-content section .section-like .section-like section > header > .heading, .mathbook-content section .section-like .section-like .section-like > .heading, .mathbook-content section .section-like .section-like .section-like > header > .heading, .mathbook-content .section-like section section section > .heading, .mathbook-content .section-like section section section > header > .heading, .mathbook-content .section-like section section .section-like > .heading, .mathbook-content .section-like section section .section-like > header > .heading, .mathbook-content .section-like section .section-like section > .heading, .mathbook-content .section-like section .section-like section > header > .heading, .mathbook-content .section-like section .section-like .section-like > .heading, .mathbook-content .section-like section .section-like .section-like > header > .heading, .mathbook-content .section-like .section-like section section > .heading, .mathbook-content .section-like .section-like section section > header > .heading, .mathbook-content .section-like .section-like section .section-like > .heading, .mathbook-content .section-like .section-like section .section-like > header > .heading, .mathbook-content .section-like .section-like .section-like section > .heading, .mathbook-content .section-like .section-like .section-like section > header > .heading, .mathbook-content .section-like .section-like .section-like .section-like > .heading, .mathbook-content .section-like .section-like .section-like .section-like > header > .heading {
  font-size: 1.0625em;
  line-height: 1.76471em;
  margin-top: 1.17647em;
  margin-bottom: 0.58824em;
}
/* line 38, ../scss/content/partials/_sections.scss */
.mathbook-content .chapter {
  /**
   * In LaTeX, Chapter headings are broken onto two lines... so here we go...
   */
  /**
   * Chapter heading in the <header> format
   * This format supports a byline for anthology textbooks
   * and journals with different chapter authors.
   *
   * The main difference is that the margin is applied to the header
   * element instead of the heading element.
   */
}
/* line 18, ../scss/shared/_heading.scss */
.mathbook-content .chapter > .heading, .mathbook-content .chapter > header > .heading {
  /*
   * We use font-size-base so that ems are relative to base font size
   * within this context
   */
  font-size: 16px;
  margin-bottom: 1.25em;
}
/* line 54, ../scss/content/partials/_sections.scss */
.mathbook-content .chapter > .heading .type, .mathbook-content .chapter > .heading .codenumber, .mathbook-content .chapter > header > .heading .type, .mathbook-content .chapter > header > .heading .codenumber {
  /* Chapter type prefix is smaller (as in LaTeX) */
  font-size: 1.3125em;
  line-height: 1.42857em;
  margin-top: 0.95238em;
  margin-bottom: 0.47619em;
}
/* line 59, ../scss/content/partials/_sections.scss */
.mathbook-content .chapter > .heading .title, .mathbook-content .chapter > header > .heading .title {
  display: block;
  font-size: 1.5em;
  line-height: 1.25em;
  margin-top: 0.83333em;
  margin-bottom: 0.41667em;
  /* Force a half-line leader */
  margin-top: 0.41667em;
}
/* line 78, ../scss/content/partials/_sections.scss */
.mathbook-content .chapter > header {
  font-size: 16px;
  margin-bottom: 1.25em;
}
/* line 84, ../scss/content/partials/_sections.scss */
.mathbook-content .chapter > header > .heading .title, .mathbook-content .chapter > header > header > .heading .title {
  display: block;
  /* The margin goes on the header element instead */
  margin-bottom: 0;
}
/* line 91, ../scss/content/partials/_sections.scss */
.mathbook-content .chapter > header .byline {
  font-size: inherit;
  margin: 0;
  margin-top: 0.625em;
  color: #999999;
}
/* line 96, ../scss/content/partials/_sections.scss */
.mathbook-content .chapter > header .byline:before {
  content: "By ";
}
/* line 18, ../scss/shared/_heading.scss */
.mathbook-content .frontmatter > .heading, .mathbook-content .frontmatter > header > .heading, .mathbook-content .book > .heading, .mathbook-content .book > header > .heading {
  text-align: center;
  font-size: 1.75em;
  line-height: 1.42857em;
  margin-top: 0.71429em;
  margin-bottom: 0.35714em;
  margin-bottom: 0.71429em;
}
/* line 111, ../scss/content/partials/_sections.scss */
.mathbook-content .frontmatter > .heading .subtitle, .mathbook-content .frontmatter > header > .heading .subtitle, .mathbook-content .book > .heading .subtitle, .mathbook-content .book > header > .heading .subtitle {
  display: block;
  font-weight: normal;
  /* Much classier */
  color: #666666;
  font-size: 0.85714em;
  line-height: 1.25em;
  margin-top: 0.41667em;
}
/* line 122, ../scss/content/partials/_sections.scss */
.mathbook-content .frontmatter .header, .mathbook-content .book .header {
  margin-bottom: 2.5em;
}
/* line 126, ../scss/content/partials/_sections.scss */
.mathbook-content .frontmatter .contributors, .mathbook-content .book .contributors {
  text-align: center;
  font-style: normal;
  color: #333333;
}
/* line 14, ../scss/content/partials/_environments.scss */
.mathbook-content .definition-like, .mathbook-content .theorem-like, .mathbook-content .remark-like, .mathbook-content .example-like, .mathbook-content .exercise-like, .mathbook-content .aside-like {
  margin-bottom: 1.25em;
}
/* line 18, ../scss/shared/_heading.scss */
.mathbook-content .definition-like > .heading, .mathbook-content .theorem-like > .heading, .mathbook-content .remark-like > .heading, .mathbook-content .example-like > .heading, .mathbook-content .exercise-like > .heading, .mathbook-content .aside-like > .heading, .mathbook-content .definition-like > header > .heading, .mathbook-content .theorem-like > header > .heading, .mathbook-content .remark-like > header > .heading, .mathbook-content .example-like > header > .heading, .mathbook-content .exercise-like > header > .heading, .mathbook-content .aside-like > header > .heading {
  font-size: 1.0625em;
  line-height: 1.76471em;
  margin-top: 1.17647em;
  margin-bottom: 0.58824em;
  /* Support links in headings */
  /* Support knowl links in headings */
}
/* line 104, ../scss/shared/_heading.scss */
.mathbook-content .definition-like > .heading, .mathbook-content .theorem-like > .heading, .mathbook-content .remark-like > .heading, .mathbook-content .example-like > .heading, .mathbook-content .exercise-like > .heading, .mathbook-content .aside-like > .heading, .mathbook-content .definition-like > header > .heading, .mathbook-content .theorem-like > header > .heading, .mathbook-content .remark-like > header > .heading, .mathbook-content .example-like > header > .heading, .mathbook-content .exercise-like > header > .heading, .mathbook-content .aside-like > header > .heading {
  font-family: "CharterBT", "PT Serif", "Times New Roman", Times, serif;
  font-weight: 700;
  color: inherit;
}
/* line 51, ../scss/shared/_heading.scss */
.mathbook-content .definition-like > .heading:before, .mathbook-content .theorem-like > .heading:before, .mathbook-content .remark-like > .heading:before, .mathbook-content .example-like > .heading:before, .mathbook-content .exercise-like > .heading:before, .mathbook-content .aside-like > .heading:before, .mathbook-content .definition-like > header > .heading:before, .mathbook-content .theorem-like > header > .heading:before, .mathbook-content .remark-like > header > .heading:before, .mathbook-content .example-like > header > .heading:before, .mathbook-content .exercise-like > header > .heading:before, .mathbook-content .aside-like > header > .heading:before {
  display: none;
}
/* line 58, ../scss/shared/_heading.scss */
.mathbook-content .definition-like > .heading:after, .mathbook-content .theorem-like > .heading:after, .mathbook-content .remark-like > .heading:after, .mathbook-content .example-like > .heading:after, .mathbook-content .exercise-like > .heading:after, .mathbook-content .aside-like > .heading:after, .mathbook-content .definition-like > header > .heading:after, .mathbook-content .theorem-like > header > .heading:after, .mathbook-content .remark-like > header > .heading:after, .mathbook-content .example-like > header > .heading:after, .mathbook-content .exercise-like > header > .heading:after, .mathbook-content .aside-like > header > .heading:after {
  content: "";
}
/* line 51, ../scss/shared/_heading.scss */
.mathbook-content .definition-like > .heading .type:before, .mathbook-content .theorem-like > .heading .type:before, .mathbook-content .remark-like > .heading .type:before, .mathbook-content .example-like > .heading .type:before, .mathbook-content .exercise-like > .heading .type:before, .mathbook-content .aside-like > .heading .type:before, .mathbook-content .definition-like > header > .heading .type:before, .mathbook-content .theorem-like > header > .heading .type:before, .mathbook-content .remark-like > header > .heading .type:before, .mathbook-content .example-like > header > .heading .type:before, .mathbook-content .exercise-like > header > .heading .type:before, .mathbook-content .aside-like > header > .heading .type:before {
  display: none;
}
/* line 58, ../scss/shared/_heading.scss */
.mathbook-content .definition-like > .heading .type:after, .mathbook-content .theorem-like > .heading .type:after, .mathbook-content .remark-like > .heading .type:after, .mathbook-content .example-like > .heading .type:after, .mathbook-content .exercise-like > .heading .type:after, .mathbook-content .aside-like > .heading .type:after, .mathbook-content .definition-like > header > .heading .type:after, .mathbook-content .theorem-like > header > .heading .type:after, .mathbook-content .remark-like > header > .heading .type:after, .mathbook-content .example-like > header > .heading .type:after, .mathbook-content .exercise-like > header > .heading .type:after, .mathbook-content .aside-like > header > .heading .type:after {
  content: " ";
}
/* line 51, ../scss/shared/_heading.scss */
.mathbook-content .definition-like > .heading .codenumber:not(:empty):before, .mathbook-content .theorem-like > .heading .codenumber:not(:empty):before, .mathbook-content .remark-like > .heading .codenumber:not(:empty):before, .mathbook-content .example-like > .heading .codenumber:not(:empty):before, .mathbook-content .exercise-like > .heading .codenumber:not(:empty):before, .mathbook-content .aside-like > .heading .codenumber:not(:empty):before, .mathbook-content .definition-like > header > .heading .codenumber:not(:empty):before, .mathbook-content .theorem-like > header > .heading .codenumber:not(:empty):before, .mathbook-content .remark-like > header > .heading .codenumber:not(:empty):before, .mathbook-content .example-like > header > .heading .codenumber:not(:empty):before, .mathbook-content .exercise-like > header > .heading .codenumber:not(:empty):before, .mathbook-content .aside-like > header > .heading .codenumber:not(:empty):before {
  display: none;
}
/* line 58, ../scss/shared/_heading.scss */
.mathbook-content .definition-like > .heading .codenumber:not(:empty):after, .mathbook-content .theorem-like > .heading .codenumber:not(:empty):after, .mathbook-content .remark-like > .heading .codenumber:not(:empty):after, .mathbook-content .example-like > .heading .codenumber:not(:empty):after, .mathbook-content .exercise-like > .heading .codenumber:not(:empty):after, .mathbook-content .aside-like > .heading .codenumber:not(:empty):after, .mathbook-content .definition-like > header > .heading .codenumber:not(:empty):after, .mathbook-content .theorem-like > header > .heading .codenumber:not(:empty):after, .mathbook-content .remark-like > header > .heading .codenumber:not(:empty):after, .mathbook-content .example-like > header > .heading .codenumber:not(:empty):after, .mathbook-content .exercise-like > header > .heading .codenumber:not(:empty):after, .mathbook-content .aside-like > header > .heading .codenumber:not(:empty):after {
  content: " ";
}
/* line 51, ../scss/shared/_heading.scss */
.mathbook-content .definition-like > .heading .title:before, .mathbook-content .theorem-like > .heading .title:before, .mathbook-content .remark-like > .heading .title:before, .mathbook-content .example-like > .heading .title:before, .mathbook-content .exercise-like > .heading .title:before, .mathbook-content .aside-like > .heading .title:before, .mathbook-content .definition-like > header > .heading .title:before, .mathbook-content .theorem-like > header > .heading .title:before, .mathbook-content .remark-like > header > .heading .title:before, .mathbook-content .example-like > header > .heading .title:before, .mathbook-content .exercise-like > header > .heading .title:before, .mathbook-content .aside-like > header > .heading .title:before {
  display: none;
}
/* line 58, ../scss/shared/_heading.scss */
.mathbook-content .definition-like > .heading .title:after, .mathbook-content .theorem-like > .heading .title:after, .mathbook-content .remark-like > .heading .title:after, .mathbook-content .example-like > .heading .title:after, .mathbook-content .exercise-like > .heading .title:after, .mathbook-content .aside-like > .heading .title:after, .mathbook-content .definition-like > header > .heading .title:after, .mathbook-content .theorem-like > header > .heading .title:after, .mathbook-content .remark-like > header > .heading .title:after, .mathbook-content .example-like > header > .heading .title:after, .mathbook-content .exercise-like > header > .heading .title:after, .mathbook-content .aside-like > header > .heading .title:after {
  content: " ";
}
/* line 124, ../scss/shared/_heading.scss */
.mathbook-content .definition-like > .heading .type, .mathbook-content .theorem-like > .heading .type, .mathbook-content .remark-like > .heading .type, .mathbook-content .example-like > .heading .type, .mathbook-content .exercise-like > .heading .type, .mathbook-content .aside-like > .heading .type, .mathbook-content .definition-like > .heading .codenumber, .mathbook-content .theorem-like > .heading .codenumber, .mathbook-content .remark-like > .heading .codenumber, .mathbook-content .example-like > .heading .codenumber, .mathbook-content .exercise-like > .heading .codenumber, .mathbook-content .aside-like > .heading .codenumber, .mathbook-content .definition-like > .heading .title, .mathbook-content .theorem-like > .heading .title, .mathbook-content .remark-like > .heading .title, .mathbook-content .example-like > .heading .title, .mathbook-content .exercise-like > .heading .title, .mathbook-content .aside-like > .heading .title, .mathbook-content .definition-like > header > .heading .type, .mathbook-content .theorem-like > header > .heading .type, .mathbook-content .remark-like > header > .heading .type, .mathbook-content .example-like > header > .heading .type, .mathbook-content .exercise-like > header > .heading .type, .mathbook-content .aside-like > header > .heading .type, .mathbook-content .definition-like > header > .heading .codenumber, .mathbook-content .theorem-like > header > .heading .codenumber, .mathbook-content .remark-like > header > .heading .codenumber, .mathbook-content .example-like > header > .heading .codenumber, .mathbook-content .exercise-like > header > .heading .codenumber, .mathbook-content .aside-like > header > .heading .codenumber, .mathbook-content .definition-like > header > .heading .title, .mathbook-content .theorem-like > header > .heading .title, .mathbook-content .remark-like > header > .heading .title, .mathbook-content .example-like > header > .heading .title, .mathbook-content .exercise-like > header > .heading .title, .mathbook-content .aside-like > header > .heading .title {
  /**
   *  Hide the space after the last element,
   * defer to .heading:after instead  XX obsolete comment
   */
}
/* line 69, ../scss/shared/_heading.scss */
.mathbook-content .definition-like > .heading.hide-type .type, .mathbook-content .theorem-like > .heading.hide-type .type, .mathbook-content .remark-like > .heading.hide-type .type, .mathbook-content .example-like > .heading.hide-type .type, .mathbook-content .exercise-like > .heading.hide-type .type, .mathbook-content .aside-like > .heading.hide-type .type, .mathbook-content .definition-like > header > .heading.hide-type .type, .mathbook-content .theorem-like > header > .heading.hide-type .type, .mathbook-content .remark-like > header > .heading.hide-type .type, .mathbook-content .example-like > header > .heading.hide-type .type, .mathbook-content .exercise-like > header > .heading.hide-type .type, .mathbook-content .aside-like > header > .heading.hide-type .type {
  display: none;
}
/* line 76, ../scss/shared/_heading.scss */
.mathbook-content .definition-like > .heading.hide-codenumber .codenumber, .mathbook-content .theorem-like > .heading.hide-codenumber .codenumber, .mathbook-content .remark-like > .heading.hide-codenumber .codenumber, .mathbook-content .example-like > .heading.hide-codenumber .codenumber, .mathbook-content .exercise-like > .heading.hide-codenumber .codenumber, .mathbook-content .aside-like > .heading.hide-codenumber .codenumber, .mathbook-content .definition-like > header > .heading.hide-codenumber .codenumber, .mathbook-content .theorem-like > header > .heading.hide-codenumber .codenumber, .mathbook-content .remark-like > header > .heading.hide-codenumber .codenumber, .mathbook-content .example-like > header > .heading.hide-codenumber .codenumber, .mathbook-content .exercise-like > header > .heading.hide-codenumber .codenumber, .mathbook-content .aside-like > header > .heading.hide-codenumber .codenumber {
  display: none;
}
/* line 83, ../scss/shared/_heading.scss */
.mathbook-content .definition-like > .heading.hide-title .title, .mathbook-content .theorem-like > .heading.hide-title .title, .mathbook-content .remark-like > .heading.hide-title .title, .mathbook-content .example-like > .heading.hide-title .title, .mathbook-content .exercise-like > .heading.hide-title .title, .mathbook-content .aside-like > .heading.hide-title .title, .mathbook-content .definition-like > header > .heading.hide-title .title, .mathbook-content .theorem-like > header > .heading.hide-title .title, .mathbook-content .remark-like > header > .heading.hide-title .title, .mathbook-content .example-like > header > .heading.hide-title .title, .mathbook-content .exercise-like > header > .heading.hide-title .title, .mathbook-content .aside-like > header > .heading.hide-title .title {
  display: none;
}
/* line 26, ../scss/shared/_heading.scss */
.mathbook-content .definition-like > .heading a:link, .mathbook-content .theorem-like > .heading a:link, .mathbook-content .remark-like > .heading a:link, .mathbook-content .example-like > .heading a:link, .mathbook-content .exercise-like > .heading a:link, .mathbook-content .aside-like > .heading a:link, .mathbook-content .definition-like > .heading a:visited, .mathbook-content .theorem-like > .heading a:visited, .mathbook-content .remark-like > .heading a:visited, .mathbook-content .example-like > .heading a:visited, .mathbook-content .exercise-like > .heading a:visited, .mathbook-content .aside-like > .heading a:visited, .mathbook-content .definition-like > header > .heading a:link, .mathbook-content .theorem-like > header > .heading a:link, .mathbook-content .remark-like > header > .heading a:link, .mathbook-content .example-like > header > .heading a:link, .mathbook-content .exercise-like > header > .heading a:link, .mathbook-content .aside-like > header > .heading a:link, .mathbook-content .definition-like > header > .heading a:visited, .mathbook-content .theorem-like > header > .heading a:visited, .mathbook-content .remark-like > header > .heading a:visited, .mathbook-content .example-like > header > .heading a:visited, .mathbook-content .exercise-like > header > .heading a:visited, .mathbook-content .aside-like > header > .heading a:visited {
  color: black;
  color: black;
  /**
   * Better underlines using background gradients
   * See http://bit.ly/1vTg7hr
   */
  /* the better underlines were removed by David Farmer on 2/9/16
     because of various headaches  */
}
/* line 33, ../scss/shared/_heading.scss */
.mathbook-content .definition-like > .heading a:hover, .mathbook-content .theorem-like > .heading a:hover, .mathbook-content .remark-like > .heading a:hover, .mathbook-content .example-like > .heading a:hover, .mathbook-content .exercise-like > .heading a:hover, .mathbook-content .aside-like > .heading a:hover, .mathbook-content .definition-like > .heading a:focus, .mathbook-content .theorem-like > .heading a:focus, .mathbook-content .remark-like > .heading a:focus, .mathbook-content .example-like > .heading a:focus, .mathbook-content .exercise-like > .heading a:focus, .mathbook-content .aside-like > .heading a:focus, .mathbook-content .definition-like > header > .heading a:hover, .mathbook-content .theorem-like > header > .heading a:hover, .mathbook-content .remark-like > header > .heading a:hover, .mathbook-content .example-like > header > .heading a:hover, .mathbook-content .exercise-like > header > .heading a:hover, .mathbook-content .aside-like > header > .heading a:hover, .mathbook-content .definition-like > header > .heading a:focus, .mathbook-content .theorem-like > header > .heading a:focus, .mathbook-content .remark-like > header > .heading a:focus, .mathbook-content .example-like > header > .heading a:focus, .mathbook-content .exercise-like > header > .heading a:focus, .mathbook-content .aside-like > header > .heading a:focus {
  color: #1a1a1a;
  /**
   * Better underlines using background gradients
   * See http://bit.ly/1vTg7hr
   */
  /* the better underlines were removed by David Farmer on 2/9/16
     because of various headaches  */
}
/* line 40, ../scss/shared/_heading.scss */
.mathbook-content .definition-like > .heading a:active, .mathbook-content .theorem-like > .heading a:active, .mathbook-content .remark-like > .heading a:active, .mathbook-content .example-like > .heading a:active, .mathbook-content .exercise-like > .heading a:active, .mathbook-content .aside-like > .heading a:active, .mathbook-content .definition-like > header > .heading a:active, .mathbook-content .theorem-like > header > .heading a:active, .mathbook-content .remark-like > header > .heading a:active, .mathbook-content .example-like > header > .heading a:active, .mathbook-content .exercise-like > header > .heading a:active, .mathbook-content .aside-like > header > .heading a:active {
  color: #1a1a1a;
  /**
   * Better underlines using background gradients
   * See http://bit.ly/1vTg7hr
   */
  /* the better underlines were removed by David Farmer on 2/9/16
     because of various headaches  */
}
/* line 28, ../scss/content/mixins/_environment.scss */
.mathbook-content .definition-like > .heading *[knowl], .mathbook-content .theorem-like > .heading *[knowl], .mathbook-content .remark-like > .heading *[knowl], .mathbook-content .example-like > .heading *[knowl], .mathbook-content .exercise-like > .heading *[knowl], .mathbook-content .aside-like > .heading *[knowl], .mathbook-content .definition-like > header > .heading *[knowl], .mathbook-content .theorem-like > header > .heading *[knowl], .mathbook-content .remark-like > header > .heading *[knowl], .mathbook-content .example-like > header > .heading *[knowl], .mathbook-content .exercise-like > header > .heading *[knowl], .mathbook-content .aside-like > header > .heading *[knowl] {
  /* not used? */
    /*
    &:active {
        color: $brand-secondary;
        background: $bg-color;

        &:after {
            border-color: $brand-secondary;
        }
    }

    &.active {
        background: $bg-color;
    }
   */
  margin-left: -3px;
}
/* line 58, ../scss/shared/_knowl.scss */
.mathbook-content .definition-like > .heading *[knowl], .mathbook-content .theorem-like > .heading *[knowl], .mathbook-content .remark-like > .heading *[knowl], .mathbook-content .example-like > .heading *[knowl], .mathbook-content .exercise-like > .heading *[knowl], .mathbook-content .aside-like > .heading *[knowl], .mathbook-content .definition-like > .heading *[knowl]:hover, .mathbook-content .theorem-like > .heading *[knowl]:hover, .mathbook-content .remark-like > .heading *[knowl]:hover, .mathbook-content .example-like > .heading *[knowl]:hover, .mathbook-content .exercise-like > .heading *[knowl]:hover, .mathbook-content .aside-like > .heading *[knowl]:hover, .mathbook-content .definition-like > .heading *[knowl].active, .mathbook-content .theorem-like > .heading *[knowl].active, .mathbook-content .remark-like > .heading *[knowl].active, .mathbook-content .example-like > .heading *[knowl].active, .mathbook-content .exercise-like > .heading *[knowl].active, .mathbook-content .aside-like > .heading *[knowl].active, .mathbook-content .definition-like > header > .heading *[knowl], .mathbook-content .theorem-like > header > .heading *[knowl], .mathbook-content .remark-like > header > .heading *[knowl], .mathbook-content .example-like > header > .heading *[knowl], .mathbook-content .exercise-like > header > .heading *[knowl], .mathbook-content .aside-like > header > .heading *[knowl], .mathbook-content .definition-like > header > .heading *[knowl]:hover, .mathbook-content .theorem-like > header > .heading *[knowl]:hover, .mathbook-content .remark-like > header > .heading *[knowl]:hover, .mathbook-content .example-like > header > .heading *[knowl]:hover, .mathbook-content .exercise-like > header > .heading *[knowl]:hover, .mathbook-content .aside-like > header > .heading *[knowl]:hover, .mathbook-content .definition-like > header > .heading *[knowl].active, .mathbook-content .theorem-like > header > .heading *[knowl].active, .mathbook-content .remark-like > header > .heading *[knowl].active, .mathbook-content .example-like > header > .heading *[knowl].active, .mathbook-content .exercise-like > header > .heading *[knowl].active, .mathbook-content .aside-like > header > .heading *[knowl].active {
  position: relative;
  color: #2a2222;
  background: transparent;
  padding: 0px 2px 0px 2px;
  margin: 0;
  text-decoration: none;
  /* add a bottom margin so the line
   * doesn't jump onHover.
   */
  /*margin-bottom: 1px;*/
  /*border-bottom: 1px dotted $color;*/
  margin-bottom: 0;
  border-bottom: none;
  font-weight: 500;
  white-space: nowrap;
  border-top-left-radius: 3px;
  border-top-left-radius: 3px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-top-right-radius: 3px;
  border-top-right-radius: 3px;
  /* Prevent accidental text selection on click */
  user-select: none;
  user-select: none;
  user-select: none;
  user-select: none;
  transition-property: background-color;
  transition-property: background-color;
  transition-property: background-color;
  transition-property: background-color;
  transition-duration: 0ms;
  transition-duration: 0ms;
  transition-duration: 0ms;
  transition-duration: 0ms;
  /**
   * This gets us an underline that's a bit tighter with the baseline
   * instead of awkwardly floating below like a border on the parent
   */
}
/* line 90, ../scss/shared/_knowl.scss */
.mathbook-content .definition-like > .heading *[knowl]:after, .mathbook-content .theorem-like > .heading *[knowl]:after, .mathbook-content .remark-like > .heading *[knowl]:after, .mathbook-content .example-like > .heading *[knowl]:after, .mathbook-content .exercise-like > .heading *[knowl]:after, .mathbook-content .aside-like > .heading *[knowl]:after, .mathbook-content .definition-like > .heading *[knowl]:hover:after, .mathbook-content .theorem-like > .heading *[knowl]:hover:after, .mathbook-content .remark-like > .heading *[knowl]:hover:after, .mathbook-content .example-like > .heading *[knowl]:hover:after, .mathbook-content .exercise-like > .heading *[knowl]:hover:after, .mathbook-content .aside-like > .heading *[knowl]:hover:after, .mathbook-content .definition-like > .heading *[knowl].active:after, .mathbook-content .theorem-like > .heading *[knowl].active:after, .mathbook-content .remark-like > .heading *[knowl].active:after, .mathbook-content .example-like > .heading *[knowl].active:after, .mathbook-content .exercise-like > .heading *[knowl].active:after, .mathbook-content .aside-like > .heading *[knowl].active:after, .mathbook-content .definition-like > header > .heading *[knowl]:after, .mathbook-content .theorem-like > header > .heading *[knowl]:after, .mathbook-content .remark-like > header > .heading *[knowl]:after, .mathbook-content .example-like > header > .heading *[knowl]:after, .mathbook-content .exercise-like > header > .heading *[knowl]:after, .mathbook-content .aside-like > header > .heading *[knowl]:after, .mathbook-content .definition-like > header > .heading *[knowl]:hover:after, .mathbook-content .theorem-like > header > .heading *[knowl]:hover:after, .mathbook-content .remark-like > header > .heading *[knowl]:hover:after, .mathbook-content .example-like > header > .heading *[knowl]:hover:after, .mathbook-content .exercise-like > header > .heading *[knowl]:hover:after, .mathbook-content .aside-like > header > .heading *[knowl]:hover:after, .mathbook-content .definition-like > header > .heading *[knowl].active:after, .mathbook-content .theorem-like > header > .heading *[knowl].active:after, .mathbook-content .remark-like > header > .heading *[knowl].active:after, .mathbook-content .example-like > header > .heading *[knowl].active:after, .mathbook-content .exercise-like > header > .heading *[knowl].active:after, .mathbook-content .aside-like > header > .heading *[knowl].active:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 1px;
  right: 2.4px;
  left: 2.4px;
  /* Smooth out the transition from underline to border */
  transition-property: left, right;
  transition-property: left, right;
  transition-property: left, right;
  transition-property: left, right;
  transition-duration: 0ms;
  transition-duration: 0ms;
  transition-duration: 0ms;
  transition-duration: 0ms;
  border-bottom: 1px dotted #2a2222;
  /*@include typography-underline(*/
  /*$color,*/
  /*$underline-style: dotted,*/
  /*$underline-size: .1,*/
  /*$underline-offset: $underline-offset);*/
  /* Display under parent content, but above parent background */
  z-index: 0;
}
/* line 113, ../scss/shared/_knowl.scss */
.mathbook-content .definition-like > .heading *[knowl]:hover, .mathbook-content .theorem-like > .heading *[knowl]:hover, .mathbook-content .remark-like > .heading *[knowl]:hover, .mathbook-content .example-like > .heading *[knowl]:hover, .mathbook-content .exercise-like > .heading *[knowl]:hover, .mathbook-content .aside-like > .heading *[knowl]:hover, .mathbook-content .definition-like > header > .heading *[knowl]:hover, .mathbook-content .theorem-like > header > .heading *[knowl]:hover, .mathbook-content .remark-like > header > .heading *[knowl]:hover, .mathbook-content .example-like > header > .heading *[knowl]:hover, .mathbook-content .exercise-like > header > .heading *[knowl]:hover, .mathbook-content .aside-like > header > .heading *[knowl]:hover {
  color: black;
  background: #fdf6e2;
  text-decoration: none;
  /* See comment on default style's border/margin */
  margin-bottom: 0;
  /*border-bottom:2px solid darken($border-color, 15%);*/
  /*border-bottom: none;*/
}
/* line 123, ../scss/shared/_knowl.scss */
.mathbook-content .definition-like > .heading *[knowl]:hover:after, .mathbook-content .theorem-like > .heading *[knowl]:hover:after, .mathbook-content .remark-like > .heading *[knowl]:hover:after, .mathbook-content .example-like > .heading *[knowl]:hover:after, .mathbook-content .exercise-like > .heading *[knowl]:hover:after, .mathbook-content .aside-like > .heading *[knowl]:hover:after, .mathbook-content .definition-like > header > .heading *[knowl]:hover:after, .mathbook-content .theorem-like > header > .heading *[knowl]:hover:after, .mathbook-content .remark-like > header > .heading *[knowl]:hover:after, .mathbook-content .example-like > header > .heading *[knowl]:hover:after, .mathbook-content .exercise-like > header > .heading *[knowl]:hover:after, .mathbook-content .aside-like > header > .heading *[knowl]:hover:after {
  /*@include typography-underline(*/
  /*darken($border-color, 32.5%),*/
  /*$underline-size: .1,*/
  /*$underline-offset: $underline-offset);*/
}
/* line 18, ../scss/shared/_heading.scss */
.mathbook-content .definition-like > .heading, .mathbook-content .theorem-like > .heading, .mathbook-content .remark-like > .heading, .mathbook-content .example-like > .heading, .mathbook-content .exercise-like > .heading, .mathbook-content .aside-like > .heading, .mathbook-content .definition-like > header > .heading, .mathbook-content .theorem-like > header > .heading, .mathbook-content .remark-like > header > .heading, .mathbook-content .example-like > header > .heading, .mathbook-content .exercise-like > header > .heading, .mathbook-content .aside-like > header > .heading {
  display: inline;
}
/* line 153, ../scss/shared/_heading.scss */
.mathbook-content .definition-like > .heading + p, .mathbook-content .theorem-like > .heading + p, .mathbook-content .remark-like > .heading + p, .mathbook-content .example-like > .heading + p, .mathbook-content .exercise-like > .heading + p, .mathbook-content .aside-like > .heading + p, .mathbook-content .definition-like > header > .heading + p, .mathbook-content .theorem-like > header > .heading + p, .mathbook-content .remark-like > header > .heading + p, .mathbook-content .example-like > header > .heading + p, .mathbook-content .exercise-like > header > .heading + p, .mathbook-content .aside-like > header > .heading + p {
  display: inline;
}
/* line 156, ../scss/shared/_heading.scss */
.mathbook-content .definition-like > .heading + p:after, .mathbook-content .theorem-like > .heading + p:after, .mathbook-content .remark-like > .heading + p:after, .mathbook-content .example-like > .heading + p:after, .mathbook-content .exercise-like > .heading + p:after, .mathbook-content .aside-like > .heading + p:after, .mathbook-content .definition-like > header > .heading + p:after, .mathbook-content .theorem-like > header > .heading + p:after, .mathbook-content .remark-like > header > .heading + p:after, .mathbook-content .example-like > header > .heading + p:after, .mathbook-content .exercise-like > header > .heading + p:after, .mathbook-content .aside-like > header > .heading + p:after {
  /* Restore the inline paragraph's margin */
  content: "";
  display: block;
  margin-bottom: 1.25em;
}
/* line 163, ../scss/shared/_heading.scss */
.mathbook-content .definition-like > .heading + p:last-child:after, .mathbook-content .theorem-like > .heading + p:last-child:after, .mathbook-content .remark-like > .heading + p:last-child:after, .mathbook-content .example-like > .heading + p:last-child:after, .mathbook-content .exercise-like > .heading + p:last-child:after, .mathbook-content .aside-like > .heading + p:last-child:after, .mathbook-content .definition-like > header > .heading + p:last-child:after, .mathbook-content .theorem-like > header > .heading + p:last-child:after, .mathbook-content .remark-like > header > .heading + p:last-child:after, .mathbook-content .example-like > header > .heading + p:last-child:after, .mathbook-content .exercise-like > header > .heading + p:last-child:after, .mathbook-content .aside-like > header > .heading + p:last-child:after {
  /* Restore the inline paragraph's margin */
  margin-bottom: 0;
}
/* line 25, ../scss/content/partials/_environments.scss */
.mathbook-content .theorem-like p, .mathbook-content .theorem-like ol, .mathbook-content .theorem-like ul {
  font-style: italic;
}
/* line 29, ../scss/content/partials/_environments.scss */
.mathbook-content .theorem-like .statement {
  display: inline;
}
/* line 33, ../scss/content/partials/_environments.scss */
.mathbook-content .theorem-like .statement p:first-child {
  display: inline;
}
/* line 37, ../scss/content/partials/_environments.scss */
.mathbook-content .theorem-like .statement:last-child, .mathbook-content .theorem-like .statement:last-of-type {
  margin-bottom: 0;
}
/* line 43, ../scss/content/partials/_environments.scss */
.mathbook-content .proof {
  margin-bottom: 1.25em;
}
/* line 18, ../scss/shared/_heading.scss */
.mathbook-content .proof > .heading, .mathbook-content .proof > header > .heading {
  font-size: 1.0625em;
  line-height: 1.76471em;
  margin-top: 1.17647em;
  margin-bottom: 0.58824em;
  /* Support links in headings */
  /* Support knowl links in headings */
}
/* line 104, ../scss/shared/_heading.scss */
.mathbook-content .proof > .heading, .mathbook-content .proof > header > .heading {
  font-family: "CharterBT", "PT Serif", "Times New Roman", Times, serif;
  font-weight: 700;
  color: inherit;
}
/* line 51, ../scss/shared/_heading.scss */
.mathbook-content .proof > .heading:before, .mathbook-content .proof > header > .heading:before {
  display: none;
}
/* line 58, ../scss/shared/_heading.scss */
.mathbook-content .proof > .heading:after, .mathbook-content .proof > header > .heading:after {
  content: "";
}
/* line 51, ../scss/shared/_heading.scss */
.mathbook-content .proof > .heading .type:before, .mathbook-content .proof > header > .heading .type:before {
  display: none;
}
/* line 58, ../scss/shared/_heading.scss */
.mathbook-content .proof > .heading .type:after, .mathbook-content .proof > header > .heading .type:after {
  content: " ";
}
/* line 51, ../scss/shared/_heading.scss */
.mathbook-content .proof > .heading .codenumber:not(:empty):before, .mathbook-content .proof > header > .heading .codenumber:not(:empty):before {
  display: none;
}
/* line 58, ../scss/shared/_heading.scss */
.mathbook-content .proof > .heading .codenumber:not(:empty):after, .mathbook-content .proof > header > .heading .codenumber:not(:empty):after {
  content: " ";
}
/* line 51, ../scss/shared/_heading.scss */
.mathbook-content .proof > .heading .title:before, .mathbook-content .proof > header > .heading .title:before {
  display: none;
}
/* line 58, ../scss/shared/_heading.scss */
.mathbook-content .proof > .heading .title:after, .mathbook-content .proof > header > .heading .title:after {
  content: " ";
}
/* line 124, ../scss/shared/_heading.scss */
.mathbook-content .proof > .heading .type, .mathbook-content .proof > .heading .codenumber, .mathbook-content .proof > .heading .title, .mathbook-content .proof > header > .heading .type, .mathbook-content .proof > header > .heading .codenumber, .mathbook-content .proof > header > .heading .title {
  /**
   *  Hide the space after the last element,
   * defer to .heading:after instead  XX obsolete comment
   */
}
/* line 69, ../scss/shared/_heading.scss */
.mathbook-content .proof > .heading.hide-type .type, .mathbook-content .proof > header > .heading.hide-type .type {
  display: none;
}
/* line 76, ../scss/shared/_heading.scss */
.mathbook-content .proof > .heading.hide-codenumber .codenumber, .mathbook-content .proof > header > .heading.hide-codenumber .codenumber {
  display: none;
}
/* line 83, ../scss/shared/_heading.scss */
.mathbook-content .proof > .heading.hide-title .title, .mathbook-content .proof > header > .heading.hide-title .title {
  display: none;
}
/* line 26, ../scss/shared/_heading.scss */
.mathbook-content .proof > .heading a:link, .mathbook-content .proof > .heading a:visited, .mathbook-content .proof > header > .heading a:link, .mathbook-content .proof > header > .heading a:visited {
  color: black;
  color: black;
  /**
   * Better underlines using background gradients
   * See http://bit.ly/1vTg7hr
   */
  /* the better underlines were removed by David Farmer on 2/9/16
     because of various headaches  */
}
/* line 33, ../scss/shared/_heading.scss */
.mathbook-content .proof > .heading a:hover, .mathbook-content .proof > .heading a:focus, .mathbook-content .proof > header > .heading a:hover, .mathbook-content .proof > header > .heading a:focus {
  color: #1a1a1a;
  /**
   * Better underlines using background gradients
   * See http://bit.ly/1vTg7hr
   */
  /* the better underlines were removed by David Farmer on 2/9/16
     because of various headaches  */
}
/* line 40, ../scss/shared/_heading.scss */
.mathbook-content .proof > .heading a:active, .mathbook-content .proof > header > .heading a:active {
  color: #1a1a1a;
  /**
   * Better underlines using background gradients
   * See http://bit.ly/1vTg7hr
   */
  /* the better underlines were removed by David Farmer on 2/9/16
     because of various headaches  */
}
/* line 28, ../scss/content/mixins/_environment.scss */
.mathbook-content .proof > .heading *[knowl], .mathbook-content .proof > header > .heading *[knowl] {
  /* not used? */
    /*
    &:active {
        color: $brand-secondary;
        background: $bg-color;

        &:after {
            border-color: $brand-secondary;
        }
    }

    &.active {
        background: $bg-color;
    }
   */
  margin-left: -3px;
}
/* line 58, ../scss/shared/_knowl.scss */
.mathbook-content .proof > .heading *[knowl], .mathbook-content .proof > .heading *[knowl]:hover, .mathbook-content .proof > .heading *[knowl].active, .mathbook-content .proof > header > .heading *[knowl], .mathbook-content .proof > header > .heading *[knowl]:hover, .mathbook-content .proof > header > .heading *[knowl].active {
  position: relative;
  color: #2a2222;
  background: transparent;
  padding: 0px 2px 0px 2px;
  margin: 0;
  text-decoration: none;
  /* add a bottom margin so the line
   * doesn't jump onHover.
   */
  /*margin-bottom: 1px;*/
  /*border-bottom: 1px dotted $color;*/
  margin-bottom: 0;
  border-bottom: none;
  font-weight: 500;
  white-space: nowrap;
  border-top-left-radius: 3px;
  border-top-left-radius: 3px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-top-right-radius: 3px;
  border-top-right-radius: 3px;
  /* Prevent accidental text selection on click */
  user-select: none;
  user-select: none;
  user-select: none;
  user-select: none;
  transition-property: background-color;
  transition-property: background-color;
  transition-property: background-color;
  transition-property: background-color;
  transition-duration: 0ms;
  transition-duration: 0ms;
  transition-duration: 0ms;
  transition-duration: 0ms;
  /**
   * This gets us an underline that's a bit tighter with the baseline
   * instead of awkwardly floating below like a border on the parent
   */
}
/* line 90, ../scss/shared/_knowl.scss */
.mathbook-content .proof > .heading *[knowl]:after, .mathbook-content .proof > .heading *[knowl]:hover:after, .mathbook-content .proof > .heading *[knowl].active:after, .mathbook-content .proof > header > .heading *[knowl]:after, .mathbook-content .proof > header > .heading *[knowl]:hover:after, .mathbook-content .proof > header > .heading *[knowl].active:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 1px;
  right: 2.4px;
  left: 2.4px;
  /* Smooth out the transition from underline to border */
  transition-property: left, right;
  transition-property: left, right;
  transition-property: left, right;
  transition-property: left, right;
  transition-duration: 0ms;
  transition-duration: 0ms;
  transition-duration: 0ms;
  transition-duration: 0ms;
  border-bottom: 1px dotted #2a2222;
  /*@include typography-underline(*/
  /*$color,*/
  /*$underline-style: dotted,*/
  /*$underline-size: .1,*/
  /*$underline-offset: $underline-offset);*/
  /* Display under parent content, but above parent background */
  z-index: 0;
}
/* line 113, ../scss/shared/_knowl.scss */
.mathbook-content .proof > .heading *[knowl]:hover, .mathbook-content .proof > header > .heading *[knowl]:hover {
  color: black;
  background: #fdf6e2;
  text-decoration: none;
  /* See comment on default style's border/margin */
  margin-bottom: 0;
  /*border-bottom:2px solid darken($border-color, 15%);*/
  /*border-bottom: none;*/
}
/* line 123, ../scss/shared/_knowl.scss */
.mathbook-content .proof > .heading *[knowl]:hover:after, .mathbook-content .proof > header > .heading *[knowl]:hover:after {
  /*@include typography-underline(*/
  /*darken($border-color, 32.5%),*/
  /*$underline-size: .1,*/
  /*$underline-offset: $underline-offset);*/
}
/* line 18, ../scss/shared/_heading.scss */
.mathbook-content .proof > .heading, .mathbook-content .proof > header > .heading {
  display: inline;
}
/* line 153, ../scss/shared/_heading.scss */
.mathbook-content .proof > .heading + p, .mathbook-content .proof > header > .heading + p {
  display: inline;
}
/* line 156, ../scss/shared/_heading.scss */
.mathbook-content .proof > .heading + p:after, .mathbook-content .proof > header > .heading + p:after {
  /* Restore the inline paragraph's margin */
  content: "";
  display: block;
  margin-bottom: 1.25em;
}
/* line 163, ../scss/shared/_heading.scss */
.mathbook-content .proof > .heading + p:last-child:after, .mathbook-content .proof > header > .heading + p:last-child:after {
  /* Restore the inline paragraph's margin */
  margin-bottom: 0;
}
/* line 55, ../scss/content/partials/_environments.scss */
.mathbook-content .proof {
  position: relative;
  /* dotted borders are just really ugly... */
  /*border-right: 1px dotted #aaa;*/
  /* Less use a light solid one */
  border-right: 0.1em solid rgba(0, 0, 0, 0.1);
  /* Cut the border up into the top margin */
  /* Cut the border into the right margin */
  padding-right: 0.625em;
  margin-right: -0.725em;
  /* Cut the tombstone into the standard margin-bottom */
}
/* line 18, ../scss/shared/_heading.scss */
.mathbook-content .proof > .heading, .mathbook-content .proof > header > .heading {
  font-style: italic;
  font-weight: normal;
  /* It helps to have a little bit of extra space after proof */
  margin-right: 0.75em;
}
@media screen and (max-width: 1199px) {
  /* line 55, ../scss/content/partials/_environments.scss */
  .mathbook-content .proof {
    /* Bring border out of the right margin */
    margin-right: 0;
  }
}
@media screen and (max-width: 640px) {
  /* line 55, ../scss/content/partials/_environments.scss */
  .mathbook-content .proof {
    /* Remove the border */
    padding: 0;
    margin-right: 0;
    border-right: 0;
    padding-top: 0;
    /* Make more space for tombstone */
  }
}
/* line 103, ../scss/content/partials/_environments.scss */
.mathbook-content .proof:after {
  content: '';
  border-bottom: 0.1em solid rgba(0, 0, 0, 0.1);
  display: block;
  margin-left: auto;
  margin-right: -0.625em;
  /* so the corner of the L meets */
  width: 1.5em;
  padding-bottom: 0.25em;
}
/* line 131, ../scss/content/partials/_environments.scss */
.mathbook-content .hiddenproof {
  margin-bottom: 1.25em;
}
/* line 18, ../scss/shared/_heading.scss */
.mathbook-content .hiddenproof > .heading, .mathbook-content .hiddenproof > header > .heading {
  font-size: 1.0625em;
  line-height: 1.76471em;
  margin-top: 1.17647em;
  margin-bottom: 0.58824em;
  /* Support links in headings */
  /* Support knowl links in headings */
}
/* line 104, ../scss/shared/_heading.scss */
.mathbook-content .hiddenproof > .heading, .mathbook-content .hiddenproof > header > .heading {
  font-family: "CharterBT", "PT Serif", "Times New Roman", Times, serif;
  font-weight: 700;
  color: inherit;
}
/* line 51, ../scss/shared/_heading.scss */
.mathbook-content .hiddenproof > .heading:before, .mathbook-content .hiddenproof > header > .heading:before {
  display: none;
}
/* line 58, ../scss/shared/_heading.scss */
.mathbook-content .hiddenproof > .heading:after, .mathbook-content .hiddenproof > header > .heading:after {
  content: "";
}
/* line 51, ../scss/shared/_heading.scss */
.mathbook-content .hiddenproof > .heading .type:before, .mathbook-content .hiddenproof > header > .heading .type:before {
  display: none;
}
/* line 58, ../scss/shared/_heading.scss */
.mathbook-content .hiddenproof > .heading .type:after, .mathbook-content .hiddenproof > header > .heading .type:after {
  content: " ";
}
/* line 51, ../scss/shared/_heading.scss */
.mathbook-content .hiddenproof > .heading .codenumber:not(:empty):before, .mathbook-content .hiddenproof > header > .heading .codenumber:not(:empty):before {
  display: none;
}
/* line 58, ../scss/shared/_heading.scss */
.mathbook-content .hiddenproof > .heading .codenumber:not(:empty):after, .mathbook-content .hiddenproof > header > .heading .codenumber:not(:empty):after {
  content: " ";
}
/* line 51, ../scss/shared/_heading.scss */
.mathbook-content .hiddenproof > .heading .title:before, .mathbook-content .hiddenproof > header > .heading .title:before {
  display: none;
}
/* line 58, ../scss/shared/_heading.scss */
.mathbook-content .hiddenproof > .heading .title:after, .mathbook-content .hiddenproof > header > .heading .title:after {
  content: " ";
}
/* line 124, ../scss/shared/_heading.scss */
.mathbook-content .hiddenproof > .heading .type, .mathbook-content .hiddenproof > .heading .codenumber, .mathbook-content .hiddenproof > .heading .title, .mathbook-content .hiddenproof > header > .heading .type, .mathbook-content .hiddenproof > header > .heading .codenumber, .mathbook-content .hiddenproof > header > .heading .title {
  /**
   *  Hide the space after the last element,
   * defer to .heading:after instead  XX obsolete comment
   */
}
/* line 69, ../scss/shared/_heading.scss */
.mathbook-content .hiddenproof > .heading.hide-type .type, .mathbook-content .hiddenproof > header > .heading.hide-type .type {
  display: none;
}
/* line 76, ../scss/shared/_heading.scss */
.mathbook-content .hiddenproof > .heading.hide-codenumber .codenumber, .mathbook-content .hiddenproof > header > .heading.hide-codenumber .codenumber {
  display: none;
}
/* line 83, ../scss/shared/_heading.scss */
.mathbook-content .hiddenproof > .heading.hide-title .title, .mathbook-content .hiddenproof > header > .heading.hide-title .title {
  display: none;
}
/* line 26, ../scss/shared/_heading.scss */
.mathbook-content .hiddenproof > .heading a:link, .mathbook-content .hiddenproof > .heading a:visited, .mathbook-content .hiddenproof > header > .heading a:link, .mathbook-content .hiddenproof > header > .heading a:visited {
  color: black;
  color: black;
  /**
   * Better underlines using background gradients
   * See http://bit.ly/1vTg7hr
   */
  /* the better underlines were removed by David Farmer on 2/9/16
     because of various headaches  */
}
/* line 33, ../scss/shared/_heading.scss */
.mathbook-content .hiddenproof > .heading a:hover, .mathbook-content .hiddenproof > .heading a:focus, .mathbook-content .hiddenproof > header > .heading a:hover, .mathbook-content .hiddenproof > header > .heading a:focus {
  color: #1a1a1a;
  /**
   * Better underlines using background gradients
   * See http://bit.ly/1vTg7hr
   */
  /* the better underlines were removed by David Farmer on 2/9/16
     because of various headaches  */
}
/* line 40, ../scss/shared/_heading.scss */
.mathbook-content .hiddenproof > .heading a:active, .mathbook-content .hiddenproof > header > .heading a:active {
  color: #1a1a1a;
  /**
   * Better underlines using background gradients
   * See http://bit.ly/1vTg7hr
   */
  /* the better underlines were removed by David Farmer on 2/9/16
     because of various headaches  */
}
/* line 28, ../scss/content/mixins/_environment.scss */
.mathbook-content .hiddenproof > .heading *[knowl], .mathbook-content .hiddenproof > header > .heading *[knowl] {
  /* not used? */
    /*
    &:active {
        color: $brand-secondary;
        background: $bg-color;

        &:after {
            border-color: $brand-secondary;
        }
    }

    &.active {
        background: $bg-color;
    }
   */
  margin-left: -3px;
}
/* line 58, ../scss/shared/_knowl.scss */
.mathbook-content .hiddenproof > .heading *[knowl], .mathbook-content .hiddenproof > .heading *[knowl]:hover, .mathbook-content .hiddenproof > .heading *[knowl].active, .mathbook-content .hiddenproof > header > .heading *[knowl], .mathbook-content .hiddenproof > header > .heading *[knowl]:hover, .mathbook-content .hiddenproof > header > .heading *[knowl].active {
  position: relative;
  color: #2a2222;
  background: transparent;
  padding: 0px 2px 0px 2px;
  margin: 0;
  text-decoration: none;
  /* add a bottom margin so the line
   * doesn't jump onHover.
   */
  /*margin-bottom: 1px;*/
  /*border-bottom: 1px dotted $color;*/
  margin-bottom: 0;
  border-bottom: none;
  font-weight: 500;
  white-space: nowrap;
  border-top-left-radius: 3px;
  border-top-left-radius: 3px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-top-right-radius: 3px;
  border-top-right-radius: 3px;
  /* Prevent accidental text selection on click */
  user-select: none;
  user-select: none;
  user-select: none;
  user-select: none;
  transition-property: background-color;
  transition-property: background-color;
  transition-property: background-color;
  transition-property: background-color;
  transition-duration: 0ms;
  transition-duration: 0ms;
  transition-duration: 0ms;
  transition-duration: 0ms;
  /**
   * This gets us an underline that's a bit tighter with the baseline
   * instead of awkwardly floating below like a border on the parent
   */
}
/* line 90, ../scss/shared/_knowl.scss */
.mathbook-content .hiddenproof > .heading *[knowl]:after, .mathbook-content .hiddenproof > .heading *[knowl]:hover:after, .mathbook-content .hiddenproof > .heading *[knowl].active:after, .mathbook-content .hiddenproof > header > .heading *[knowl]:after, .mathbook-content .hiddenproof > header > .heading *[knowl]:hover:after, .mathbook-content .hiddenproof > header > .heading *[knowl].active:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 1px;
  right: 2.4px;
  left: 2.4px;
  /* Smooth out the transition from underline to border */
  transition-property: left, right;
  transition-property: left, right;
  transition-property: left, right;
  transition-property: left, right;
  transition-duration: 0ms;
  transition-duration: 0ms;
  transition-duration: 0ms;
  transition-duration: 0ms;
  border-bottom: 1px dotted #2a2222;
  /*@include typography-underline(*/
  /*$color,*/
  /*$underline-style: dotted,*/
  /*$underline-size: .1,*/
  /*$underline-offset: $underline-offset);*/
  /* Display under parent content, but above parent background */
  z-index: 0;
}
/* line 113, ../scss/shared/_knowl.scss */
.mathbook-content .hiddenproof > .heading *[knowl]:hover, .mathbook-content .hiddenproof > header > .heading *[knowl]:hover {
  color: black;
  background: #fdf6e2;
  text-decoration: none;
  /* See comment on default style's border/margin */
  margin-bottom: 0;
  /*border-bottom:2px solid darken($border-color, 15%);*/
  /*border-bottom: none;*/
}
/* line 123, ../scss/shared/_knowl.scss */
.mathbook-content .hiddenproof > .heading *[knowl]:hover:after, .mathbook-content .hiddenproof > header > .heading *[knowl]:hover:after {
  /*@include typography-underline(*/
  /*darken($border-color, 32.5%),*/
  /*$underline-size: .1,*/
  /*$underline-offset: $underline-offset);*/
}
/* line 18, ../scss/shared/_heading.scss */
.mathbook-content .hiddenproof > .heading, .mathbook-content .hiddenproof > header > .heading {
  display: inline;
}
/* line 153, ../scss/shared/_heading.scss */
.mathbook-content .hiddenproof > .heading + p, .mathbook-content .hiddenproof > header > .heading + p {
  display: inline;
}
/* line 156, ../scss/shared/_heading.scss */
.mathbook-content .hiddenproof > .heading + p:after, .mathbook-content .hiddenproof > header > .heading + p:after {
  /* Restore the inline paragraph's margin */
  content: "";
  display: block;
  margin-bottom: 1.25em;
}
/* line 163, ../scss/shared/_heading.scss */
.mathbook-content .hiddenproof > .heading + p:last-child:after, .mathbook-content .hiddenproof > header > .heading + p:last-child:after {
  /* Restore the inline paragraph's margin */
  margin-bottom: 0;
}
/* line 139, ../scss/content/partials/_environments.scss */
.mathbook-content .hiddenproof {
  position: relative;
  /* Cut the border up into the top margin */
  margin-top: -0.5em;
  padding-top: 0;
  margin-bottom: 1.25em;
}
/* line 18, ../scss/shared/_heading.scss */
.mathbook-content .hiddenproof > .heading, .mathbook-content .hiddenproof > header > .heading {
  font-style: italic;
  font-weight: normal;
  /* It helps to have a little bit of extra space after proof */
  margin-right: .25em;
}
@media screen and (max-width: 1199px) {
  /* line 139, ../scss/content/partials/_environments.scss */
  .mathbook-content .hiddenproof {
    /* Bring border out of the right margin */
    margin-right: 0;
  }
}
@media screen and (max-width: 640px) {
  /* line 139, ../scss/content/partials/_environments.scss */
  .mathbook-content .hiddenproof {
    /* Remove the border */
    padding: 0;
    margin-right: 0;
    border-right: 0;
    padding-top: 0;
  }
}
/* line 175, ../scss/content/partials/_environments.scss */
.mathbook-content .hiddenproof a > .heading {
  margin-top: 0px;
  margin-bottom: 0px;
}
/* line 194, ../scss/content/partials/_environments.scss */
.mathbook-content .aside-like {
  padding: 8px 15px 10px 15px;
  margin: 5px 0px 5px 10px;
  background-color: #f5faff;
  border: 2px solid #dcebfa;
}
/* line 204, ../scss/content/partials/_environments.scss */
.mathbook-content .aside-like .aside-like {
  background-color: #fafff5;
  border: 1px dotted #aaa;
}
/* line 210, ../scss/content/partials/_environments.scss */
.mathbook-content .knowl .aside-like {
  padding: 0;
  margin: 0;
  background-color: inherit;
  border: none;
}
/* line 8, ../scss/content/partials/_knowl.scss */
.mathbook-content *[knowl] {
  /* not used? */
    /*
    &:active {
        color: $brand-secondary;
        background: $bg-color;

        &:after {
            border-color: $brand-secondary;
        }
    }

    &.active {
        background: $bg-color;
    }
   */
}
/* line 58, ../scss/shared/_knowl.scss */
.mathbook-content *[knowl], .mathbook-content *[knowl]:hover, .mathbook-content *[knowl].active {
  position: relative;
  color: #2a2222;
  background: transparent;
  padding: 0px 2px 0px 2px;
  margin: 0;
  text-decoration: none;
  /* add a bottom margin so the line
   * doesn't jump onHover.
   */
  /*margin-bottom: 1px;*/
  /*border-bottom: 1px dotted $color;*/
  margin-bottom: 0;
  border-bottom: none;
  font-weight: 500;
  white-space: nowrap;
  border-top-left-radius: 3px;
  border-top-left-radius: 3px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-top-right-radius: 3px;
  border-top-right-radius: 3px;
  /* Prevent accidental text selection on click */
  user-select: none;
  user-select: none;
  user-select: none;
  user-select: none;
  transition-property: background-color;
  transition-property: background-color;
  transition-property: background-color;
  transition-property: background-color;
  transition-duration: 0ms;
  transition-duration: 0ms;
  transition-duration: 0ms;
  transition-duration: 0ms;
  /**
   * This gets us an underline that's a bit tighter with the baseline
   * instead of awkwardly floating below like a border on the parent
   */
}
/* line 90, ../scss/shared/_knowl.scss */
.mathbook-content *[knowl]:after, .mathbook-content *[knowl]:hover:after, .mathbook-content *[knowl].active:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 1px;
  right: 2.4px;
  left: 2.4px;
  /* Smooth out the transition from underline to border */
  transition-property: left, right;
  transition-property: left, right;
  transition-property: left, right;
  transition-property: left, right;
  transition-duration: 0ms;
  transition-duration: 0ms;
  transition-duration: 0ms;
  transition-duration: 0ms;
  border-bottom: 1px dotted #2a2222;
  /*@include typography-underline(*/
  /*$color,*/
  /*$underline-style: dotted,*/
  /*$underline-size: .1,*/
  /*$underline-offset: $underline-offset);*/
  /* Display under parent content, but above parent background */
  z-index: 0;
}
/* line 113, ../scss/shared/_knowl.scss */
.mathbook-content *[knowl]:hover {
  color: black;
  background: #fdf6e2;
  text-decoration: none;
  /* See comment on default style's border/margin */
  margin-bottom: 0;
  /*border-bottom:2px solid darken($border-color, 15%);*/
  /*border-bottom: none;*/
}
/* line 123, ../scss/shared/_knowl.scss */
.mathbook-content *[knowl]:hover:after {
  /*@include typography-underline(*/
  /*darken($border-color, 32.5%),*/
  /*$underline-size: .1,*/
  /*$underline-offset: $underline-offset);*/
}
/* line 22, ../scss/content/partials/_knowl.scss */
.mathbook-content .knowl-output {
  /* Since CodeMirror output contains a bunch of lines with their own padding */
}
/* line 160, ../scss/shared/_knowl.scss */
.mathbook-content .knowl-output {
  border: 1px solid #eeb211;
  background: #fffdfa;
  border-radius: 4px;
  border-radius: 4px;
  border-radius: 4px;
  margin-bottom: 1.25em;
}
/* line 196, ../scss/shared/_knowl.scss */
.mathbook-content .knowl-output .knowl-footer {
  display: none;
 /*
   font-size:x-small;
   //color: darken($border-color, 60%);
   opacity: 0.75;
   background: transparent;
   margin: 0;
   padding:0;
   padding-left: $knowl-padding;
   padding-right: $knowl-padding;
   border-top: $border-width solid $border-color;
   position:static;
   top:0;
*/
}
/* line 217, ../scss/shared/_knowl.scss */
.mathbook-content .knowl-output .knowl-content {
  /* Better to apply a margin, so that heading margins collapse */
  padding: 0;
  margin: 1.25em;
}
/* line 9, ../scss/content/partials/_code.scss */
.mathbook-content .knowl-output .code {
  position: relative;
}
/* line 3, ../scss/shared/_css_message.scss */
.mathbook-content .knowl-output .code:after {
  position: absolute;
  top: 0;
  left: 100%;
  padding: .5em;
  content: "Markup Error: .code is deprecated. Use .code-inline or .code-block.";
  color: white;
  background: red;
  opacity: .9;
  z-index: 99999;
  min-width: 200px;
  border-radius: 5px;
  border-radius: 5px;
  border-radius: 5px;
  border-top-left-radius: 0;
  border-top-left-radius: 0;
  border-top-left-radius: 0;
}
/* line 269, ../scss/shared/_typography.scss */
.mathbook-content .knowl-output .code-block,
.mathbook-content .knowl-output .CodeMirror,
.mathbook-content .knowl-output .sagecell .CodeMirror {
  font-family: "Inconsolata", "Source Code Pro", Consolas, Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace;
  background: white;
  color: inherit;
  word-break: break-all;
  word-wrap: break-word;
  border-width: 0.0625em;
  border-style: solid;
  padding: 1.1875em;
  border-color: #d6a00f;
  border-radius: 0.2em;
  border-radius: 0.2em;
  border-radius: 0.2em;
}
/* line 282, ../scss/shared/_typography.scss */
.mathbook-content .knowl-output .code-block code,
.mathbook-content .knowl-output .CodeMirror code,
.mathbook-content .knowl-output .sagecell .CodeMirror code {
  padding: 0;
  font-size: inherit;
  color: inherit;
  white-space: pre-wrap;
  background-color: transparent;
  border-radius: 0;
  border-radius: 0;
  border-radius: 0;
}
/* line 313, ../scss/shared/_typography.scss */
.mathbook-content .knowl-output .code-inline {
  margin: 0 1px;
  font-size: 0.9em;
  line-height: 1.38889em;
  white-space: nowrap;
  color: inherit;
  background: white;
  border: 1px solid #d6a00f;
  padding: 0.0625em 0.25em;
  border-radius: 0.2em;
  border-radius: 0.2em;
  border-radius: 0.2em;
}
/* line 29, ../scss/content/partials/_code.scss */
.mathbook-content .knowl-output .CodeMirror, .mathbook-content .knowl-output .sagecell .CodeMirror {
  padding: 0;
}
/* line 33, ../scss/content/partials/_knowl.scss */
.mathbook-content .knowl-output .knowl-output {
  /* Since CodeMirror output contains a bunch of lines with their own padding */
}
/* line 160, ../scss/shared/_knowl.scss */
.mathbook-content .knowl-output .knowl-output {
  border: 0.5px solid #d6a00f;
  background: white;
  border-radius: 4px;
  border-radius: 4px;
  border-radius: 4px;
  margin-bottom: 1.25em;
}
/* line 196, ../scss/shared/_knowl.scss */
.mathbook-content .knowl-output .knowl-output .knowl-footer {
  display: none;
 /*
   font-size:x-small;
   //color: darken($border-color, 60%);
   opacity: 0.75;
   background: transparent;
   margin: 0;
   padding:0;
   padding-left: $knowl-padding;
   padding-right: $knowl-padding;
   border-top: $border-width solid $border-color;
   position:static;
   top:0;
*/
}
/* line 217, ../scss/shared/_knowl.scss */
.mathbook-content .knowl-output .knowl-output .knowl-content {
  /* Better to apply a margin, so that heading margins collapse */
  padding: 0;
  margin: 1.25em;
}
/* line 9, ../scss/content/partials/_code.scss */
.mathbook-content .knowl-output .knowl-output .code {
  position: relative;
}
/* line 3, ../scss/shared/_css_message.scss */
.mathbook-content .knowl-output .knowl-output .code:after {
  position: absolute;
  top: 0;
  left: 100%;
  padding: .5em;
  content: "Markup Error: .code is deprecated. Use .code-inline or .code-block.";
  color: white;
  background: red;
  opacity: .9;
  z-index: 99999;
  min-width: 200px;
  border-radius: 5px;
  border-radius: 5px;
  border-radius: 5px;
  border-top-left-radius: 0;
  border-top-left-radius: 0;
  border-top-left-radius: 0;
}
/* line 269, ../scss/shared/_typography.scss */
.mathbook-content .knowl-output .knowl-output .code-block,
.mathbook-content .knowl-output .knowl-output .CodeMirror,
.mathbook-content .knowl-output .knowl-output .sagecell .CodeMirror {
  font-family: "Inconsolata", "Source Code Pro", Consolas, Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace;
  background: #fffdfa;
  color: inherit;
  word-break: break-all;
  word-wrap: break-word;
  border-width: 0.0625em;
  border-style: solid;
  padding: 1.1875em;
  border-color: #be8e0e;
  border-radius: 0.2em;
  border-radius: 0.2em;
  border-radius: 0.2em;
}
/* line 282, ../scss/shared/_typography.scss */
.mathbook-content .knowl-output .knowl-output .code-block code,
.mathbook-content .knowl-output .knowl-output .CodeMirror code,
.mathbook-content .knowl-output .knowl-output .sagecell .CodeMirror code {
  padding: 0;
  font-size: inherit;
  color: inherit;
  white-space: pre-wrap;
  background-color: transparent;
  border-radius: 0;
  border-radius: 0;
  border-radius: 0;
}
/* line 313, ../scss/shared/_typography.scss */
.mathbook-content .knowl-output .knowl-output .code-inline {
  margin: 0 1px;
  font-size: 0.9em;
  line-height: 1.38889em;
  white-space: nowrap;
  color: inherit;
  background: #fffdfa;
  border: 1px solid #be8e0e;
  padding: 0.0625em 0.25em;
  border-radius: 0.2em;
  border-radius: 0.2em;
  border-radius: 0.2em;
}
/* line 29, ../scss/content/partials/_code.scss */
.mathbook-content .knowl-output .knowl-output .CodeMirror, .mathbook-content .knowl-output .knowl-output .sagecell .CodeMirror {
  padding: 0;
}
/* line 49, ../scss/content/partials/_knowl.scss */
.mathbook-content .knowl-output .knowl-output .knowl-output {
  /* Since CodeMirror output contains a bunch of lines with their own padding */
}
/* line 160, ../scss/shared/_knowl.scss */
.mathbook-content .knowl-output .knowl-output .knowl-output {
  border: 0.5px solid #be8e0e;
  background: #fffdfa;
  border-radius: 4px;
  border-radius: 4px;
  border-radius: 4px;
  margin-bottom: 1.25em;
}
/* line 196, ../scss/shared/_knowl.scss */
.mathbook-content .knowl-output .knowl-output .knowl-output .knowl-footer {
  display: none;
 /*
   font-size:x-small;
   //color: darken($border-color, 60%);
   opacity: 0.75;
   background: transparent;
   margin: 0;
   padding:0;
   padding-left: $knowl-padding;
   padding-right: $knowl-padding;
   border-top: $border-width solid $border-color;
   position:static;
   top:0;
*/
}
/* line 217, ../scss/shared/_knowl.scss */
.mathbook-content .knowl-output .knowl-output .knowl-output .knowl-content {
  /* Better to apply a margin, so that heading margins collapse */
  padding: 0;
  margin: 1.25em;
}
/* line 9, ../scss/content/partials/_code.scss */
.mathbook-content .knowl-output .knowl-output .knowl-output .code {
  position: relative;
}
/* line 3, ../scss/shared/_css_message.scss */
.mathbook-content .knowl-output .knowl-output .knowl-output .code:after {
  position: absolute;
  top: 0;
  left: 100%;
  padding: .5em;
  content: "Markup Error: .code is deprecated. Use .code-inline or .code-block.";
  color: white;
  background: red;
  opacity: .9;
  z-index: 99999;
  min-width: 200px;
  border-radius: 5px;
  border-radius: 5px;
  border-radius: 5px;
  border-top-left-radius: 0;
  border-top-left-radius: 0;
  border-top-left-radius: 0;
}
/* line 269, ../scss/shared/_typography.scss */
.mathbook-content .knowl-output .knowl-output .knowl-output .code-block,
.mathbook-content .knowl-output .knowl-output .knowl-output .CodeMirror,
.mathbook-content .knowl-output .knowl-output .knowl-output .sagecell .CodeMirror {
  font-family: "Inconsolata", "Source Code Pro", Consolas, Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace;
  background: white;
  color: inherit;
  word-break: break-all;
  word-wrap: break-word;
  border-width: 0.0625em;
  border-style: solid;
  padding: 1.1875em;
  border-color: #a77d0c;
  border-radius: 0.2em;
  border-radius: 0.2em;
  border-radius: 0.2em;
}
/* line 282, ../scss/shared/_typography.scss */
.mathbook-content .knowl-output .knowl-output .knowl-output .code-block code,
.mathbook-content .knowl-output .knowl-output .knowl-output .CodeMirror code,
.mathbook-content .knowl-output .knowl-output .knowl-output .sagecell .CodeMirror code {
  padding: 0;
  font-size: inherit;
  color: inherit;
  white-space: pre-wrap;
  background-color: transparent;
  border-radius: 0;
  border-radius: 0;
  border-radius: 0;
}
/* line 313, ../scss/shared/_typography.scss */
.mathbook-content .knowl-output .knowl-output .knowl-output .code-inline {
  margin: 0 1px;
  font-size: 0.9em;
  line-height: 1.38889em;
  white-space: nowrap;
  color: inherit;
  background: white;
  border: 1px solid #a77d0c;
  padding: 0.0625em 0.25em;
  border-radius: 0.2em;
  border-radius: 0.2em;
  border-radius: 0.2em;
}
/* line 29, ../scss/content/partials/_code.scss */
.mathbook-content .knowl-output .knowl-output .knowl-output .CodeMirror, .mathbook-content .knowl-output .knowl-output .knowl-output .sagecell .CodeMirror {
  padding: 0;
}
/* line 9, ../scss/content/partials/_figure.scss */
.mathbook-content figure {
  /* maintain vertical rhythym with line-height sized trailing margin */
  margin-bottom: 1.25em;
}
/* line 14, ../scss/content/partials/_figure.scss */
.mathbook-content figure.wrap {
  float: right;
  margin-right: 0;
  /*margin-left:30px;*/
  margin-left: 1.25em;
}
/* line 20, ../scss/content/partials/_figure.scss */
.mathbook-content figure.wrap img {
  width: 250px;
}
/* line 23, ../scss/content/partials/_figure.scss */
.mathbook-content figure img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
/* line 28, ../scss/content/partials/_figure.scss */
.mathbook-content figure img.wrap {
  float: right;
  margin: 0;
}
/* line 34, ../scss/content/partials/_figure.scss */
.mathbook-content figure table {
  margin-left: auto;
  margin-right: auto;
}
/* line 43, ../scss/content/partials/_figure.scss */
.mathbook-content figcaption {
  /* We treat figcaptions just like headings */
}
/* line 104, ../scss/shared/_heading.scss */
.mathbook-content figcaption > .heading, .mathbook-content figcaption > header > .heading {
  font-family: "CharterBT", "PT Serif", "Times New Roman", Times, serif;
  font-weight: 700;
  color: inherit;
}
/* line 51, ../scss/shared/_heading.scss */
.mathbook-content figcaption > .heading:before, .mathbook-content figcaption > header > .heading:before {
  display: none;
}
/* line 58, ../scss/shared/_heading.scss */
.mathbook-content figcaption > .heading:after, .mathbook-content figcaption > header > .heading:after {
  content: ". ";
}
/* line 51, ../scss/shared/_heading.scss */
.mathbook-content figcaption > .heading .type:before, .mathbook-content figcaption > header > .heading .type:before {
  display: none;
}
/* line 58, ../scss/shared/_heading.scss */
.mathbook-content figcaption > .heading .type:after, .mathbook-content figcaption > header > .heading .type:after {
  content: " ";
}
/* line 51, ../scss/shared/_heading.scss */
.mathbook-content figcaption > .heading .codenumber:not(:empty):before, .mathbook-content figcaption > header > .heading .codenumber:not(:empty):before {
  display: none;
}
/* line 58, ../scss/shared/_heading.scss */
.mathbook-content figcaption > .heading .codenumber:not(:empty):after, .mathbook-content figcaption > header > .heading .codenumber:not(:empty):after {
  content: " ";
}
/* line 51, ../scss/shared/_heading.scss */
.mathbook-content figcaption > .heading .title:before, .mathbook-content figcaption > header > .heading .title:before {
  display: none;
}
/* line 58, ../scss/shared/_heading.scss */
.mathbook-content figcaption > .heading .title:after, .mathbook-content figcaption > header > .heading .title:after {
  content: " ";
}
/* line 124, ../scss/shared/_heading.scss */
.mathbook-content figcaption > .heading .type, .mathbook-content figcaption > .heading .codenumber, .mathbook-content figcaption > .heading .title, .mathbook-content figcaption > header > .heading .type, .mathbook-content figcaption > header > .heading .codenumber, .mathbook-content figcaption > header > .heading .title {
  /**
   *  Hide the space after the last element,
   * defer to .heading:after instead  XX obsolete comment
   */
}
/* line 69, ../scss/shared/_heading.scss */
.mathbook-content figcaption > .heading.hide-type .type, .mathbook-content figcaption > header > .heading.hide-type .type {
  display: none;
}
/* line 76, ../scss/shared/_heading.scss */
.mathbook-content figcaption > .heading.hide-codenumber .codenumber, .mathbook-content figcaption > header > .heading.hide-codenumber .codenumber {
  display: none;
}
/* line 83, ../scss/shared/_heading.scss */
.mathbook-content figcaption > .heading.hide-title .title, .mathbook-content figcaption > header > .heading.hide-title .title {
  display: none;
}
/* line 18, ../scss/shared/_heading.scss */
.mathbook-content figcaption > .heading > .heading, .mathbook-content figcaption > .heading > header > .heading, .mathbook-content figcaption > header > .heading > .heading, .mathbook-content figcaption > header > .heading > header > .heading {
  display: inline;
}
/* line 153, ../scss/shared/_heading.scss */
.mathbook-content figcaption > .heading > .heading + p, .mathbook-content figcaption > .heading > header > .heading + p, .mathbook-content figcaption > header > .heading > .heading + p, .mathbook-content figcaption > header > .heading > header > .heading + p {
  display: inline;
}
/* line 156, ../scss/shared/_heading.scss */
.mathbook-content figcaption > .heading > .heading + p:after, .mathbook-content figcaption > .heading > header > .heading + p:after, .mathbook-content figcaption > header > .heading > .heading + p:after, .mathbook-content figcaption > header > .heading > header > .heading + p:after {
  /* Restore the inline paragraph's margin */
  content: "";
  display: block;
  margin-bottom: 1.25em;
}
/* line 163, ../scss/shared/_heading.scss */
.mathbook-content figcaption > .heading > .heading + p:last-child:after, .mathbook-content figcaption > .heading > header > .heading + p:last-child:after, .mathbook-content figcaption > header > .heading > .heading + p:last-child:after, .mathbook-content figcaption > header > .heading > header > .heading + p:last-child:after {
  /* Restore the inline paragraph's margin */
  margin-bottom: 0;
}
/* line 50, ../scss/content/partials/_figure.scss */
.mathbook-content figcaption {
  font-size: 1em;
  line-height: 1.25em;
  margin: 0 auto;
  padding-left: 2em;
  margin-top: 1.25em;
}
/* line 60, ../scss/content/partials/_figure.scss */
.mathbook-content figcaption.wrap {
  margin-left: 0.125em;
  margin-right: 0.125em;
  text-align: center;
}
/* line 3, ../scss/content/partials/_table.scss */
.mathbook-content table {
  border-collapse: collapse;
}
/* line 7, ../scss/content/partials/_table.scss */
.center .mathbook-content table {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
/* line 13, ../scss/content/partials/_table.scss */
.mathbook-content table td {
  padding: 2px;
  padding-left: 5px;
  padding-right: 5px;
  font-size: 90%;
}
/* line 19, ../scss/content/partials/_table.scss */
.mathbook-content table td.hline {
  padding-left: 0px;
  padding-right: 0px;
}
/* line 24, ../scss/content/partials/_table.scss */
.mathbook-content table td.hlinethick {
  padding-left: 0px;
  padding-right: 0px;
}
/* line 29, ../scss/content/partials/_table.scss */
.mathbook-content table td.hline hr {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: -1px;
  margin-right: -1px;
  border: 1px solid black;
}
/* line 37, ../scss/content/partials/_table.scss */
.mathbook-content table td.hlinethick hr {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: -1px;
  margin-right: -1px;
  border: 2px solid black;
}
/* line 48, ../scss/content/partials/_table.scss */
.mathbook-content table td.onesubject {
  font-size: 120%;
}
/* line 9, ../scss/content/partials/_code.scss */
.mathbook-content .code {
  position: relative;
}
/* line 3, ../scss/shared/_css_message.scss */
.mathbook-content .code:after {
  position: absolute;
  top: 0;
  left: 100%;
  padding: .5em;
  content: "Markup Error: .code is deprecated. Use .code-inline or .code-block.";
  color: white;
  background: red;
  opacity: .9;
  z-index: 99999;
  min-width: 200px;
  border-radius: 5px;
  border-radius: 5px;
  border-radius: 5px;
  border-top-left-radius: 0;
  border-top-left-radius: 0;
  border-top-left-radius: 0;
}
/* line 269, ../scss/shared/_typography.scss */
.mathbook-content .code-block,
.mathbook-content .CodeMirror,
.mathbook-content .sagecell .CodeMirror {
  font-family: "Inconsolata", "Source Code Pro", Consolas, Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace;
  background: #eee;
  color: inherit;
  word-break: break-all;
  word-wrap: break-word;
  border-width: 0.0625em;
  border-style: solid;
  padding: 1.1875em;
  border-color: #ddd;
  border-radius: 0.2em;
  border-radius: 0.2em;
  border-radius: 0.2em;
}
/* line 282, ../scss/shared/_typography.scss */
.mathbook-content .code-block code,
.mathbook-content .CodeMirror code,
.mathbook-content .sagecell .CodeMirror code {
  padding: 0;
  font-size: inherit;
  color: inherit;
  white-space: pre-wrap;
  background-color: transparent;
  border-radius: 0;
  border-radius: 0;
  border-radius: 0;
}
/* line 313, ../scss/shared/_typography.scss */
.mathbook-content .code-inline {
  margin: 0 1px;
  font-size: 0.9em;
  line-height: 1.38889em;
  white-space: nowrap;
  color: inherit;
  background: #eee;
  border: 1px solid #ddd;
  padding: 0.0625em 0.25em;
  border-radius: 0.2em;
  border-radius: 0.2em;
  border-radius: 0.2em;
}
/* line 29, ../scss/content/partials/_code.scss */
.mathbook-content .CodeMirror, .mathbook-content .sagecell .CodeMirror {
  padding: 0;
}
/* line 4, ../scss/content/partials/_bib.scss */
.mathbook-content .bib {
  /*margin-bottom:10px;*/
  margin-bottom: 1em;
}
/* line 10, ../scss/content/partials/_bib.scss */
.mathbook-content .bibitem {
  display: inline;
  font-weight: bold;
  margin-right: 1em;
}
/* line 16, ../scss/content/partials/_bib.scss */
.mathbook-content .bibitem + .bibentry {
  display: inline;
}

/*******************************************************************************
 * END MATHBOOK CONTENT PREFIXED
 ******************************************************************************/

/* CSS defult values:
https://www.w3schools.com/cssref/css_default_values.asp
*/

/* the default margin for pre is "1em 0", so we over-ride
so that we can set our own later */
pre {
    margin: 0;
}

/* this needs to be first, because we want any background to
   over-rule this.
   this is for the "layering" of asides and other
*/

.mathbook-content p {
    background-color: #fff; 
/*    box-shadow: 0 0 0.5em 0.2em #fff;
    put this back after the major CSS refactor
*/
}
.mathbook-content .heading, .mathbook-content pre {
    background-color: #fff; 
}

/* un-do the above for environments with colored background */
.mathbook-content .assemblage-like p,
.mathbook-content .assemblage-like .heading,
.mathbook-content .assemblage-like pre,
.mathbook-content .aside-like p,
.mathbook-content .aside-like .heading,
.mathbook-content .aside-like pre,
.mathbook-content .knowl-output p, 
.mathbook-content .knowl-output .heading,
.mathbook-content .knowl-output pre,
.mathbook-content *[knowl] p,
.mathbook-content *[knowl] .heading,
.mathbook-content *[knowl] pre {
    background-color: inherit; 
    box-shadow: none;
}

body > a.assistive {
	padding:6px;
	position: absolute;
	top:-40px;
	left:0px;
	color:white;
	border-right:1px solid white;
	border-bottom:1px solid white;
	border-bottom-right-radius:8px;
	background:transparent;
	-webkit-transition: top 1s ease-out, background 1s linear;
    transition: top 1s ease-out, background 1s linear;
    z-index: 100;
}

body > a.assistive:focus {
	position:absolute;
	left:0px;
	top:0px;
	background:#BF1722;
	outline:0;	
	-webkit-transition: top .1s ease-in, background .5s linear;
    transition: top .1s ease-in, background .5s linear;
}


/* newer, small top nav buttons */
#masthead.smallbuttons #primary-navbar .navbar-top-buttons .toolbar-align-right .toolbar-item-middle {
    float: left;
    padding: 3px 6px 3px 6px;
    margin: 4px 10px 0px 10px;
    margin: 4px 10px 0px 195px;
    border: 1px solid #800;
    background-color: #ffe5e5;
    font-size: 90%;
}

#masthead.smallbuttons #primary-navbar .navbar-top-buttons .toolbar-align-right .toolbar-item-middle a {
    text-decoration: none;
    color: #024;
}

#masthead.smallbuttons {
    max-width: 904px;
    border-right: 1px solid #bababa;
}

/*
 * .navbar #primary-navbar {
 *     background: #fafafa;
 *         border-bottom: none;
 *         }
 *         */
#masthead.smallbuttons #primary-navbar .navbar-top-buttons {
    border-bottom: 1px solid #bababa;
}
#masthead.smallbuttons .banner {
    border-bottom: none;
}

#masthead.smallbuttons #primary-navbar .navbar-top-buttons .toolbar-divisor-3 .button {
    border-top: 1px solid #bababa;
}

#masthead.smallbuttons #primary-navbar .navbar-top-buttons .toolbar-divisor-3 {
    background-color: #fafafa;
}
#masthead.smallbuttons #primary-navbar .navbar-top-buttons .toolbar-divisor-3 .index-button {
    width: 70px;
    text-align: center;
    border-right: 1px solid #bababa;
}
#masthead.smallbuttons #primary-navbar .navbar-top-buttons .toolbar-divisor-3 .up-button {
    width: 60px;
    float: right;
    border-right: 1px solid #bababa;
}
#masthead.smallbuttons #primary-navbar .navbar-top-buttons .toolbar-divisor-3 .up-button:before {
    text-align: left;
    width: 20px;
}
#masthead.smallbuttons #primary-navbar .navbar-top-buttons .toolbar-divisor-3 .previous-button.toolbar-item {
    width: 70px;
    border-right: none;
    float: right;
}
/* extra .toolbar-item to overrive mathbook-add-on */
#masthead.smallbuttons #primary-navbar .navbar-top-buttons .toolbar-divisor-3 .previous-button.toolbar-item {
    border-left: 1px solid #bababa;
    padding-right: 3px;
}
#masthead.smallbuttons #primary-navbar .navbar-top-buttons .toolbar-divisor-3 .next-button {
    width: 70px;
    float: right;
    border-right: 1px solid #bababa;
}
#masthead.smallbuttons #primary-navbar .previous-button::before {
    width: 27px;
}
#masthead.smallbuttons #primary-navbar .next-button::after {
    width: 25px;
}

#masthead.smallbuttons #primary-navbar .threebuttons {
    float: right;
}

#masthead.smallbuttons #primary-navbar .navbar-top-buttons .toolbar-divisor-3 .threebuttons .next-button, #masthead.smallbuttons #primary-navbar .navbar-top-buttons .toolbar-divisor-3 .threebuttons .up-button, #masthead.smallbuttons #primary-navbar .navbar-top-buttons .toolbar-divisor-3 .threebuttons .previous-button {
    float: left;
}

.collectedworks .knowl-output {
    border: 12px 
    solid #D6E3FF;
    background: none repeat scroll 0% 0% #FAFCFF;
    border-radius: 4px;
    margin-bottom: 1.25em;
}

.collectedworks .subjectwork {
    max-width: 750px;
}

.collectedworks .bib {
    margin-bottom: 1em;
}

.collectedworks .bibitem + .bibentry {
    display: inline;
}

.collectedworks .bibitem {
    display: inline;
    font-weight: bold;
    margin-right: 1em;
}

/* see http://mathbook.pugetsound.edu/examples/sample-book/html/references-1.html */
.mathbook-content .bibitem + .bibentry {
    display: inline-block;
    width: 90%;
}
.mathbook-content .bibitem {
    display: inline-block;
    vertical-align: top;
    width: 7%;
    margin-right: 0;
}
/*
.mathbook-content .bibitem {
    float: left;
}
.mathbook-content .bibitem {
    clear: left;
}
*/

#primary-navbar .toolbar .toolbar-item a {
    text-decoration: none;
}

#primary-navbar .navbar-top-buttons .toolbar-align-right .toolbar-item {
   /* for the prev/next svg from SL2X */
    margin-top: -8px;
    border-left: 0;
}

#primary-navbar .navbar-top-buttons .toolbar-align-right {
   /* also for the prev/next svg from SL2X */
    border-right: 0;
}

#primary-navbar .navbar-top-buttons .toolbar-align-right .toolbar-item-left {
    float: left;
    padding: 3px 6px 3px 6px;
    margin: 4px 10px 0px 5px;
    border: 1px solid #aaf;
    background-color: #def;
/*
    border: 1px solid #aaf;
    margin: 8px 10px 0px 10px;
*/
    font-size: 90%;
}

#primary-navbar .navbar-top-buttons .toolbar-align-right .toolbar-item-left a {
    text-decoration: none;
    color: #00a;
/*
    padding: 3px 6px 3px 6px;
    margin: 4px 10px 0px 5px;
    margin: 0;
    border: 1px solid #aaf;
    background-color: #def;
*/
}


#feedback {position: relative;
        margin-top: 30px; /* negative value of footer height */
        height: 30px;
        margin-left: 30px;
        font-size: 70%;
        text-align: bottom;
        clear:both;
} 

.mathbook-content figure figcaption {
    font-weight: normal;
}

.mathbook-content figure figcaption {
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    font-size: 100%;
/*  Commenting this out because the initial letter of some captions were cut off
    text-indent: -30px;
*/
}

.mathbook-content figure figcaption .heading, .mathbook-content figure figcaption .codenumber {
    font-weight: 700;
}

.mathbook-content figure figcaption .heading:after {
    content: " ";
}

.mathbook-content figure figcaption .codenumber:after {
    content: ".\2002";  /* en space */
}

.mathbook-content figure figcaption .codenumber:last-child:after {
    display: inline;
    content: ". ";
}

.mathbook-content .definition-like p > em {
    font-weight: 700;
}
.mathbook-content em.alert {
    font-weight: bold;
}

.unprocessed {
    padding: 8px;
    background-color: rgb(255,230,230)
}

.unprocessed .unprocessed {
    margin: 8px;
    background-color: rgb(255,200,255)
}

.unprocessed .unprocessed .unprocessed {
    margin: 8px;
    background-color: rgb(205,205,255)
}

/* does this apply anywhere? */

/*
*[knowl] {
  border-bottom: 1px dotted #00a;
}
*/

#toc h2 + h2 {
    margin-top: 0.3em;
}

h2:last-child {
/* for the chapter pages with section links at the bottom */
    margin-bottom: 100px;
}

.mathbook-content section h2 a {
    text-decoration: none;
}

.mathbook-content section.introduction {
    margin-bottom: 2em;
}

.mathbook-content {
    margin: 0;
}

.mathbook-content .paragraphs .heading {
    display: inline;
}

.mathbook-content .paragraphs .heading .title:not(:empty):after {
    content: ".\2002";  /* en space */
}

.mathbook-content .paragraphs .heading + p {
    display: inline;
}

/* obsolete once paragraph spacing refactored */
.mathbook-content .paragraphs .heading + p:after {
    content: "";
    display: block;
    margin-bottom: 1.25em;
}
.mathbook-content .paragraphs p:last-child::after {
    margin-bottom: 0;
}


/* the next are to avoid styping a p as inline, because
 * inline styling messes up the meaning of line-height.
 * */

.mathbook-content .paragraphs p .title {
    font-family: "PT Serif", "Times New Roman", Times, serif;
    font-size: 1.125em;
    font-weight: 700;
}

.mathbook-content .paragraphs p .title:after {
    content: ".\2002";
}

.mathbook-content .paragraphs p .heading {
    display: inline;
}

.mathbook-content section .paragraphs .heading {
    margin-top: 0;
}

.mathbook-content section .paragraphs {
    margin-top: 0em;
}

.mathbook-content section .paragraphs + .paragraphs {
    margin-top: 3em;
}

.mathbook-content h6 {
    line-height: 1em;
    margin-bottom: 0.5em;
}

.mathbook-content .sidebyside > p, .mathbook-content .sidebyside > figure, .mathbook-content .sidebyside > img, .mathbook-content .sidebyside > table, .mathbook-content .sidebyside > tabular, .mathbook-content .sidebyside > .paragraphs {
    display: inline-block;
    margin: 0;
}

.mathbook-content .sidebyside > figure:after {
     content:'';
}

.mathbook-content .sidebyside figcaption {
    font-weight: normal;
    padding-left: 1em; 
    padding-right: 0;
    padding-bottom: 1.5em;
    margin: 0.75em 0 0 0;
}

.mathbook-content .sidebyside figcaption .heading, .mathbook-content .sidebyside figcaption .codenumber {
    font-weight: 700;
}

.mathbook-content .sidebyside figcaption .heading:after {
    content: "\00a0";
}

.mathbook-content figcaption .codenumber{
    font-family: "PT Serif", "Times New Roman", Times, serif;
}
.mathbook-content .sidebyside figcaption .codenumber:after {
    content: ".\2002";  /* en space */
}

.mathbook-content .sidebyside figcaption .codenumber:last-child:after {
    display: inline;
    content: ". ";
}


.mathbook-content .sidebyside > p {   /* what about sbspanel? */
    width: 32%;
    vertical-align: top;
}

.mathbook-content .sidebyside > p.left, .mathbook-content .sidebyside > p.middle, .mathbook-content .sidebyside > p.right {
    vertical-align: middle;
}

.mathbook-content .sidebyside > p + img {
    vertical-align: middle;
}

.mathbook-content .sidebyside {
    margin-bottom: 1em;
}
.mathbook-content .sidebyside p:only-child {
    margin-bottom: 0;
}
.mathbook-content .sidebyside p:last-child {
    margin-bottom: 0;
}


.mathbook-content .sidebyside .sbsrow .sbsheader {
    margin-top: 0;
}

/*
.mathbook-content .sidebyside {
    text-align: justify;
}
*/

/* Deleted on 9/12/16 because it caused a blank line.
   Figure out when it was supposed to do, and do it another way.

.mathbook-content .sidebyside:after {
    display:inline-block;
    width:100%;
    content:'';
}
*/

.mathbook-content .sbsgroup {
    width: 100%;
}

.mathbook-content .sidebyside {
    width: 100%;
}

/* see Ex 29 https://yoshiwarabooks.org/linear-functions.html  */
.mathbook-content p + .sidebyside {
    margin-top: 1em;
}

.mathbook-content .sbsrow {
    display: flex;
    justify-content: space-between;
}
/*
.mathbook-content .sbsrow:last-child {
    padding-bottom: 1em;
}
*/

/* Components of three types of "sbsrow" */

/* titles, totally centered text */
.mathbook-content .sbsheader {
/*
    display: flex;
*/
    text-align: center;
    justify-content: center;
}

/* containers of desired width for actual content */
.mathbook-content .sbspanel {
    display: flex;
    flex-direction: column;
}

/* fixed-width items are centered horizontally in their panel */
/* always used in conjunction with sbspanel                   */
.mathbook-content .fixed-width {
    align-items: center;
}

/* captions, centered until word-wrapped */
.mathbook-content .sbscaption {
/*
    display: flex;
*/
    justify-content: center;
}





table {
    border-spacing: 0;
}

/*
table {
    border-collapse: collapse;
}

table tr td {
    padding: 2px;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 90%;
}
*/

.mathbook-content table tr td.l {
    text-align: left;
}
.mathbook-content table tr td.c {
    text-align: center;
}
.mathbook-content table tr td.r {
    text-align: right;
}
.mathbook-content table tr td.j {
    text-align: justify;
}
.mathbook-content table tr td.lines {
        white-space: nowrap;
}


.mathbook-content table tr td.t {
    vertical-align: top;
}
.mathbook-content table tr td.b {
    vertical-align: bottom;
}
.mathbook-content table tr td.m {
    vertical-align: middle;
}

.mathbook-content table tr td.vv {
    border-left: 2px solid #000;
    border-right: 2px solid #000;
}

.mathbook-content table tr td.vcv {
    border-left: 2px solid #000;
    border-right: 2px solid #000;
    text-align: center;
}

.mathbook-content table tr td.vcvv {
    border-left: 2px solid #000;
    border-right: 4px solid #000;
    text-align: center;
}

.mathbook-content table tr td.vlv {
    border-left: 2px solid #000;
    border-right: 2px solid #000;
    text-align: left;
}

.mathbook-content table tr td.vrv {
    border-left: 2px solid #000;
    border-right: 2px solid #000;
    text-align: right;
}

.mathbook-content table tr td.rv {
    border-right: 2px solid #000;
    text-align: right;
}

.mathbook-content table tr td.vr {
    border-left: 2px solid #000;
    text-align: right;
}

.mathbook-content table tr td.lv {
    border-right: 2px solid #000;
    text-align: left;
}

.mathbook-content table tr td.vl {
    border-left: 2px solid #000;
    text-align: left;
}
.mathbook-content table tr td.cv {
    border-right: 2px solid #000;
    text-align: center;
}

.mathbook-content table tr td.Xv {
    border-right: 2px solid #000;
    text-align: left;
}

.mathbook-content table tr td.vc {
    border-left: 2px solid #000;
    text-align: center;
}

.mathbook-content table tr td.hline {
    padding: 0;
}

.mathbook-content table tr td.hlinethick {

    padding-left: 0px;
    padding-right: 0px;

}

.mathbook-content table tr td.hline hr  {

    margin-top:0;
    margin-bottom:0;
    margin-left: -1px;
    margin-right: -1px;
    border: 1px solid rgb(0,0,0);

}

.mathbook-content table tr td.hlinethick hr  {

    margin-top:0;
    margin-bottom:0;
    margin-left: -1px;
    margin-right: -1px;
    border: 2px solid rgb(0,0,0);

}


.center table { 
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}


.mathbook-content table tr td.b1 {
    border-bottom: 1px solid #000;
}
.mathbook-content table tr td.b2 {
    border-bottom: 2px solid #000;
}
.mathbook-content table tr td.b3 {
    border-bottom: 3px solid #000;
}
.mathbook-content table tr td.b0 {
    border-bottom: none;
}

.mathbook-content table tr td.t1 {
    border-top: 1px solid #000;
}
.mathbook-content table tr td.t2 {
    border-top: 2px solid #000;
}
.mathbook-content table tr td.t3 {
    border-top: 3px solid #000;
}
.mathbook-content table tr td.t0 {
    border-top: none;
}

.mathbook-content table tr td.r1 {
    border-right: 1px solid #000;
}
.mathbook-content table tr td.r2 {
    border-right: 2px solid #000;
}
.mathbook-content table tr td.r3 {
    border-right: 3px solid #000;
}
.mathbook-content table tr td.r0 {
    border-right: none;
}


.mathbook-content table tr td.l1 {
    border-left: 1px solid #000;
}
.mathbook-content table tr td.l2 {
    border-left: 2px solid #000;
}
.mathbook-content table tr td.l3 {
    border-left: 3px solid #000;
}
.mathbook-content table tr td.l0 {
    border-left: none;
}

.mathbook-content table tr td p {
    margin-bottom: 0;
}

.mathbook-content table tr td p + p {
    margin-top: 1em;
}

.mathbook-content table + p {
    margin-top: 20px;
}

.mathbook-content table tr td span.decimal {
    float: left;
    text-align: right;
}

.mathbook-content table + article.theorem-like {
    margin-top: 1em;
}

.mathbook-content ol li p, .mathbook-content ul li p {
    margin-bottom: 0;
}

/*  alternate method below seems more robust
.mathbook-content ol li + li, .mathbook-content ul li + li {
    margin-top: 0.5em;
}
*/

/* redo when refactoring p spacing */
.mathbook-content p + ol, .mathbook-content p + ul {
    margin-top: -0.5em;
}
.mathbook-content ol li, .mathbook-content ul li {
    margin-top: 0.5em;
}

.mathbook-content ol li ol, .mathbook-content ol li ul,  .mathbook-content ul li ol, .mathbook-content ul li ul {
    margin-top: 0.5em;
}

.mathbook-content ol li p + p, .mathbook-content ul li p + p {
    margin-top: 1em;
}

.mathbook-content article .heading + dl {
    margin-top: 1em;
}

.mathbook-content dl dd p {
    margin-bottom: 0.5em;
}

.mathbook-content dl dd *:last-child {
    margin-bottom: 0;
}

.mathbook-content dl dt, .mathbook-content dl dd {
    margin-top: 1em;
}

.mathbook-content dl dt:first-of-type, .mathbook-content dl dd:first-of-type {
    margin-top: 0;
}

.mathbook-content .hidden-knowl-wrapper .hiddenproof  {
    margin-top: 0;
}

.mathbook-content .hidden-knowl-wrapper article {
    display: inline;
}

/* things like knowlified examples */
.mathbook-content section > .hidden-knowl-wrapper {
    margin-bottom: 1em;
}

.mathbook-content  .theorem-like + .hidden-knowl-wrapper {
    margin-top: -0.5em;
}   

.mathbook-content .hiddenproof > .heading::after {
    content: "."
}

.amathbook-content figure.figure-like {
    overflow: auto;
}
.mathbook-content figure.figure-like {
/*
    margin-left: 0;
    margin-right: 0;
*/
    margin-left: auto;
    margin-right: auto;
}
/*
.mathbook-content .sbscaption {
    width: 100%! important;
}
*/

.mathbook-content figure.figure-like figcaption {
    overflow: hidden;
}

/* need to fix this in the main CSS code */
.mathbook-content  .proof {
    padding-top: 0;
}

.mathbook-content .knowl p:last-of-type {
    margin-bottom: 0;
}

/* not sure where this was being used, but it made short knowls
 * look bad, like the hint here:
 * SAFurtherReading.html
.mathbook-content .knowl-output .knowl-content {
    margin-bottom: 0.5em;
}
*/

.mathbook-content tt {
    font-size: 1.4em;
    margin-left: 0.2em;
    margin-right: 0.2em;
}

.mathbook-content section .videolink a:link {
    background-size: 0;
    text-decoration: none;
}

.mathbook-content .exercise-like ol li table {
    margin-bottom: 0.5em;
}

.mathbook-content .exercise-like > ol li + li {
    margin-top: 0.5em;
}
.mathbook-content .solution > ol li + li {
    margin-top: 0.5em;
}

.mathbook-content section header .heading a.permalink {
    opacity: 0.1;
    font-size: 70%;
    color: #d00;
    text-decoration: none;
    display: inline-block;
}

.mathbook-content section header .heading {
  display: inline-block;
}
.mathbook-content section header .heading + a.permalink {
    opacity: 0.2;
    color: #d00;
    font-weight: bold;
    text-decoration: none;
    display: inline-block;
    margin-left: 0.5em;
}
.mathbook-content section.subsection header .heading + a.permalink {
    font-size: 90%;
}
.mathbook-content section.subsubsection header .heading + a.permalink {
    font-size: 80%;
}


/*
.mathbook-content .heading a.permalink:after {
    content: "permalink";
    opacity: 0;
    font-size: 50%;
    font-weight:normal;
    font-family: sans-serif;
    text-decoration: none;
}
*/

.mathbook-content .heading a.permalink:hover {
    opacity: 1;
    color: #a32;
}

/*
.mathbook-content .heading a.permalink:hover:after {
    opacity: 1;
}
*/

.mathbook-content .heading a.permalink:focus {
    opacity: 1;
    color: #a32;
}
/*
.mathbook-content .heading a.permalink:focus:after {
    opacity: 1;
}
*/

.mininav {
    float: left;
    padding-top: 0.7ex;
    padding-left: 1ex;
}
.indexnav {
    margin-left: 1.5ex;
    margin-top: 0.2ex;
    padding-top: 0;
/*    display: inline;
 *     *    ooooooo
 *      *    */
    float: left;
    line-height: 0.95;
}

.indexnav a {
    text-decoration: none;
    padding-left: 2.5px;
    width: 2.5ex;
/*
 *  *  omitted, because we put a space in the source
 *      padding-right: 3px;
 *      */
    margin-right: -1px;
    color: inherit;
    font-size: 80%;
    display: inline-block;
    text-align: center;
}
.indexnav a::after{
    content: "";
    display: inline-block;
}
.indexnav a:nth-of-type(14){
    padding-left: 1.8ex;
}

.indexnav a:hover {
    background: #eeaaff;
}



.mathbook-content .indexitem {
    margin-top: 2px;
}

.mathbook-content .subindexitem {
    margin-left: 2em;
    font-size: 95%;
    margin-top: -1px;
}

.mathbook-content .subsubindexitem {
    margin-left: 3.5em;
    font-size: 95%;
    margin-top: -1px;
}

.mathbook-content .indexknowl {
    margin-left: 0.11em;
}
.mathbook-content em + .indexknowl  {
    margin-left: -0.25em;
}
.mathbook-content .indexknowl a {
    margin-left: 2em;
}
.mathbook-content .indexitem i,
.mathbook-content .subindexitem i,
.mathbook-content .subsubindexitem i {
    margin-left: 1em;
    margin-right: 0.25em;
}

/* temporary, to over-ride the misguided .indexitem i  above */
.mathbook-content b i {
    margin: 0 !important;
}

.mathbook-content .indexitem .see,
.mathbook-content .subindexitem .see,
.mathbook-content .subsubindexitem .see {
    margin-left: 1em;
    margin-right: 0.5em;
}

.mathbook-content .indexitem .indexknowl {
    font-size: 90%;
}

/*
.mathbook-content .indexitem a {
    font-size: 90%;
}
*/

.mathbook-content .indexitem [knowl], .mathbook-content .subindexitem [knowl], .mathbook-content .indexitem [knowl]:hover {
    padding-right: 2px;
    padding-left: 2px;
}
.mathbook-content .indexknowl [knowl]:hover, .mathbook-content .indexknowl .active[knowl] {
    margin-left: 2em;
}

.mathbook-content .subindexitem .indexknowl {
    font-size: 95%;
}
.mathbook-content .subsubindexitem .indexknowl {
    font-size: 95%;
}

/*
.mathbook-content .indexletter {
    margin-top: 1em;
    font-size: 170%;
    font-weight: bold;
}
*/
.mathbook-content .indexletter {
    margin-top: 1.5em;
}

/*
.mathbook-content .indexknowl + .indexknowl{
    margin-left: 1em;
}
*/

/*
.mathbook-content section #hk-exercise-essay article {
    display: inline;
}
*/

.mathbook-content .hidden-knowl-wrapper .heading {
    display: inline;
}
.mathbook-content .heading + .hidden-knowl-wrapper {
    display: inline;
}
.mathbook-content article .hidden-knowl-wrapper {
    display: inline;
}

.mathbook-content .cols2 .knowl-output, .mathbook-content .cols3 .knowl-output, .mathbook-content .cols4 .knowl-output, .mathbook-content .cols5 .knowl-output, .mathbook-content .cols5 .knowl-output {
    width: 100%;
}

.mathbook-content .cols2 + *, .mathbook-content .cols3 + *, .mathbook-content .cols4 + *, .mathbook-content .cols5 + *, .mathbook-content .cols6 + * {
    clear: both;
}
.mathbook-content .cols2 > li:last-child, .mathbook-content .cols3 > li:last-child, .mathbook-content .cols4 > li:last-child, .mathbook-content .cols5 > li:last-child, .mathbook-content .cols6 > li:last-child{
    margin-bottom: 1.5em;
}
/* see elsewhere for discussion about bargin bottom for hints */
.mathbook-content .exercise-like .cols2 > li:last-child, .mathbook-content .exercise-like .cols3 > li:last-child, .mathbook-content .exercise-like .cols4 > li:last-child, .mathbook-content .exercise-like .cols5 > li:last-child, .mathbook-content .exercise-like .cols6 > li:last-child{
    margin-bottom: 0;
}

.mathbook-content ol.cols2:last-child > li:last-child, .mathbook-content ol.cols3:last-child > li:last-child, .mathbook-content ol.cols4:last-child > li:last-child, .mathbook-content ol.cols5:last-child > li:last-child, .mathbook-content ol.cols6:last-child > li:last-child, .mathbook-content ul.cols2:last-child > li:last-child, .mathbook-content ul.cols3:last-child > li:last-child, .mathbook-content ul.cols4:last-child > li:last-child, .mathbook-content ul.cols5:last-child > li:last-child, .mathbook-content ul.cols6:last-child > li:last-child {
    margin-bottom: 0;
}

.mathbook-content .cols2:last-child::after, .mathbook-content .cols3:last-child::after, .mathbook-content .cols4:last-child::after, .mathbook-content .cols5:last-child::after, .mathbook-content .cols6:last-child::after {
    content: "";
    display: block;
    clear: both;
}

.mathbook-content .cols2 li:nth-child(2n+1) {
    clear: left;
}
.mathbook-content .cols3 li:nth-child(3n+1) {
    clear: left;
}
.mathbook-content .cols4 li:nth-child(4n+1) {
    clear: left;
}
.mathbook-content .cols5 li:nth-child(5n+1) {
    clear: left;
}
.mathbook-content .cols6 li:nth-child(6n+1) {
    clear: left;
}
/* need to repeat for .colsN */
.mathbook-content .exercise-like ol.cols2 li {
    margin-top: 0.5em;
}

/* need to rethink paragraph spacing and have margin-top instead of margin-bottom,
 so that hints in exercises don't have a lot of extra space above them */

.mathbook-content .exercise-like > .heading + p::after {  
    margin-bottom: 0;
}
.mathbook-content .exercise-like p + p {  
    margin-top: 1.25em;
}
/* 1.25 = ol top + li top ?  looked too big with 0.75 below */
.mathbook-content .exercise-like p + ol {  
    margin-top: 0.5em;
}
.mathbook-content .exercise-like ol {  
    margin-bottom: 0;
}

/* see http://bob.cs.sonoma.edu/IntroCompOrg-RPi/exercises-10.html
  for examples of an odd number of items in a cols2, followed by
  a hint */
.mathbook-content .cols2 li:last-child:nth-child(odd) {
    float: none !important;
    padding-top: 0.5em;
}

.mathbook-content .incontext {
    display: block;
    font-size: 85%;
    text-align: right;
    margin-bottom: -1.0em;
}

.mathbook-content .terminology {
  font-style: italic;
  font-weight: bold;
}

/* the "pink flash" when navigating to a target
*/
:target {
    -webkit-animation: target-fade 10s 1;
    -moz-animation: target-fade 10s 1;
}

@-webkit-keyframes target-fade {
    0% { background-color: rgba(120,0,120,.3); }
    100% { background-color: inherit;
           opacity: 1; }
}
@-moz-keyframes target-fade {
    0% { background-color: rgba(120,0,120,.3); }
    100% { background-color: inherit;
           opacity: 1; }
}

/*
.mathbook-content .autoterm {
    display: inline;
}
*/

.mathbook-content .autoterm [knowl], .mathbook-content .autoterm [knowl]:after {
    font-weight: inherit;
    color: inherit;
    padding: 0;
    margin-bottom: inherit;
    border-bottom: inherit;
    border-bottom-color: inherit;
}

/*
.mathbook-content .autoterm [knowl]:hover {
    background: inherit;
    border-bottom: inherit;
}

.mathbook-content .autoterm [knowl]:hover {
    background: #eebbff;
    border-bottom: 1px dotted red;
}
*/

/*
.mathbook-content .autoterm .active[knowl] {
    background: inherit;
}
*/

.mathbook-content .autoterm [knowl]:hover {
    background: #ffddff;
    border-top: 2px dotted purple;
    border-bottom: 1px dotted red;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.has-sidebar-left #primary-navbar-sticky-wrapper .navbar-top-buttons .toolbar, .has-sidebar-left #primary-navbar .navbar-top-buttons .toolbar {
     border-right: 0;
}

#primary-navbar .toolbar.toolbar-divisor-3 > .toolbar-item:last-child, #primary-navbar-sticky-wrapper .toolbar.toolbar-divisor-3 > .toolbar-item:last-child {
    border-right: 1px solid #bababa;
}

.mathbook-content ol li.custom-list-style-type {
    list-style-type: none;
}

.mathbook-content ol li.custom-list-style-type:before {
     content: attr(label) "\00A0\00A0 ";
}

/* The dl should behave more like the default on a narrow screen,
 * with the term and definition on separate lines.
 */

.mathbook-content dl.description-list {
    margin-left: 0;
}

.mathbook-content dl.description-list dt {
    float: left;
    clear: left;
    text-align: right;
    width: 18ex;
}
.mathbook-content dl.description-list dd {
    margin-left: 22ex;
}

.mathbook-content dl.description-list dd dt {
    width: 14ex;
}
.mathbook-content dl.description-list dd dd {
    margin-left: 18ex;
}

.mathbook-content dl.description-list dd:after {
    content: "";
    display: block;
    clear: left;
}

.mathbook-content dl.description-list-narrow {
    margin-left: 0;
}
.mathbook-content dl.description-list-narrow dt {
    float: left;
    clear: left;
    text-align: right;
    width: 8ex;
}
.mathbook-content dl.description-list-narrow dd {
    margin-left: 12ex;
}
.mathbook-content dl.description-list-narrow dd:after {
    content: "";
    display: block;
    clear: left;
}

/*
#toc ul li.listprefix {
    list-style-type: none;
    display: inline-block;
}

#toc ul li.listprefix:before {
     content: attr(label) "\00A0\00A0 ";
     display: inline-block;
}
*/

.mathbook-content .knowl .definition-like:last-child, .mathbook-content .knowl .theorem-like:last-child, .mathbook-content .knowl .remark-like:last-child, .mathbook-content .knowl .example-like:last-child, .mathbook-content .knowl .exercise-like:last-child, .mathbook-content .knowl .objectives:last-child {
    margin-bottom: 0.3em;
}

.mathbook-content a {
    color: inherit;
}

/* to stop things being blue when rendering MathJax with SVG */
a.mjx-svg-href  {
    fill: inherit;
    stroke: inherit;
}

/* for long math formulas and tables to scroll on small screens */
@media screen and (max-width: 943px) {
  /* adapted from line 192, ../../../../../MathBook/mathbook-assets/scss/ui/mixins/_sliding-sidebars.scss */
  .mathbook-content .mjx-chtml.MJXc-display {
    /*Allow users on smaller screens to scroll equations*/
    /*horizontally when they don't fit on the screen*/
    overflow-x: auto;
    overflow-y: hidden;
  }
  .mathbook-content .figure-like {
    overflow-x: auto;
}
}

.floatnav {
    margin-top: 8px;
    margin-left: 50px;
}

.floatnav a {
    text-decoration: none;
    padding-left: 3px;
/*
 *  omitted, because we put a space in the source
    padding-right: 3px;
*/
    margin-right: -1px;
    color: inherit;
}

/* to allow big math in knowl links */
.mathbook-content .hidden-knowl-wrapper a .mjx-chtml {
    z-index: 1;
    background: #fff;
}
.mathbook-content .hidden-knowl-wrapper [knowl]::after, .mathbook-content .hidden-knowl-wrapper [knowl]:hover::after, .mathbook-content .hidden-knowl-wrapper .active[knowl]::after {
    right: 7px;
}

.floatnav a:hover {
    background: #eeaaff;
}

.mathbook-content .unselectable {  /* from Alex Jordan */
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none;   /* Chrome/Safari/Opera */
  -khtml-user-select: none;    /* Konqueror */
  -moz-user-select: none;      /* Firefox */
  -ms-user-select: none;       /* Internet Explorer/Edge */
  user-select: none;           /* Non-prefixed version, currently
                                  not supported by any browser */
}

/* Adapted from William Hammond (attributed to David Carlisle) */
/* "mathjax-users" Google Group, 2015-12-27 */

.mathbook-content .latex-logo {font-family: "PT Serif", "Times New Roman", Times, serif;}

.mathbook-content .latex-logo .A {font-size: 75%; text-transform: uppercase; vertical-align: .5ex;
         margin-left: -.48em; margin-right: -.2em;}

.mathbook-content .latex-logo .E {vertical-align:-.5ex; text-transform: uppercase;
         margin-left: -.18em; margin-right: -.12em}

.mathbook-content .posterior {
    margin-bottom: 1.25em;
}

.mathbook-content .fillin {
    display: inline-block;
    border-bottom-style: solid;
    border-width: 1px;
    margin-right: 0.1em;
    margin-bottom: -0.25em;
}

.mathbook-content .exercisegroup {
    margin-bottom: 1.0em;
}
.mathbook-content .exercisegroup article.exercise-like p {
    margin: 0;
}
.mathbook-content .exercisegroup article.exercise-like .heading {
    margin: 0;
}
.mathbook-content .exercisegroup .conclusion .heading {
    margin-top: 0.5em;
}
.mathbook-content .exercisegroup .hidden-knowl-wrapper {
    margin: 0;
}
.mathbook-content .exercisegroup .exercise-like .heading + p:after {
    margin: 0;
}
.mathbook-content .exercisegroup .introduction .heading + p:last-child {
    margin-bottom: 0.5em;
}

.mathbook-content .exercises .exercise-like figcaption .heading {
    font-weight: bold;
    font-size: inherit;
}
/* for titles on APEX WW exercises, but should make sense for other exercises */
.mathbook-content .exercises .exercise-like .heading {
    font-weight: normal;
    font-size: inherit;
}

/* http://spot.pcc.edu/math/APEXCalculus/sec_interp_deriv.html */
.mathbook-content .exercisegroup > article.exercise-like,
.mathbook-content .exercisegroup-exercises > article.exercise-like {
    margin-left: 2em;
    margin-bottom: 0.75em;
}
.mathbook-content .exercisegroup article.exercise-like + .hidden-knowl-wrapper {
    margin-left: 4em;
    margin-top: 0;
    margin-bottom: 1em;
}

/* make it look like a list, and have entra indenting when already more indented */
.mathbook-content .exercise-like .introduction + .hidden-knowl-wrapper,
.mathbook-content .exercise-like .conclusion {
    margin-left: 1.0em;
}
.mathbook-content .exercisegroup .exercise-like .introduction + .hidden-knowl-wrapper,
.mathbook-content .exercisegroup .exercise-like .conclusion {
    margin-left: 1.5em;
}

.mathbook-content .exercisegroup article.exercise-like:not(:first-child) {
    margin-top: 0em;
}

.mathbook-content .exercisegroup > .conclusion {
    margin-left: 1.5em;
}

.mathbook-content article.exercise-like .hint [knowl]{
    font-weight: lighter;
}

.mathbook-content .exercise-like .hint {
    display: block;
    margin-top: -0.75em;
}

.mathbook-content .exercise-like .introduction {
    display: inline;
}
.mathbook-content .exercise-like .introduction .heading {
    display: inline;
}
.mathbook-content .exercise-like .introduction p {
    display: inline;
}
.mathbook-content .exercise-like .introduction::after {
    content: "";
    display: block;
    margin-bottom: 0.25em;
}
.mathbook-content .exercise-like .conclusion::before {
    content: "";
    display: block;
    margin-top: 0.25em;
}


/*
.mathbook-content .example-like .hint {
}
*/

.example-like, .exercise-like {
  margin: 1.25em 0;
}

/* if hints and solutions are in .posterior, then
 * some of the above styling does not apply */

.mathbook-content article.exercise-like + .posterior {
    margin-top: -0.75em;
}


.mathbook-content article.example-like .hint {
    display: block;
    margin-top: -0.75em;
}

.mathbook-content article.example-like .hint [knowl]{
    font-weight: lighter;
}


.mathbook-content .exercisegroup .exercisegroup-exercises.cols2, .mathbook-content .exercisegroup .exercisegroup-exercises.cols3, .mathbook-content .exercisegroup .exercisegroup-exercises.cols4, .mathbook-content .exercisegroup .exercisegroup-exercises.cols5, .mathbook-content .exercisegroup .exercisegroup-exercises.cols6 {
    width: 100%;
    display:inline-flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content:flex-start;
    align-items:flex-start;
    align-content:flex-start;
}

.mathbook-content .exercisegroup .exercisegroup-exercises.cols1 {
    display:inline;
}

.mathbook-content .exercisegroup .exercisegroup-exercises.cols1 .knowl-output {
    display: block;
}

.mathbook-content .exercisegroup .exercisegroup-exercises article.exercise-like {
    margin-top: 0;
}

.mathbook-content .exercisegroup .cols1 article.exercise-like {flex-basis: calc(100% - 2em);}
.mathbook-content .exercisegroup .cols2 article.exercise-like {flex-basis: calc(50% - 2em);}
.mathbook-content .exercisegroup .cols3 article.exercise-like {flex-basis: calc(33.33% - 2em);}
.mathbook-content .exercisegroup .cols4 article.exercise-like {flex-basis: calc(25% - 2em);}
.mathbook-content .exercisegroup .cols5 article.exercise-like {flex-basis: calc(20% - 2em);}
.mathbook-content .exercisegroup .cols6 article.exercise-like {flex-basis: calc(16.66% - 2em);}
/*
.mathbook-content .exercisegroup .cols3 article.exercise-like {flex-basis: calc(100% / 3 - 2em);}
.mathbook-content .exercisegroup .cols6 article.exercise-like {flex-basis: calc(100% / 6 - 2em);}
*/


.mathbook-content .code-inline,
.mathbook-content .code-block,
.mathbook-content .console {
    font-family: "Inconsolata", monospace;
}

.main .mathbook-content section  article .heading {
    line-height: 1.125em;
}

.mathbook-content .sagecell_sessionOutput pre {
    font-family: 'Inconsolata', monospace;
}

.mathbook-content .sagecell {
    margin-bottom: 1.25em;
}

.mathbook-content .assemblage-like {
    border: solid 2px #1100AA;
    border-radius: 12px;
    padding: 10px;
    background-color: #f4f4fe;
}

.mathbook-content .assemblage-like .heading {
    margin-top: 0;
}

/*  need more generally:  see next
.mathbook-content .assemblage-like + .assemblage-like {
    margin-top: 3ex;
}
*/
.mathbook-content .assemblage-like {
    margin-top: 1ex;
    margin-bottom: 2ex;
}
/* obsolete once we refactor paragraph spacing */
.mathbook-content .assemblage-like > p:last-child, .mathbook-content .assemblage-like > ul:last-child, .mathbook-content .assemblage-like > ol:last-child {
    margin-bottom: 0;
}


.mathbook-content .booktitle {
    font-style: oblique;
}

.mathbook-content .definition-like > .heading .type:last-child:after, .mathbook-content .theorem-like > .heading .type:last-child:after, .mathbook-content .remark-like > .heading .type:last-child:after, .mathbook-content .example-like > .heading .type:last-child:after, .mathbook-content .exercise-like > .heading .type:last-child:after, .mathbook-content .definition-like > .heading .codenumber:last-child:after, .mathbook-content .theorem-like > .heading .codenumber:last-child:after, .mathbook-content .remark-like > .heading .codenumber:last-child:after, .mathbook-content .example-like > .heading .codenumber:last-child:after, .mathbook-content .exercise-like > .heading .codenumber:last-child:after, .mathbook-content .definition-like > .heading .title:last-child:after, .mathbook-content .theorem-like > .heading .title:last-child:after, .mathbook-content .remark-like > .heading .title:last-child:after, .mathbook-content .example-like > .heading .title:last-child:after, .mathbook-content .exercise-like > .heading .title:last-child:after, .mathbook-content .definition-like > header > .heading .type:last-child:after, .mathbook-content .theorem-like > header > .heading .type:last-child:after, .mathbook-content .remark-like > header > .heading .type:last-child:after, .mathbook-content .example-like > header > .heading .type:last-child:after, .mathbook-content .exercise-like > header > .heading .type:last-child:after, .mathbook-content .definition-like > header > .heading .codenumber:last-child:after, .mathbook-content .theorem-like > header > .heading .codenumber:last-child:after, .mathbook-content .remark-like > header > .heading .codenumber:last-child:after, .mathbook-content .example-like > header > .heading .codenumber:last-child:after, .mathbook-content .exercise-like > header > .heading .codenumber:last-child:after, .mathbook-content .definition-like > header > .heading .title:last-child:after, .mathbook-content .theorem-like > header > .heading .title:last-child:after, .mathbook-content .remark-like > header > .heading .title:last-child:after, .mathbook-content .example-like > header > .heading .title:last-child:after, .mathbook-content .exercise-like > header > .heading .title:last-child:after {  
    content: ".\2009 ";
}

.mathbook-content .aside-like > .heading .type:last-child:after,
.mathbook-content .aside-like > .heading .codenumber:last-child:after,
.mathbook-content .aside-like > .heading .title:last-child:after,
.mathbook-content .aside-like > header > .heading .type:last-child:after,
.mathbook-content .aside-like > header > .heading .codenumber:last-child:after,
.mathbook-content .aside-like > header > .heading .title:last-child:after {
    content: ":\2009 ";
}

.mathbook-content .aside-like > .heading .title:empty:after {
    content: "";
}

/* need sample use case for these */
.mathbook-content a  .definition-like > .heading .type:last-child:after, .mathbook-content a  .theorem-like > .heading .type:last-child:after, .mathbook-content a  .remark-like > .heading .type:last-child:after, .mathbook-content a  .example-like > .heading .type:last-child:after, .mathbook-content a  .exercise-like > .heading .type:last-child:after, .mathbook-content a  .definition-like > .heading .codenumber:last-child:after, .mathbook-content a  .theorem-like > .heading .codenumber:last-child:after, .mathbook-content a  .remark-like > .heading .codenumber:last-child:after, .mathbook-content a  .example-like > .heading .codenumber:last-child:after, .mathbook-content a  .exercise-like > .heading .codenumber:last-child:after, .mathbook-content a  .definition-like > .heading .title:last-child:after, .mathbook-content a  .theorem-like > .heading .title:last-child:after, .mathbook-content a  .remark-like > .heading .title:last-child:after, .mathbook-content a  .example-like > .heading .title:last-child:after, .mathbook-content a  .exercise-like > .heading .title:last-child:after, .mathbook-content a  .definition-like > header > .heading .type:last-child:after, .mathbook-content a  .theorem-like > header > .heading .type:last-child:after, .mathbook-content a  .remark-like > header > .heading .type:last-child:after, .mathbook-content a  .example-like > header > .heading .type:last-child:after, .mathbook-content a  .exercise-like > header > .heading .type:last-child:after, .mathbook-content a  .definition-like > header > .heading .codenumber:last-child:after, .mathbook-content a  .theorem-like > header > .heading .codenumber:last-child:after, .mathbook-content a  .remark-like > header > .heading .codenumber:last-child:after, .mathbook-content a  .example-like > header > .heading .codenumber:last-child:after, .mathbook-content a  .exercise-like > header > .heading .codenumber:last-child:after, .mathbook-content a  .definition-like > header > .heading .title:last-child:after, .mathbook-content a  .theorem-like > header > .heading .title:last-child:after, .mathbook-content a  .remark-like > header > .heading .title:last-child:after, .mathbook-content a  .example-like > header > .heading .title:last-child:after, .mathbook-content a  .exercise-like > header > .heading .title:last-child:after, {  
    content: "";
}

/* FOr exercises, etc, hidden in knowls */
.mathbook-content a  .definition-like > .heading .codenumber:not(:empty)::after, .mathbook-content a  .theorem-like > .heading .codenumber:not(:empty)::after, .mathbook-content a  .remark-like > .heading .codenumber:not(:empty)::after, .mathbook-content a  .example-like > .heading .codenumber:not(:empty)::after, .mathbook-content a  .exercise-like > .heading .codenumber:not(:empty)::after, .mathbook-content a  .theorem-like > header > .heading .codenumber:not(:empty)::after, .mathbook-content a  .remark-like > header > .heading .codenumber:not(:empty)::after, .mathbook-content a  .example-like > header > .heading .codenumber:not(:empty)::after, .mathbook-content a  .exercise-like > header > .heading .codenumber:not(:empty)::after { 
    content: ": \2009";
}

.mathbook-content .hiddenproof > .heading .type:after, .mathbook-content .hiddenproof > header > .heading .type:after {
  content: "";
}

.mathbook-content .exercise-like > .heading .codenumber:not(:empty):after {
    content: ".\2009 ";
}

.mathbook-content .objectives > .heading {
    font-size: 1.25em;
}

/* Born-hidden example with a very long title */
/* http://physics.thomasmore.edu/ConnectedPhysics/sss-netforce.html */
.mathbook-content a .heading {
    white-space: normal;
}


.mathbook-content .solutions > a, .mathbook-content .solutions > a:hover, .mathbook-content .solutions > a.active {
    display: inline-block;
    margin-right: 1em;
}

/* omitting, because Historical notes end with a code number,
   which gets an ". " :after, so there was a double dot.  If this
   needs to be put back, then also fix the double dot problem
   http://sl2x.aimath.org/book/aafmt/section9-3.html  (at end)
.mathbook-content .aside-like > .heading:not(:empty):after {
    content: ".\2009 ";
}
*/



/* these were taken from the local add-on.css.
 * need to check if the are needed.
 */

body, html body { background: #fff; }

figure {
    margin-top: 10px;
}
.mathbook-content figure + figure {
    padding-top: 1.0em;
}


.mathbook-content img {
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
}

.mathbook-content img.cs {

    display: block;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
}

.mathbook-content img.cs.svg {
 /*   transform:  scale(1.3);
 */
}

img:not(.cs) {
    max-width: 550px;
}

.mathbook-content table tr td img {
    max-width: 200px;
    margin-right: 30px;
}

.mathbook-content table tr td.lines {
    	white-space: nowrap;
}

figure img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 550px;
}

figure img + img {
    margin-top: 30px;
}

figure.wrap img {
    width: 250px;
}

div.center img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 550px;
}

div.center + div.center > img {
    margin-top: 60px;
}

div.center > img + img {
    margin-top: 60px;
}

figure table {
    margin-left: auto;
    margin-right: auto;
}

.caption {
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    font-size: 100%;
    text-align: center;
}


figure.wrap {
    float: right;
    margin-right: 0;
    margin-left: 30px;
}

figure figcaption.wrap {
    margin: 10px;
    font-size: 100%;
    text-align: center;
}

figure img.wrap {
    float: right;
    margin: 0;
}


.caption .counter:after { content: " ";}

/* above repeated for captions outside figures */

.caption .heading {
    font-weight: bold;
}

.caption .heading:after { content: " ";}

.caption .counter {
    font-weight: bold;
}

figcaption .counter:after { content: " ";}

div.quote {
    padding-left: 40px;
    padding-right: 10px;
    margin-bottom: 1em;
}

.minipage  + .minipage {
    display: inline-block;
}

code.inline {
    background: none;
    border: none;
}

/* sup knowls are used for footnotes */
sup [knowl] {
    padding: 0px 0px 0px 3px;
}

sup .active[knowl] {
    padding: 0px 0px 0px 3px;
}

sup [knowl]:hover {
    padding: 0px 0px 0px 3px;
}

.mathbook-content .proof > .heading:after {
    content: ".";
}

/* new "Greg's L" styling for definitions, theorems, etc 
 */

/* in main css
article.proof {
    padding-right: 1.25em;
    border-right: 1px dotted #aaa;
}

article.proof:after {
    content:'';
    border-bottom: 1px dotted #aaa;
    display: block;
    margin-left: auto;
    margin-right: -1.25em;
    width: 1.5em;
}
*/

figure pre.prettyprint {
    margin-top: 0;
    padding-left: 15px;
    border-left: 1px solid #aaa;
}

figure pre.prettyprint:before {
    content:'';
    border-top: 1px solid #aaa;
    display: block;
    margin-right: auto;
    margin-left: -15px;
    padding-bottom: 0.25em;
    width: 2.5em;
}


article.example-like {
    padding-left: 6px;
    border-left: 1px solid #569;
}

article.example-like:after {
    content:'';
    border-bottom: 1px solid #569;
    display: block;
    margin-right: auto;
    margin-left: -6px;
    padding-top: 0.25em;
    width: 1.5em;
}


.mathbook-content article.example-like > *:last-child {
    margin-bottom: 0;
}
.mathbook-content article.example-like > *:last-child::after {
    margin-bottom: 0;
}
/* List 12.3 at http://mathbook.pugetsound.edu/examples/sample-article/html/section-12.html
 [[put somethign here]]
 */
.mathbook-content article.example-like + .posterior {
    margin-top: -0.75em;
}

.mathbook-content article.proof > *:last-child {
    margin-bottom: 0;
}
.mathbook-content article.proof > *:last-child::after {
    margin-bottom: 0;
}

article.definition-like {
    padding-left: 6px;
    border-left: 1px solid #956;
}

article.definition-like:after {
    content:''; 
    border-bottom: 1px solid #956;
    display: block;
    margin-left: auto;
    margin-left: -6px;
    padding-top: 0.25em;
    width: 1.5em;
/*
  border-right: 1px solid #956;
  margin-right: -5px;
  height: 2em;
  margin-top: -2em; 
*/
}

.mathbook-content article.definition-like *:last-child {
    margin-bottom: 0;
}
.mathbook-content article.definition-like *:last-child::after {
    margin-bottom: 0;
}

.mathbook-content .objectives {
    margin-bottom: 1.25em;
}

article.theorem-like, article.objectives {
    padding-left: 6px;
    border-left: 1px solid #66a;
}

article.objectives .heading .type + .codenumber:before {
    content: " ";
}
article.objectives .heading .type + .title:before {
    content: ":\2002";
}
article.objectives .heading .codenumber + .title:before {
    content: ":\2002";
}

article.list .heading .type + .codenumber:before {
    content: " ";
}
article.list .heading .type + .title:before {
    content: ":\2002";
}
article.list .heading .codenumber + .title:before {
    content: ":\2002";
}

article.theorem-like:after, article.objectives:after {
  content:'';
border-bottom: 1px solid #66a;
  display: block;
  margin-left: -6px;
  margin-right: auto;
    padding-top: 0.25em;
  width: 1.5em;
/*
  border-left: 1px solid #66a;
  margin-right: -5px;
  height: 2em;
  margin-top: -2em;
*/
}

.mathbook-content article.theorem-like *:last-child, .mathbook-content article.objectives *:last-child { 
    margin-bottom: 0;
}
.mathbook-content article.theorem-like *:last-child::after, .mathbook-content article.objectives *:last-child::after {
    margin-bottom: 0;
}

article.remark-like {
    padding-left: 6px;
    border-left: 1px solid #aaa;
}

article.remark-like:after {
  content:'';
border-bottom: 1px solid #aaa;
  display: block;
  margin-right: auto;
  margin-left: -6px;
    padding-top: 0.25em;
  width: 1.5em;
}

.mathbook-content article.remark-like > *:last-child {
    margin-bottom: 0;
}
.mathbook-content article.remark-like > *:last-child::after {
    margin-bottom: 0;
}

/* Since there can be p which are nearby but not siblings,
   let's put background and (but not box shadow) on everything */

/* see start of file
.mathbook-content p, .mathbook-content .heading {
    background: #fff;
}
*/

/*
  OLD VERSION: see new version above

.mathbook-content .aside-like ~ *:not(.aside-like) p, .mathbook-content .aside-like ~ *:not(.aside-like) .heading {
    background: #fff;
    box-shadow: 3em 0 0 0 #fff;
}
.mathbook-content .aside-like ~ *:not(.aside-like) .knowl-output p {
    background: inherit;
    box-shadow: none;
}
*/

/* next selector first part of the following is due to the mistake of
   putting paragraph spacing in the margin-bottom 
   Redo when we fix that error */
.mathbook-content .aside-like {
    margin-top: -1.25em;
    position: absolute;
    margin-left: 45%;
    z-index: -10;
    overflow-x: hidden;
    max-width: 495px;
    max-height: 7em;
    overflow-y: hidden;
    border: none;
    padding: 2px 10px;
    color: #888;
}
.mathbook-content .example-like .aside-like {
    margin-top: 0;
    position: absolute;
}
.mathbook-content .aside-like {
    font-size: 90%;
}
.mathbook-content .aside-like {
  margin-bottom: 5px;
  background-color: #f5faff;
  box-shadow: 0 0 1.0em 0.2em #fff inset;
}
.mathbook-content .aside-like:first-child {
    margin-top: -2.25em;
}
.mathbook-content .aside-like:after {
  content  : "";
  position : absolute;
  z-index  : 1;
  top   : 0em;  
  bottom   : 0;
  left     : 0;
  pointer-events   : none;
  background-image : linear-gradient(to bottom, 
                    rgba(255,255,255, 0.4), 
                    rgba(255,255,255, 1) 90%);
  width    : 550px;
  height   : 8em;
}
/* example of where the following is needed? */
.mathbook-content .aside-like * {
    background-color: #f5faff !important;
}
.mathbook-content .aside-like.front, .mathbook-content .example-like .aside-like.front {
  position: relative;
  z-index: 0;
  padding: 8px 15px 10px 15px;
  padding: 2px 10px;
  margin: 5px 0px 5px 10px;
  border: 2px solid #dcebfa;
  max-height: none;
  max-width: 550px;
  color: inherit;
/*  width: 550px; */
  font-size: 100%;
  box-shadow: none;
}
.mathbook-content .aside-like.front:after, .mathbook-content .example-like .aside-like.front:after {
    background-image: none;
}
.mathbook-content .example-like .aside-like.front {
    margin-top: 1.25em;
}

.mathbook-content .aside-like.front + p{
    margin-top: 1.25em !important;
    padding-top: 0;
}



.mathbook-content .aside-like .aside-like {
  background-color: #fafff5;
  border: 1px dotted #aaa;
}

.mathbook-content article.aside-like > *:last-child {
    margin-bottom: 0;
}
.mathbook-content article.aside-like > *:last-child::after {
    margin-bottom: 0;
}
/*
.mathbook-content .aside-like {
    margin-bottom: 1.25em;
}
*/

.mathbook-content .aside-like > .heading {
    font-size: 95%;
}

.mathbook-content .aside-like + *{
    margin-top: 3em !important;
    box-shadow: 0 0 0.5em 0.2em #fff;
    margin-right: 3em;
}

/* for + ul p see http://physics.thomasmore.edu/ConnectedPhysics/ss-NII.html */
/*  subsumed by general background at start
.mathbook-content .aside-like + p, .mathbook-content .aside-like + ul p, .mathbook-content .aside-like + ol p{
    background: #fff;
    box-shadow: 2em 0 1em 0.0em #fff;
}
*/

/* on sufficiently large screens, there is enough of a margin to see part of the aside */

@media screen and (min-width: 943px) {
  .mathbook-content .aside-like + * {
      margin-right: 0;
  }
}

/* on a wide screen, asides should appear in the right margin */
@media screen and (min-width: 1100px) {
  .mathbook-content .aside-like, .mathbook-content .aside-like.front, .mathbook-content .example-like .aside-like, .mathbook-content .example-like .aside-like.front {
      position: absolute;
      margin-top: -2em;
      margin-left: 660px;
      max-width: 200px;
      color: inherit;
  }
  .mathbook-content .aside-like.front, .mathbook-content .example-like .aside-like.front {
      max-height: none;
      max-width: 223px;
      border: 2px solid #dcebfa;
}
  .mathbook-content .example-like .aside-like, .mathbook-content .example-like .aside-like.front {
      margin-left: 654px;  /* because .example-like has 6px of padding */
  }

  .mathbook-content .aside-like + * {
      margin-top: 1.25em !important;
  /*    background: none;  */
      box-shadow: none;
      margin-right: 0;
  }

  .mathbook-content .aside-like.front:after, .mathbook-content .example-like .aside-like.front:after {
    background-image: none;
  }

  .mathbook-content .aside-like:nth-of-type(3n+1) {
    margin-left: 660px;
}
  .mathbook-content .aside-like:nth-of-type(3n) {
    margin-left: 680px;
}
  .mathbook-content .aside-like:nth-of-type(3n+2) {
    margin-left: 640px;
}
}

/* on a narrow screen, collapsed asides should only be one line tall */
/* was too hard to see/poke
@media screen and (max-width: 480px) {
.mathbook-content .aside-like {
    margin-top: -1.25em;
}
.mathbook-content .example-like .aside-like {
    margin-top: -1em;
  }
.mathbook-content .aside-like + *{
    margin-top: 1.5em !important;
}
.mathbook-content .aside-like + article, .mathbook-content .aside-like + ul, .mathbook-content .aside-like + ol {
    margin-top: 2.5em !important;
}
}
*/

.mathbook-content .aside-like:hover:after, .mathbook-content .aside-like:focus:after {
    top: 3em;
    height: auto;
    background-image : none;
}
/* redundant
.mathbook-content .aside-like.front:hover:after, .mathbook-content .aside-like.front:focus:after {
    background-image: none;
}
*/

.mathbook-content .aside-like:hover, .mathbook-content .aside-like:focus {
    color: inherit;
    padding: 0 8px;
    border: 2px solid #dcebfa;
    height: auto;
    max-height: none;
}
.mathbook-content .aside-like.front:hover, .mathbook-content .aside-like.front:focus {
    padding: 2px 10px;
}

/* figure out a better way to handle asides in content that has a wide left margin */
/* see http://pretext.jahrme.com/aside-in-knowl/section-1.html */
.mathbook-content section dl dd .aside-like {
    margin-top: 0 !important;
    margin-left: 100px !important;
}
.mathbook-content section dl dd .aside-like.front {
    margin-left: -300px !important;
}

/* hack for demo!  delete soon! */
.mathbook-content p:empty + .aside-like  {
    margin-top: -2.25em;
}
.mathbook-content p:empty + .aside-like.front  {
    margin-top: -1.25em;
}


/* borders above should not appear in a knowl ref 
   or when the example is created as a knowl */

a > article.example-like {
    padding-left: 0;
    border-left: none;
}

a > article.example-like:after {
  content:'';
  border-bottom: none;
  display: inline;
  margin-left: 0;
  margin-right: 0;
  width: 0;
}

/*  this is helpful in a knowl
.knowl figure pre.prettyprint {
    padding-left: 15px;
    border-left: none;
}

.knowl figure pre.prettyprint:before {
    content:'';
    border-top: none;
    display: block;
    margin-right: 0;
    margin-left: 0;
    padding-bottom: 0;
    width: 0;
}
*/

.knowl article.theorem-like, .knowl article.definition-like, .knowl article.remark-like, .knowl article.example-like, .knowl article.objectives {
    padding-right: 0;
    border-right: none;
    border-left: none;
}

.knowl article.theorem-like:after, .knowl article.definition-like:after, .knowl article.remark-like:after, .knowl article.example-like:after, .knowl article.objectives:after {
  content:'';
  display: inline;
  margin-left: 0;
  margin-right: 0;
  width: 0;
  height: 0;
  padding: 0;
  border: none;
}

/* http://spot.pcc.edu/math/APEXCalculus/sec_prod_quot_rules.html
 * solution to Example 2.4.14
 */
.mathbook-content .solution ol li { 
    margin-top: 1em;
}
.mathbook-content .solution ol li p {
    vertical-align: top;
    display: inline-block;
    margin-top: 0;
    margin-left: 0.5em;
}
.mathbook-content .exercise-like ol li {
    margin-top: 1em;
}
.mathbook-content .exercise-like ol li p {
    vertical-align: top;
    display: inline-block;
    margin-top: 0;
    margin-left: 0.5em;
}

/* http://mathbook.pugetsound.edu/beta/contibutor-list-20161130/preface-2.html
 * */

.mathbook-content .contributor .contributor-name {
    font-variant: small-caps;
}
.mathbook-content .contributor .contributor-info {
    font-size: 88%;
    font-style: italic;
    margin-left: 3ex;
}
.mathbook-content .contributor {
    margin-top: 3ex;
}
.mathbook-content .contributor + .contributor {
    margin-top: 1.5ex;
}

.mathbook-content .contributor + p {
    margin-top: 3ex;
}


.searchwrapper {
    max-width: 900px;
    position: absolute;
    right: 0;
    bottom: 0; 
    margin-bottom: 39px; 
}
body.sidebar-left-closed .searchwrapper {
    margin-bottom: -2px; 
}

body.sidebar-left-open .searchwrapper {
    top: 74px;
}

/* bottom: 0;
 *  * */

body.sidebar-left-closed .searchwrapper {
    top: 74px;
    margin-bottom: -2px;
}


@media screen and (max-width: 800px) {
body.sidebar-left-closed .searchwrapper {
    top: 129px;
}
}

@media screen and (max-width: 480px) {
body.sidebar-left-closed .searchwrapper {
    top: 174px;
}
}


.searchwrapper .cse .gsc-control-cse, .searchwrapper .gsc-control-cse  {
    padding: 0;
    border: none;
    width: 25ex;
}
.searchwrapper .cse .gsc-search-button input.gsc-search-button-v2, .searchwrapper input.gsc-search-button-v2 {
    padding: 2px 2px;
}
.searchwrapper form.gsc-search-box {
    margin: 0;
}
.searchwrapper table.gsc-search-box {
    margin: 0;
}
.searchwrapper .gsc-search-box-tools .gsc-search-box .gsc-input {
    padding: 0;
}
.searchwrapper .gsib_a {
    padding: 0 0 0 5px;
}
.searchwrapper .gsc-input-box {
    height: 3.0ex;
}
.searchwrapper form.gsc-search-box {
    font-size: 12px;
}

/* turn off the green parentheses Alex does not like */
.mathbook-content div.CodeMirror span.CodeMirror-matchingbracket {color: #090;}

.mathbook-content .image-archive {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: auto;
    margin-top: 0.75em;
    padding-bottom: 0.25em;
    text-align: center;
}
.mathbook-content .image-archive > a {
    display: inline-block;
    padding-left: 0.5em;
    padding-right: 0.5em;
    font-family: monospace;
}
/*
.mathbook-content .image-archive > a:not(:last-child) {
    padding-right: 1em;
}
.mathbook-content .image-archive > a:not(:last-child):after {
    content: " ";
}
*/

/*
.mathbook-content .sbspanel object {
*/
.mathbook-content .sbspanel object:not(:last-child) {
    margin-bottom: 0 !important;
}

.mathbook-content iframe {
    border: none;
}

.times-sign {
    font-size: larger;
    vertical-align: -0.15ex;
}
/* temporary for Mitch Keller.  delete at end of 2017 */
.mathbook-content div.knowl .posterior div a:first-child {
    font-style: italic;
}

/* sort of a hack for proof knows in theorem knowls */
.mathbook-content div.knowl .posterior a[knowl]:first-child {
    padding: 0;
}

.mathbook-content a[href^="mailto:"] {
    font-style: normal;
    font-family: monospace;
}
.mathbook-content .preface a[href^="mailto:"] {
    font-size: 110%;
}

/*
nested tasks. see
http://mathbook.pugetsound.edu/examples/sample-article/html/interesting-corollary.html
*/

.mathbook-content .exercise-like > .exercise-like {
    margin-left: 40px;
}
.mathbook-content .exercise-like > .exercise-like p {
    margin-top: 1.25em;
    margin-bottom: 0.25em;
}
.mathbook-content .exercise-like > .exercise-like > .heading + p::after {
    margin-bottom: 0.25em;
}
.mathbook-content .example-like > .heading + .introduction {
    display: inline;
}
.mathbook-content .example-like > .heading + .introduction > p:first-child {
    display: inline;
}
.mathbook-content .example-like > .exercise-like p {
    margin-top: 1.25em;
    margin-bottom: 0.25em;
}
.mathbook-content .example-like > .exercise-like > .heading + p::after {
    margin-bottom: 0.25em;
}
.mathbook-content .conclusion p:last-child {
    margin-bottom: 0.25em;
}
/* not sure about these two.  there may be bad side-effects */
.mathbook-content .example-like p {
    margin-top: 1.25em;
    margin-bottom: 0.25em;
}
.mathbook-content .example-like ol, .mathbook-content .example-like ul {
    margin-top: 1.25em;
    margin-bottom: 0.25em;
}
.mathbook-content .example-like > .heading + p::after {
    margin-bottom: 0.25em;
}

/* end of nested tasks */

/* genus and species in italics */
.mathbook-content .taxon {
    font-style: italic;
}

/* Sage stuff */
.mathbook-content .sageanswer {
    font-family: monospace;
    white-space: pre;
    margin-left: 3em;
    margin-bottom: 2em;
} 
.mathbook-content .sageanswer .key {
    display: inline-block;
    vertical-align: top;
    margin-right: 1em;
}
.mathbook-content .sageanswer .output {
    display: inline-block;
    vertical-align: top;
}
.mathbook-content .CodeMirror-code pre.CodeMirror-line {
    padding-bottom: 5px;
}

/* to enable hovering over aside-like */
/* div.page, main.main, body.mathbook-article, */
body.mathbook-book, body.mathbook-article, .mathbook-content section.chapter, .mathbook-content section.introduction, .mathbook-content section.conclusion, .mathbook-content section.section, .mathbook-content section.subsection, .mathbook-content section.subsubsection, .mathbook-content article {
    pointer-events: auto;
}
html nav, html header, .mathbook-content article.aside-like, .mathbook-content *,
body.mathbook-book .MathJax_Menu, body.mathbook-article .MathJax_Menu {
    pointer-events: auto;
}
.mathbook-content ol, .mathbook-content ul {
    pointer-events: none;
}
.mathbook-content ol li, .mathbook-content ul li {
    pointer-events: auto;
}

/* used when knowl content is hidden in the page */
.hidden-content {
    display: none;
}

/* Extra CSS overrides go here */

@font-face {
    font-family: "CharterBT";
    src: url("fonts/CharterBT-Roman.woff") format("woff"),
         url("fonts/CharterBT-Roman.otf") format("opentype");
}
@font-face {
    font-family: "CharterBT";
    src: url("fonts/CharterBT-Bold.woff") format("woff"),
         url("fonts/CharterBT-Bold.otf") format("opentype");
    font-weight: bold;
}
@font-face {
    font-family: "CharterBT";
    src: url("fonts/CharterBT-Italic.woff") format("woff"),
         url("fonts/CharterBT-Italic.otf") format("opentype");
    font-style: italic;
}
@font-face {
    font-family: "CharterBT";
    src: url("fonts/CharterBT-BoldItalic.woff") format("woff"),
         url("fonts/CharterBT-BoldItalic.otf") format("opentype");
    font-weight: bold;
    font-style: italic;
}

/* JDR: don't include the whole font in the css file */
@font-face {
  font-family: "Ionicons";
  src: url("fonts/ionicons.woff") format("woff"),
       url("fonts/ionicons.eot#iefix") format("embedded-opentype"),
       url("fonts/ionicons.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}

/* JDR: Fix permalink size (hack) */
.mathbook-content section header .heading a.permalink {
  font-size: 11.2px;
  line-height: 22.8571px;
}

/* Overrides the overrides in mathbook-add-on.css */
body, html body {
    /* JDR: Bitstream Charter looks better at this size.  Don't change this in the Compass stylesheets though!  It can't actually handle a non-default base font size. */
    font-size: 18px;
}

#masthead #byline, #masthead .byline {
    margin-top: -.4em;
    /* font-size: 1em; */
}

#masthead.smallbuttons {
    /* max-width: 664px; */
    max-width: 739px;
    border-right: none;
    border-left: none;
    /* border-right: 1px solid #bababa; */
    /* border-left: 1px solid #bababa; */
}

.mininav {
    float: none;
    padding-top: 0px;
    overflow: hidden; /* Force baseline = bottom margin */
    display:table-cell;
    vertical-align: middle;
}
.indexnav {
    float: none;
    display:table-cell;
    overflow: hidden;  /* Force baseline = bottom margin */
    margin-top: 0px;
    padding-left: .5em;
    height: 90%;
    vertical-align: middle;
}

.indexnav a {
    width: 2.6ex;
}

.mathbook-content .indexitem::after,
.mathbook-content .subindexitem::after,
.mathbook-content .subsubindexitem::after {
    content: "";
    clear: right;
    display: table;
}

.mathbook-content .indexitem,
.mathbook-content .subindexitem,
.mathbook-content .subsubindexitem {
  overflow: auto;
}

.mathbook-content .indexknowl {
  margin-left: 0;
  float: right;
}

.mathbook-content .indexknowl *[knowl],
.mathbook-content .indexknowl *[knowl]:hover,
.mathbook-content .indexknowl *[knowl].active {
  margin-left: 1ex;
}

.mathbook-content a.feedback-link {
  font-size: 110%;
  text-align: center;
  width: 100%;
  display: inline-block;
}

.mathbook-content span.feedback-link {
  font-size: 90%;
  text-align: center;
  width: 100%;
  display: inline-block;
}

#toc {
  pointer-events: initial;
}

#toc h2 + h2 {
    margin-top: 0px;
}

.hidden-knowl-wrapper article.remark-like {
    border-left: none;
    padding-left: 0;
}
.hidden-knowl-wrapper article.remark-like:after {
    border-bottom: none;
    padding-bottom: 0;
}

a > article.remark-like:after {
  content:'';
  display: inline;
  margin-left: 0;
  margin-right: 0;
  width: 0;
  height: 0;
  padding: 0;
  border: none;
}

.mathbook-content .bluebox {
  padding: 1em;
  /*padding-bottom: 0;*/
  border-radius: 8px;
  margin-bottom: 1.25em;
}

.mathbook-content .bluebox > .heading .type:last-child:after,
.mathbook-content .bluebox > .heading .codenumber:last-child:after,
.mathbook-content .bluebox > .heading .title:last-child:after
{
  content: ".\2009 ";
}
.mathbook-content .bluebox > .heading .type:after,
.mathbook-content .bluebox > .heading .codenumber:after,
.mathbook-content .bluebox > .heading .title:after 
{
  content: " ";
}

.mathbook-content .bluebox > .heading {
  margin: 0;
  margin-bottom: .5em;
}

.mathbook-content .bluebox > p:last-child {
  margin: 0;
}


/* JDR: hidden subsection */
.mathbook-content section.hidden-subsection > header > h1 {
  border-bottom: 1px dotted #2a2222;
}

.mathbook-content section.hidden-subsection > header > h1:hover {
  cursor: pointer;
}

.mathbook-content .hidden-subsection-content {
  display: none;
}

.mathbook-content section > .hidden-subsection-content > .hidden-knowl-wrapper {
    margin-bottom: 1em;
}

.mathbook-content .knowl-output {
  background: white;
}

/* JDR: No permalink for hidden subsection */
.mathbook-content section.hidden-subsection header .heading a.permalink {
  display: none;
}

.mathbook-content .hidden-knowl-wrapper > a[knowl] > article:after,
.mathbook-content section.hidden-subsection > header > h1:after {
  border: solid black;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
  transform: translateX(-7px) translateY(-3px) rotate(45deg);
  -webkit-transform: translateX(-7px) translateY(-3px) rotate(45deg);
  margin-bottom: 2px;
  margin-left: .5em;
  content: '';
}

.mathbook-content .hidden-knowl-wrapper > a[knowl].active > article:after,
.mathbook-content section.hidden-subsection.active > header > h1:after {
  transform: translateX(-7px) translateY(0px) rotate(225deg);
  -webkit-transform: translateX(-7px) translateY(0px) rotate(225deg);
}

.mathbook-content .hidden-knowl-wrapper > a[knowl] .heading {
  background: none;
}

.mathbook-content .mathbox iframe {
  position:     relative;
  width:        100%;
  height:       100%;
  border-style: none;
  z-index:      2;
}

.mathbook-content .mathbox {
  position: relative;
}

.mathbook-content .mathbox.maximized {
  position: fixed;
  left:     0;
  top:      0;
  right:    0;
  bottom:   0;
  z-index:  205;
}

.mathbook-content .mathbox .maximizer,
.mathbook-content .mathbox .minimizer {
  position:    absolute;
  right:       0px;
  bottom:      0px;
  z-index:     3;
  font-family: "Ionicons";
  cursor:      pointer;
  opacity:     .5;
  font-size:   40px;
  width:       40px;
  text-align:  center;
  background:  #ddd;
  border-radius: 5px;
  transition:  opacity .5s;
  -webkit-transition: opacity .5s;
}

.mathbook-content .mathbox .maximizer:hover,
.mathbook-content .mathbox .minimizer:hover {
  opacity: .75;
}

.mathbook-content .mathbox.maximized .maximizer {
  display: none;
}
.mathbook-content .mathbox .minimizer {
  display: none;
}
.mathbook-content .mathbox.maximized .minimizer {
  display: block;
}


body, html body {
  overflow-x: hidden;
}

.mathbook-content .mathbox-link {
  text-align: center;
}

.mathbook-content article.paragraphs .hidden-knowl-wrapper {
  display: block;
  margin-bottom: 1em;
}

/* Hide numbers of subsections */
.mathbook-content .subsection > header > .heading > .codenumber {
  display: none;
}

/* Hide numbers of captions */
.mathbook-content .figure-like > figcaption {
  font-style: italic;
}
.mathbook-content .figure-like > figcaption > .heading,
.mathbook-content .figure-like > figcaption > .codenumber
 {
  display: none;
}

.mathbook-content .solution > .type {
  font-weight: bold;
}

.mathbook-content .definition-like p > em {
  font-weight: normal;
}

.mathbook-content .definition-like p > em.terminology {
  font-weight: 800;
}

.mathbook-content .heading img.important {
  width: 1.5em;
  padding-right: .5em;
  padding-left:  .5em;
  vertical-align: bottom;
}

.mathbook-content .heading.important .type,
.mathbook-content .heading.important .codenumber {
  color: red;
}

.mathbook-content .preface a[href^="mailto:"] {
  font-size: 90%;
}

/* JDR: Google search */

.searchwrapper {
    max-width: 900px;
    position: absolute;
    right: 3px;
    bottom: -3px; 
    z-index: 1;
    height: 0;
    margin-bottom: 0;
}

.searchwrapper .cse .gsc-control-cse, .searchwrapper .gsc-control-cse  {
    width: 27ex;
}

.searchwrapper .gsc-input-box
{
    height: 3.5ex;
}

.searchwrapper .gsc-search-button
{
    display: none;
}

.searchwrapper .gsc-input-box>table
{
    height: 100%;
}

.searchwrapper .gsc-input-box-hover,
.searchwrapper .gsc-input-box:hover,
.searchwrapper .gsc-input-box-focus
{
    box-shadow: none;
}

/* JDR: PDF version */

#masthead > .banner > .container {
    position: relative
}

.pdf-version {
  position: absolute;
  right: 3px;
  bottom: -1em;
}

.pdf-version a {
  font-family: "CharterBT";
  text-decoration: none;
}

/* JDR: cover animation */

#cover {
  margin-bottom: 1.25em;
  position: relative;
}

#cover-controls {
  width:      100%;
  text-align: center;
  position:   absolute;
  left:       0;
  bottom:     5px;
  z-index:    1;
  opacity:    .7;
}

#cover-controls select,
#cover-controls button {
  height: 28px;
  width: 100px;
  font-size: 14px;
  color: #aaa;
  background-color: #fff;
  border: 1px solid #ccc;
  -webkit-transition: color .75s, background-color .75s, border-color .75s;
  transition: color .75s, background-color .75s, border-color .75s;
}

#cover-controls select:hover,
#cover-controls button:hover {
  color: #000;
  background-color: #eee;
  border-color: #000;
}

#cover-controls button {
  margin-left: 10px;
}

#mathbox-container {
  width:       100%;
  height:      0;
  padding-top: 100%;
  overflow:    hidden;
  position:    relative;
}

#mathbox {
  position: absolute;
  top:      0;
  left:     0;
  width:    100%;
  height:   100%;
}

/* JDR: I wish all the color theming happened in the scss files... */

body, html body {
    background: #545454;
}

article.theorem-like, article.objectives {
    border-left: 2px solid #eeb211;
}
article.theorem-like:after, article.objectives:after {
    border-bottom: 2px solid #eeb211;
}
article.example-like {
    border-left: 2px solid #eeb211;
}
article.example-like:after {
    border-bottom: 2px solid #eeb211;
}
article.definition-like {
    border-left: 2px solid #eeb211;
}
article.definition-like:after {
    border-bottom: 2px solid #eeb211;
}
article.remark-like {
    border-left: 2px solid #eeb211;
}
article.remark-like:after {
    border-bottom: 2px solid #eeb211;
}

.mathbook-content section.hidden-subsection > header > h1:hover {
  background: #fdf6e2;
}

.pdf-version a {
  color: #aaaaaa;
}

.pdf-version a:hover {
  color: #eeb211;
}

.mathbook-content .bluebox {
  border: 3px solid #aaaaff;
}
/** page wide defs for knowls, the *[knowl] is a selector for
 *  all elements, that have a knowl attribute set to any value */
.knowl-content {
  padding: 10px 10px 0 10px;
  border-bottom-left-radius: 10px;
  -moz-border-radius-bottomleft: 10px;
}
.knowl-content h1 {
  margin: 0px 0px 10px 0px;
}
.knowl-content h2 {
  margin: 0px 0px 5px 0px;
}

/* next defninition is needed to over-ride the default, which is the
   default font size, which is 16pt */
.knowl p {
  margin-bottom: 0;
  margin-top: 10px;
}


*[knowl] {
  display: inline;
  border-bottom: 1px dotted #00a;
  color: #00a;
  cursor: pointer;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  margin: 3px 0 0 0;
}
*[knowl]:hover,
*[knowl].active {
  border-bottom: 1px solid #aaf;
  background: #ddf;
  color: #006;
/* no point in these being different when hovering
  padding: 0;
  margin: 0 0 0 0;
  border-top-left-radius: 3px;
  -moz-border-radius-topleft: 3px;
  border-top-right-radius: 3px;
  -moz-border-radius-topright: 3px;
*/
}


div > *[knowl], p > *[knowl] {
  position: relative;
}

.knowl-error {
   color: red;
   border-bottom: 0;
}
.knowl-output {
  background: #eef;
  border-top: 10px solid #ddf;
  border-left: 10px solid #ddf;
  border-right: 10px solid #ddf;
  border-bottom: 10px solid #ddf;
  border-bottom-left-radius: 10px;
  -moz-border-radius-bottomleft: 10px;
  border-bottom-right-radius: 10px;
  -moz-border-radius-bottomright: 10px;
  display: none;
  padding: 0px;
  margin-top: 10px;
  margin-bottom: 0px;
  margin-right: 0px;
}

.knowl-output .knowl-output {
    border-width: 6px;
    background: white;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    margin-bottom: 1.25em;
}

.knowl-output .knowl-output,
.knowl-output .knowl-output.loading {
 margin-left: 0;
 margin-right: 0;
}
.knowl-output.loading {
 color: grey;
 font-style: italic;
 font-size: small;
}
.knowl-output h1, .knowl-output h2 {
  margin: 5px 0;
}
.knowl-output h1 {
  color: #006;
}
.knowl-output h2 {
  color: #006;
}
.knowl-output a { display: inline; }

.knowl-footer {
  position: relative;
  bottom: -9px;
  font-size: x-small;
  background: #ddf;
  color: grey;
  padding: 0 0 0 12px;
  margin:  -10px 0 0 0;
}

.knowl-output .knowl-output .knowl-footer {
  bottom: -5px;
  margin:  -5px 0 0 0;
}

.knowl-output + .knowl-output {
    margin-top: 0;
}

.knowl-footer a {
  color: #006;
}
.knowl-footer a:hover {
  background: none;
  color: #88f;
}
.knowl-footer:after {
    content: "\2002";
}

.knowl-output.processing {
  display:block!important;
  height:0pt;
  overflow:hidden;
}

/*
.MathJax a .MathJax_knowl { 
  color: #f33;
}
*/

.MathJax a .MathJax_knowl:hover { 
  background-color: #afa;
}