:root{--ink:#26302b;--mut:#6d7772;--bg:#f6f5f0;--ac:#3d5c4a;--line:#e2e0d6}
*{box-sizing:border-box}body{font:17px/1.65 Georgia,'Times New Roman',serif;color:var(--ink);background:var(--bg);margin:0}
.wrap{max-width:680px;margin:0 auto;padding:0 22px}
header.site{border-bottom:1px solid var(--line);margin-bottom:2.2em}
header.site .wrap{padding-top:2.4em;padding-bottom:1.4em}
h1.brand{font-weight:normal;letter-spacing:.02em;margin:0;font-size:1.9em}
.tag{color:var(--mut);font-size:.95em;margin:.2em 0 0}
nav a{color:var(--ac);text-decoration:none;margin-right:1.1em;font-size:.95em}
a{color:var(--ac)}
article.post h2{font-weight:normal}
.entry{padding:1.1em 0;border-bottom:1px solid var(--line)}
.entry .date{color:var(--mut);font-size:.85em;letter-spacing:.03em;text-transform:uppercase}
.entry h3{margin:.25em 0 .3em;font-weight:normal}
.entry h3 a{text-decoration:none}
.excerpt{color:#454f49;margin:0}
footer.site{color:var(--mut);font-size:.85em;border-top:1px solid var(--line);margin-top:2.4em;padding:1.6em 0}
figure.sketch{margin:1.4em 0;border:1px solid var(--line);background:#fff}
figure.sketch svg{display:block;width:100%;height:auto}
.meta{color:var(--mut);font-size:.85em}