:root { color-scheme: light; font-family: Georgia, serif; }
body { margin: 0; color: #172033; background: #e8eef7; }
.site-header { display: flex; justify-content: space-between; align-items: center; padding: 1.5rem max(1rem, calc((100% - 720px) / 2)); background: #24456b; color: white; }
.site-header a, .site-footer a { color: white; text-decoration: none; font-weight: 700; }
.theme-mark, .eyebrow { font: 700 .72rem/1.2 system-ui, sans-serif; letter-spacing: .14em; }
.site-main { max-width: 720px; margin: 0 auto; padding: 3rem 1.5rem; background: #fff; min-height: 70vh; }
.site-footer { padding: 1.25rem max(1rem, calc((100% - 720px) / 2)); background: #172033; color: white; }
.article-list { padding-left: 1.25rem; }
.article-list li { padding: .9rem 0; border-bottom: 1px solid #d8e0eb; }
.article-list a { color: #24456b; font-weight: 700; }
.article-list time { float: right; color: #64748b; font: .85rem system-ui, sans-serif; }
.article-content { line-height: 1.9; }
.article-content img { max-width: 100%; height: auto; }
.article-meta, .article-taxonomy { color: #64748b; font: .9rem system-ui, sans-serif; }
.article-taxonomy a { margin-right: .65rem; color: #24456b; }