header nav a{color:#000}
.content,section{max-width:1500px}
.nav-links{font-size:1rem}
.nav-links a:hover{color:#0085ff}
.focal{padding:12px 25px;color:#fff}
.focal:hover{color:#fff}
#login-link{border-left-color:rgba(0,0,0,.3)}
main{display:flex;padding:25px 0 75px}
main nav{width:25%;max-width:250px;margin-right:10%;margin-top:10px}
main nav>b{display:block;margin-top:35px;margin-bottom:5px}
main nav>b:first-child{margin-top:0}
main nav>a{display:block;padding:5px;padding-left:.5em;transition:all .3s}
main nav>a:hover{text-decoration:none;transform:scale(1.05) translateX(8px)}
main nav>a:before{content:'\203A';font-weight:700;font-size:1.25rem;line-height:14px;position:absolute;opacity:0;left:-1em;transition:left .25s,opacity .25s}
main nav>a:hover:before{opacity:1;left:-5px}
main nav .tip{font-size:.75rem;line-height:1.25em;color:#888;padding-bottom:10px;transition:all .5s}
main nav .tip:hover,main nav>b:hover+.tip{color:#555}
article{max-width:900px;line-height:1.5em;font-size:1.125rem;font-family:Roboto,sans-serif}
h1{font:bold 50px/1.2em 'Roboto Slab',serif;margin-bottom:30px}
h2{font:40px/1.2em 'Roboto Slab',serif;margin-top:70px;margin-bottom:15px;color:#005a75}
h3{font-size:2rem;font-weight:400;margin-bottom:20px;line-height:1.25em}
code+h3,p+h3,table+h3{margin-top:80px}
h4{font-size:1.25rem;font-weight:700;margin-top:40px;margin-bottom:10px}
p{margin:20px 0}
ol,ul{margin-left:2em;margin-bottom:50px}
ol ol,ol ul,ul ol,ul ul{margin-bottom:0}
.item-space li{margin-bottom:15px}
ol+p,ul+p{margin-top:-20px}
.highlight{background-color:#ffff91cf;padding:2px;color:#333;border-radius:4px}
table{width:100%;border-collapse:collapse;table-layout:fixed}
td,th{padding:10px;text-align:left;font-size:1rem;line-height:1.5em}
th{background-color:#f2f2f2}
td{border-bottom:1px solid #ccc;vertical-align:top}
.data-types .col-type{width:15%}
.data-types .col-description{width:50%}
.data-types .col-examples{width:35%}
.command-reference .col-group{width:5px}
.command-reference .col-flag{width:35%}
.command-reference .col-required{width:15%}
.command-reference td:first-child,.command-reference th:first-child{padding:0}
.command-reference td:nth-child(2) code{white-space:nowrap}
.command-reference td.required{color:#f37b00;font-style:italic;font-size:.875rem}
.command-reference .required .condition{font-size:.6875rem;color:#999;font-weight:700;font-style:normal}
.command-reference td.optional{color:#999;font-size:.875rem}
.command-reference td.group{width:8px;padding:0;background-color:#c16565;border-bottom:none;color:#fff}
.command-reference td.group.info{width:100%;padding:5px 10px;font-size:.75rem;font-weight:700}
.command-reference td.group.red{background-color:#c16565}
.command-reference td.group.puce{background-color:#c375b6}
.command-reference td.group.purple{background-color:#8563b1}
.command-reference td.group.blue{background-color:#6374b1}
.command-reference .type{display:block;font-size:.75rem;color:#999}
@media (max-width:850px){
main{flex-direction:column-reverse}
article,main nav{width:90%;max-width:none;margin-left:auto;margin-right:auto}
article{line-height:1.4em;font-size:1rem}
main nav{margin-top:30px;padding-top:30px;border-top:1px solid #ccc}
h1{font-size:2.1875rem;margin-bottom:20px}
h2{margin-top:50px;font-size:1.875rem}
}