:root { --ink: #1a1a1a; --paper: #fafaf6; --accent: #5a4a3a; --rule: #d8d4ca; }
* { box-sizing: border-box; }
body { background: var(--paper); color: var(--ink); font: 17px/1.55 Georgia, 'Iowan Old Style', 'Charter', serif; max-width: 38em; margin: 0 auto; padding: 2em 1.25em 4em; }
header { border-bottom: 1px solid var(--rule); padding-bottom: 1em; margin-bottom: 2em; }
h1 { font-size: 1.45em; margin: 0 0 .1em; font-weight: 600; letter-spacing: -.01em; }
h1 a { color: var(--ink); text-decoration: none; }
.tagline { color: var(--accent); font-style: italic; font-size: .95em; margin: 0; }
h2, h3 { letter-spacing: -.01em; line-height: 1.25; }
article + article { border-top: 1px solid var(--rule); margin-top: 2.5em; padding-top: 2em; }
article header { border: none; margin-bottom: .8em; padding: 0; }
article h2 { margin: 0 0 .15em; font-size: 1.3em; }
article h2 a { color: var(--ink); text-decoration: none; }
.meta { color: var(--accent); font-size: .85em; font-style: italic; }
.tags a { color: var(--accent); text-decoration: none; }
.tags a:hover { text-decoration: underline; }
.summary { color: var(--accent); margin: .25em 0 .8em; font-style: italic; }
blockquote { border-left: 3px solid var(--accent); margin: 1em 0; padding: .3em 0 .3em 1em; color: #444; font-style: italic; }
pre { background: #f0ece2; padding: 1em; overflow-x: auto; border-radius: 3px; font-size: .9em; }
code { font-family: 'SF Mono', 'Menlo', monospace; font-size: .92em; }
:not(pre) > code { background: #f0ece2; padding: 1px 4px; border-radius: 2px; }
a { color: #6b4a2a; text-decoration: underline; text-decoration-thickness: .5px; text-underline-offset: 2px; }
a:hover { color: var(--ink); }
hr { border: none; border-top: 1px solid var(--rule); margin: 2em 0; }
footer { margin-top: 4em; padding-top: 1em; border-top: 1px solid var(--rule); color: var(--accent); font-size: .85em; font-style: italic; }
.comment-form { margin-top: 3em; padding-top: 2em; border-top: 1px solid var(--rule); }
.comment-form h3 { margin: 0 0 .5em; font-size: 1.1em; }
.comment-form p { margin: .6em 0; }
.comment-form label { display: block; color: var(--accent); font-size: .9em; }
.comment-form input[type="text"], .comment-form input[type="email"], .comment-form textarea {
  display: block; width: 100%; padding: .5em; border: 1px solid var(--rule); border-radius: 3px;
  font: inherit; font-size: .95em; background: #fff;
}
.comment-form textarea { font-family: 'SF Mono', 'Menlo', monospace; font-size: .9em; resize: vertical; }
.comment-form button { padding: .5em 1.5em; border: 1px solid var(--accent); background: var(--paper);
  color: var(--ink); font: inherit; cursor: pointer; border-radius: 3px; }
.comment-form button:hover { background: var(--accent); color: var(--paper); }