*{box-sizing:border-box}
html{height:100%}
body{min-height:24em;max-width:36em;margin:0 auto;color:#333;padding:0 1.5em 2em}
a{color:#444}
h1,h2,h3,h4,h5,h6{margin-bottom:0;}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{text-decoration:none;}
h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover{text-decoration:underline}
b,strong{font-weight:bold}
body > header{padding-bottom:2em;border-bottom:1px solid #eee;h1:a;}
body > header h1,body > header h2{display:inline-block}
body > header h1 a:hover{text-decoration:none}
body > header h1 a{padding:0 1em;color:#fff}
body > header .tagline{display:none}
body > header li,body > header a{display:inline-block}
body > header nav{display:block;text-align:center}
nav ul{margin:0;padding:0;list-style:none}
nav ul a{padding:1em .5em;text-decoration:none}
body > header nav .active{border-bottom:5px solid #666}
article header h1{font-weight:100;font-size:3em;text-align:center;line-height:1.125em}
h2{font-size:2em;font-weight:100;line-height:1.25;margin-top:.75em}
h3{font-size:1.25em;margin-top:.625em}
h4{font-size:1em;margin-top:1em}
p{margin:0}
p+p{margin-top:0;text-indent:2em}
article #TOC{display:none}
ul,ol{padding-left:1em;list-style-position:outside}
li{padding-left:.5em}
body{color:#222;font:300 18px/1.5 "Source Sans Pro","Helvetica Neue","Helvetica","Arial",sans-serif}
html{border-top:2px solid #e03}
body > header h1{background:#e03;font-size:1em;font-weight:300;margin:0;}
body > header h1 a{color:#fff}
pre{line-height:1.25;overflow:auto}
pre,figure{background:#eee;border-top:1px solid #fff;box-shadow:0 1px 2px #999;margin:1em -1.5em 0;padding:1em 1.5em}
figure{padding-top:0}
pre,tt,code,kbd,samp{font-family:"Source Code Pro","Courier New","Courier",monospace;background:#eee}
mark{background-color:#ff9}
img{max-width:100%}
p,dl,multicol,figure figcaption,figure img{display:block;margin:1em 0 0}
figure img{margin-left:auto;margin-right:auto}
blockquote{margin:1em 2em}
hr:after,article:after{content:'⁂';display:block;padding:1em 0;text-align:center}
hr{visibility:hidden;padding:1em 0;height:0}
hr:after{visibility:visible;position:relative;top:-2em;color:#333}
@media screen and (min-width: 36em){body{font-size:24px}
body > header h1 a{padding:1em 1em .5em}
body > header nav{float:right}
}@media screen and (max-width: 43em){figure{padding:0 0 1em}
figure > *{padding-left:1.5em}
figure > img{padding-left:0;margin-top:0}
}