:root{
  --paper:#f5efe0; --ink:#1d1d1d; --ink-soft:#5c574c; --teal:#0d6e6e; --line:#e0d8c4;
}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);
  font-family:"Source Serif 4",Charter,Georgia,serif;line-height:1.7;
  font-size:18px;-webkit-font-smoothing:antialiased}
a{color:var(--teal);text-decoration:none}
a:hover{text-decoration:underline}
.site-head{border-bottom:1px solid var(--line);padding:20px 24px}
.site-name{font-weight:600;font-size:20px;letter-spacing:.02em}
.site-main{max-width:680px;margin:0 auto;padding:48px 24px}
.site-foot{max-width:680px;margin:0 auto;padding:32px 24px;color:var(--ink-soft);
  font-size:14px;border-top:1px solid var(--line)}
.creator-name{font-size:34px;margin:0 0 8px}
.creator-bio{color:var(--ink-soft);margin:0 0 8px}
.bio{margin-bottom:40px}
.post-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:28px}
.post-row{display:flex;flex-direction:column;gap:2px}
.post-link{font-size:22px;font-weight:600}
.post-date{color:var(--ink-soft);font-size:14px;font-family:ui-monospace,monospace}
.post-summary{margin:6px 0 0;color:var(--ink-soft)}
.empty{color:var(--ink-soft)}
.post-title{font-size:34px;margin:0 0 8px;line-height:1.2}
.post-tags{margin:10px 0;display:flex;gap:8px;flex-wrap:wrap}
.tag{font-family:ui-monospace,monospace;font-size:12px;color:var(--teal);
  background:rgba(13,110,110,.12);padding:2px 10px;border-radius:999px}
.post-external{margin:12px 0}
.post-body{margin-top:28px}
.post-body img{max-width:100%;height:auto;border-radius:8px}
.post-body pre{background:#1d1d1d;color:#f5efe0;padding:16px;border-radius:8px;
  overflow:auto;font-size:15px}
.post-body code{font-family:ui-monospace,monospace;font-size:.9em}
.post-body blockquote{border-left:3px solid var(--teal);margin:0;padding-left:16px;
  color:var(--ink-soft)}