* { margin: 0; padding: 0; }

html { font-size: 62.5%; background: #296486; }

.wrap { width: 56rem; margin-left: auto; margin-right: auto; }

.site-container { background: #fff; }

.site-header { padding: 4rem 0 2rem; border-top: 0.4rem solid #296486; font-family: Helvetica, Arial, sans-serif; font-size: 1.25rem; color: #888; }

.site-header a { color: inherit; }

.site-logo { margin: 0 0 0.8rem; font-size: 5rem; font-weight: 400; letter-spacing: 0.05rem; color: #222; }

.site-logo a { text-decoration: none; }

.site-title { color: #7fb4c1; /* text-transform: uppercase; */ letter-spacing: 0.05rem; }

.site-subheader .site-link { margin: 0 0.2rem 0; color: #444; }

.site-content { padding: 7.5rem 0; }

.site-footer { padding: 4rem 0 6rem; font-family: Helvetica, Arial, sans-serif; font-size: 1.375rem; text-align: center; letter-spacing: 0.05rem; color: #aaa; }

.post { margin: 0 0 6rem; list-style: none; }

.post-title { margin: 0 0 0.5rem; font-family: Helvetica, Arial, sans-serif; font-size: 2.5rem; font-weight: 400; line-height: 3.25rem; letter-spacing: 0.05rem; color: #296486; }

.post-title a { color: inherit; }

.post-title a:hover { color: #59b6e6; }

.post-title span { color: #888; line-height: 0.5; }

.post-meta { margin: 0 0 2rem; font-family: Helvetica, Arial, sans-serif; font-size: 1.25rem; letter-spacing: 0.05rem; color: #aaa; }

.post-content { font-size: 1.75rem; font-family: "grad", Georgia, serif; color: #222; line-height: 3rem; letter-spacing: 0.025rem; }

.post-content.mod-excerpt { font-size: 1.6rem; line-height: 2.5rem; }

.post-content p { margin-bottom: 1.75rem; }

.post-content img { max-width: 100%; }

.post-content ol, .post-content ul { margin: 0 0 1.75rem 3.5rem; }

.post-content li { margin-bottom: 0.875rem; }

.post-content h3 { margin: 3rem 0 0.5rem; font-size: 2.1875rem; }

.post-content h4 { margin: 2rem 0 0.25rem; font-size: 1.75rem; }

.post-content code { padding: 0 0.125rem; font-family: Courier, monospace; font-size: 1.6rem; }

.post-content .highlight { margin: 3rem 0; }

.post-content .highlight pre { line-height: 2rem; }

.post-content .highlight code { font-size: 1.125rem; }

.post-content a { color: #296486; }

.post-content a:visited { color: #888; }

.post-content a:hover { color: #59b6e6; }

.post-content .footnotes { margin: 3rem 0 0; font-size: 1.5rem; }

.post-content .footnotes hr { border: none; border-top: 0.1rem solid #ccc; }

.post-content .footnotes ol { margin: 2rem 0 0; padding: 0 0 0 3rem; }

.post-content .footnotes li { line-height: 2.5rem; }

/* Homepage ---------------------------------------------------------------- */
.posts.mod-home .post-meta { margin: 0 0 1.6rem; }
.posts.mod-home .post-content { color: #444; }
.posts.mod-home .post-content .footnotes { display: none; }