/* Tiny, readable defaults */
:root { --w: 72ch; }
* { box-sizing: border-box; }
html { font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji"; line-height: 1.65; }
body { margin: 0; padding: 2rem 1rem; display: grid; place-items: start center; color: #111; background: #fff; }
a { text-decoration: none; }
a:hover { text-decoration: underline; }
.site-header, .site-footer, .content { width: 100%; max-width: var(--w); }
.site-header { display: flex; align-items: baseline; justify-content: space-between; gap: 1rem; margin-bottom: 2rem; }
h1, h2, h3 { line-height: 1.25; margin: 1.2em 0 0.6em; }
p { margin: 0.8em 0; }
pre { padding: 0.75rem; background: #f5f5f5; overflow: auto; border-radius: 6px; }
code { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; }
.post .meta { color: #555; margin-top: -0.5rem; }
.post-list ul { list-style: none; padding: 0; margin: 0; }
.post-list li { margin: 0 0 1.25rem; }
.excerpt { color: #444; }
@media (prefers-color-scheme: dark) {
  body { color: #e5e5e5; background: #111; }
  pre { background: #1e1e1e; }
  a { color: #9ecbff; }
  .excerpt, .post .meta { color: #aaa; }
}


.pager { display: flex; justify-content: space-between; margin-top: 1.25rem; }
.pager .prev, .pager .next { padding: 0.25rem 0.5rem; border: 1px solid #ddd; border-radius: 6px; }
@media (prefers-color-scheme: dark) {
  .pager .prev, .pager .next { border-color: #333; }
}