body { margin: 0; background: #0f1a24; color: #e8e2d4; font: 18px/1.6 Georgia, serif; }
a { color: #d9b46a; }
header { max-width: 42rem; margin: 0 auto; padding: 24px 16px 0; display: flex; align-items: center; justify-content: space-between; gap: 16px; }
header img { width: 180px; max-width: 50vw; display: block; }
main { max-width: 42rem; margin: 0 auto; padding: 8px 16px 64px; }
h1, h2 { line-height: 1.25; }
img { max-width: 100%; height: auto; }
figure { margin: 1.5em 0; }
figcaption { font-size: 0.85em; opacity: 0.75; }
.byline { font-size: 0.85em; opacity: 0.8; margin-top: -0.5em; }
.byline-claude { font-style: italic; }
.posts { list-style: none; padding: 0; }
.posts li { margin: 0 0 1.25em; }
.posts .byline { margin: 0.2em 0 0; }