html { scrollbar-gutter: stable; }
body {
    margin: 0;
    line-height: 1.1;
    font-family: system-ui, 'Bitstream Charter', 'Sitka Text', Cambria, serif;
    font-size: 16px;
}

article { line-height: 1.5; }

img {
  max-width: 100%;
  height: auto;
}

h1, h2, h3, h4, h5, h6 {
    margin-bottom: 0;
    line-height: 1.2em;
    margin-top: 1em;
}

h1,h2,h3 {
    font-weight: normal;
/*    font-variant: small-caps;*/
/*    text-transform: lowercase;*/
/*    letter-spacing: 0.075em;*/
}

p {
    margin: 1.5em 0;
}

a:link, a:visited {
    text-decoration: none
}

a:hover, a:active {
    text-decoration: underline
}

pre, code { background: floralwhite; }

code {
    font-size: smaller;
    padding: 2px 4px;
}


/* Single column layout */
nav section, header section, main, footer section {
    max-width: 36em;
    margin-left: auto;
    margin-right: auto;
    padding: 0 1em;
}


/* Navigation panel */
nav {
    line-height: 6em;
}

nav a {
    margin-right: 1em;
}

nav a:link, nav a:visited {
    color: #555;
}

nav a:hover, nav a:active {
    color: #000;
    text-decoration: none;
}

@media screen and (min-width: 600px) {
    nav .links {
        float: right;
    }
}


/* Footer */
footer {
    margin-top: 2em;
    padding: 1em 0;
    text-align: center;
}

footer section p {
    font-size: 0.8em;
}

footer a {
    margin-right: 1em;
}

footer a:last-child {
    margin-right: 0;
}


/* Posts */
article {
    margin-top: 1em;
    margin-bottom: 1em;
}

article h2 a:link, article h2 a:visited,
article h1 a:link, article h1 a:visited,
.more:link, .more:visited {
    color: #333333;
}

article h2 a:hover, article h2 a:active,
article h1 a:hover, article h1 a:active,
.more:hover, .more:active {
    color: #777777;
}

p.meta {
    font-size: 0.8em;
    color: #777777;
    font-style: italic;
}

p.summary {
    margin-top: 0.25em;
    margin-bottom: 0.25em;
}

div .more {
    margin-top: 0;
    font-weight: bold;
}

.home a {
    font-size: 1.5em;
}