html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,acronym,address,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;outline:0;font-size:100%;vertical-align:baseline;background:transparent;text-decoration:none}table{border-collapse:collapse;border-spacing:0}a{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline;background:transparent}*,*:after,*:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}button,input,select,textarea,optgroup,option{margin:0;font-size:100%;line-height:inherit !important}:-moz-ui-invalid{box-shadow:none}caption,th{text-align:left}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block;font-size:100%}audio[controls],canvas,video{display:inline-block;*display:inline;*zoom:1}textarea{overflow:auto}legend{*margin-left:-7px;color:#111}img{-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}button,input{line-height:normal}button,input[type="reset"],input[type="button"],input[type="submit"]{-webkit-appearance:button}input[type="checkbox"],input[type="radio"]{box-sizing:border-box}input[type="search"]{-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}button,input,select{vertical-align:baseline}textarea{vertical-align:top}button::-moz-focus-inner,input::-moz-focus-inner{padding:0}html{color:#111;background:#fff;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}input,select,textarea,button,label,a{-webkit-tap-highlight-color:#999}body{line-height:1;background-color:inherit;font-variant-ligatures:common-ligatures historical-ligatures discretionary-ligatures;font-variant-numeric:oldstyle-nums;-moz-font-feature-settings:"onum=1, liga=1, dlig=1, hlig=1, ";-ms-font-feature-settings:"onum", "liga", "dlig", "hlig";-o-font-feature-settings:"onum", "liga", "dlig", "hlig";font-feature-settings:"onum", "liga", "dlig", "hlig"}ol{list-style-position:outside;list-style-type:decimal}strong,b{font-weight:bold}em,i{font-style:italic}del{text-decoration:line-through}cite{font-style:italic}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0;font-variant-numeric:tabular-nums;-moz-font-feature-settings:"tnum=1";-ms-font-feature-settings:"tnum";-o-font-feature-settings:"tnum";font-feature-settings:"tnum"}th{font-weight:bold;vertical-align:bottom}td{font-weight:normal;font-variant-numeric:lining-nums tabular-nums;-moz-font-feature-settings:"lnum=1, tnum=1"}hr{display:block}img{vertical-align:middle}blockquote{quotes:none}q{quotes:"\201c" "\201d" "\2018" "\2019"}q:before{content:open-quote}q:after{content:close-quote}q>q:last-child:after{content:close-quote "\0020"}input[type="radio"]{vertical-align:bottom}input[type="checkbox"]{vertical-align:text-bottom;*vertical-align:baseline}label,input[type="button"],input[type="submit"],input[type="reset"],input[type="image"],button{cursor:pointer}sup,sub{line-height:0;vertical-align:super}sub{vertical-align:sub}code,pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}img,object,embed{max-width:100%}

@font-face {
    font-family: 'Input Mono';
    font-weight: normal;
    font-style: normal;
    src: url('inputmono-regular-webfont.eot');
    src: url('inputmono-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('inputmono-regular-webfont.woff') format('woff'),
         url('inputmono-regular-webfont.ttf') format('truetype');
}

body {
  line-height: 1.4rem;
  min-width: 36em;
  font-family: freight-text-pro, serif;
}

pre,code,kbd,samp,tt,var {
  font-family: "Input Mono", monospace, sans-serif;
}

code, var {
  font-size: .81em;
  vertical-align: baseline;
  line-height: 1.1rem;
}

code.http-method {
  letter-spacing: .04em;
}

section {
  margin-top: 2rem;
}

section section {
  margin-top: 1.25rem;
}

h1, .h1, h2, .h2, h3, .h3 {
  font-family: ff-meta-web-pro, sans-serif;
  font-weight: bold;
  color: #4d4d4d;
}

h1, .h1 {
  font-size: 2em;
  line-height: 1.5rem;
  margin-top: .35rem;
  margin-bottom: 1.75rem;
  color: inherit;
}


h2, .h2 {
  font-size: 1.5em;
  line-height: 1.25rem;
  margin-bottom: 1.5rem;
}

h3, .h3 {
  font-size: 1.25em;
  line-height: 1.25rem;
  margin-bottom: 1rem;
}

h2.with-p, .h2.with-p {
  margin-bottom: .75rem;
}

h3.with-p, .h3.with-p {
  margin-top: .15rem;
  margin-bottom: .35rem; 
}

h4, .h4 {
  font-size: 1.1em;
  line-height: 1.25rem;
  margin-bottom: .25rem;
  font-weight: bold;
}

h5, .h5 {
  font-size: 1.1em;
  letter-spacing: .03em;
  font-family: ff-meta-sc-web-pro;
}

li, p, table, ol, ul {
  margin-bottom: 1rem;
}

li:last-child, p:last-child, table:last-child, ol:last-child, ul:last-child {
  margin-bottom: 0;
}

table {
  width: 100%;
  position: relative;
  left: -.25rem;
}

th {
  font-style: italic;
  font-weight: normal;
}

tr {
  border-top: 1px solid #bdbdbd;
}

thead tr {
  border-top: 0;
}

th, td {
  padding-right: .75em;
  padding-bottom: .25rem;
  padding-left: .25em;
  padding-top: .25rem;
}

th:last-child, td:last-child {
  padding-right: 0;
}

dt {
  font-style: italic;
}
dt, dd {
  display: inline;
}

dt::after {
  content: ': ';
}

dd::after {
  content: "\00000A"; white-space: pre;
}

nav {
  position: fixed;
  top:0;
  bottom: 0;
  left: 0;
  width: 12.75em;
  padding: 1.5rem 1.25em;
  box-sizing: border-box;
  background: #911e1c;
  color: #f8f8f8;
  overflow: scroll;
  letter-spacing: .05em;
}

/* denotes a section in the menu */
nav .h4 {
  font-family: ff-meta-web-pro, sans-serif;
  margin-top: 1.75rem;
  color: white;
  font-size: 1em;
  line-height: 1.4rem;
}

nav ul {
  list-style-type: none;
}

nav li {
  margin-top: .75rem;
  margin-bottom: 0;
}

nav li li li {
  margin-top: .375rem;
  margin-left: 1em;
}

nav > ul > li:first-child {
  margin-top: 0;
}

nav li a {
  color: inherit;
  text-decoration: none; 
}

/* Objects */
.conditional-section {
  margin-bottom: 1.5rem;
}

.condition-met .contents {
  background: #ddd;
  padding: .25rem;
  margin-top: .25rem;
  position: relative;
  left: -.25rem;
  right: -.5rem;
}

.condition-not-met .contents {
  display: none;
}

#docs {
  padding: 1.25rem 1rem 0 1.5rem;
  box-sizing: border-box;
  max-width: 35em;
  margin: 0 auto;
  position: relative;
  left: 6.375em;
}

@media (max-width: 48em) {
  #docs { left: 0; margin-left: 12.75em; }
}

/* add zoomers/scalers */

/* taller leading (same font-size) */
@media (min-width: 40em) {
  html {
    font-size: 1.1em;
  }
  body {
    font-size: .9090909em;
  }

  /* body measure is growing, but not the measure in the nav bar (functionally),
     so its leading hould sshrink back to its prior size. */
  nav .h4 {
    margin-top: 1.5909rem;
    line-height: 1.272727rem;
  }

  nav li {
    margin-top: .681818rem;
    line-height: 1.272727rem;
  }

  nav li li li {
    margin-top: .34090909rem;
  }
}

/* even taller leading, as measure's still growing (same font size) */
@media (min-width: 44em) { /* 35/(1-.24) = ~46, when docs hits its max-width */
  html {
    font-size: 1.2em;
  }
  body {
    font-size: .83333em;
  }

  /* body measure is growing, but not the measure in the nav bar (functionally),
     so its leading hould sshrink back to its prior size. */
  nav .h4 {
    margin-top: 1.45833rem;
    line-height: 1.16666rem;
  }

  nav li {
    margin-top: .625rem;
    line-height: 1.16666rem;
  }

  nav li li li {
    margin-top: .3125rem;
  }
}

/* zoom to 107%, preserving taller leading */
@media (min-width: 56em) and (max-width: 61em) {
  html {
    font-size: 1.284em;
  }
}

/* preserve taller leading and zoom to 114% */
@media (min-width: 61em) and (max-width: 66em) {
  html {
    font-size: 1.368em;
  }
}

/* preserve taller leading and zoom to 121% */
@media (min-width: 66em) and (max-width: 71em) {
  html {
    font-size: 1.452em;
  }
}

/* preserve taller leading and zoom to 21px (131.25%) */
@media (min-width: 71em) {
  html {
    font-size: 1.575em;
  }

  nav {
    font-size: .85714em;
  }
/*
  now that we're capping nav font size (at 18, w/ the .85714em adjustment above),
  we need to readjust its leading. (but i'm commenting this out because i actually
  don't mind it growing a bit.)
  nav .h4 {
    margin-top: 1.25rem;
    margin-bottom: .535714rem;
    line-height: 1rem;
  }

  nav li {
    margin-bottom: .535714rem;
    line-height: 1rem;
  }  */
}