/* Base */
*{box-sizing:border-box}
body{
    margin:0;
    font:16px/1.65 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
    color:#222;
    background:#fff
}

/* Layout */
.container{
    max-width:960px;
    margin:auto;
    padding:16px
}

/* Header & Footer */
header,footer{
    border:1px solid #e5e5e5;
    border-width:0 0 1px
}
footer{
    border-width:1px 0 0;
    margin-top:32px;
    font-size:14px;
    color:#555
}

header nav{margin-top:8px}

/* Navigation */
nav a{
    margin-right:12px;
    text-decoration:none;
    color:#222
}
nav a:hover{
    text-decoration:underline
}

/* Typography */
h1{font-size:28px;margin:0 0 12px}
h2{font-size:20px;margin:24px 0 8px}
h3{font-size:17px;margin:20px 0 6px}
p,ul,ol{margin:0 0 12px}
ul,ol{padding-left:20px}
a{color:#0645ad}
a:hover{text-decoration:underline}
.site-name{font-size:28px;font-weight:600;color:#222;text-decoration:none}