:root { --max: 820px; --pad: 1.25rem; font-family: system-ui, sans-serif; }
* { box-sizing: border-box; }
body { margin: 0; line-height: 1.6; }
.container { max-width: var(--max); margin: 0 auto; padding: var(--pad); }
.site-header, .site-footer {
  border-bottom: 1px solid #eee; padding: var(--pad); display: flex; gap: 1rem; align-items: center;
}
.site-footer { border-top: 1px solid #eee; border-bottom: 0; margin-top: 3rem; justify-content: center; }
.brand { font-weight: 700; text-decoration: none; color: inherit; margin-right: auto; }
nav a { text-decoration: none; color: #333; margin-left: .5rem; }
article h1 { margin-bottom: .25rem; }
.muted { color: #666; margin-top: 0; }
pre { overflow: auto; padding: .75rem; border: 1px solid #eee; border-radius: .5rem; }
code { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; }
ul.posts { list-style: none; padding: 0; }
ul.posts li { margin: .5rem 0; }
.tag-cloud li { display: inline-block; margin: .25rem .5rem; }
.tags ul { display: flex; gap: .5rem; list-style: none; padding: 0; }
.tags a { background: #eee; padding: .2rem .4rem; border-radius: .3rem; text-decoration: none; }