*{box-sizing:border-box}
body{margin:0;background:#f4f3ee;color:#23211c;font:15px/1.65 Georgia,"Times New Roman",serif}
.wrap{max-width:900px;margin:0 auto;padding:0 20px}
header{background:#2f4858;color:#f4f3ee;padding:26px 0;border-bottom:4px solid #86a3b3}
header h1{margin:0;font-size:25px;letter-spacing:.3px}
header p{margin:6px 0 0;font-size:14px;color:#c6d4dc}
nav{background:#e6e3d9;border-bottom:1px solid #cfcabb}
nav a{display:inline-block;padding:11px 16px;color:#2f4858;text-decoration:none;font-size:14px}
nav a:hover{background:#d8d4c6}
main{padding:28px 0 40px}
h2{font-size:20px;margin:30px 0 12px;border-bottom:1px solid #cfcabb;padding-bottom:6px}
table{border-collapse:collapse;width:100%;margin:16px 0;font-size:14px}
th,td{border:1px solid #cfcabb;padding:6px 9px;text-align:left}
th{background:#e6e3d9}
tr:nth-child(even) td{background:#faf9f5}
.note{background:#fffbe8;border-left:4px solid #d4b95e;padding:11px 15px;margin:18px 0;font-size:14px}
footer{background:#e6e3d9;border-top:1px solid #cfcabb;padding:18px 0;font-size:13px;color:#5b564a}
code{background:#e6e3d9;padding:1px 5px;font-family:Consolas,monospace;font-size:13px}