body { max-width: 40rem; }
body { margin: 1em auto; padding: 0 .62em; font: 1.2em/1.62 sans-serif; }
h1, h2, h3 { line-height: 1.2; }
@media print { body { max-width: none; } }
body > header, body > footer { padding: 0.5em 1em; background: #EEE; }
.space-between { display: flex; flex-wrap: wrap; }
.space-between { justify-content: space-between; align-items: baseline; }
.space-between > * { margin-right: 2em; }
.space-between > *:last-child { margin-right: 0; }
.article-head { display: flex; flex-wrap: wrap; align-items: baseline; }
.article-head + hr { border:0; margin-top: 0; border-bottom: 1px solid #888; }
.article-head > h1 { flex-grow: 1; margin-right: 1em; margin-bottom: 0.6em; }
article img { max-width: 100%; }
.signature { font-size: 0.9em; text-align: right; margin-top: 0; }