:root { --ink:#2b2622; --muted:#6f665d; --paper:#fbf7f1; --accent:#b4532a; --line:#e8dfd3; --card:#ffffff; }
@media (prefers-color-scheme: dark) { :root { --ink:#ece6de; --muted:#a89d91; --paper:#1a1715; --accent:#e9875b; --line:#352f2a; --card:#221e1b; } }
* { box-sizing: border-box; }
body { margin:0; background:var(--paper); color:var(--ink); font:19px/1.7 Charter, "Iowan Old Style", Georgia, serif; }
.site-header, main, .site-footer { max-width:40rem; margin:0 auto; padding:0 20px; }
.site-header { display:flex; justify-content:space-between; align-items:baseline; gap:16px; flex-wrap:wrap; padding-top:28px; }
.brand { font:700 1.15rem system-ui, sans-serif; color:var(--ink); text-decoration:none; }
nav { display:flex; gap:18px; font:15px system-ui, sans-serif; }
nav a { color:var(--muted); text-decoration:none; }
nav a:hover { color:var(--accent); }
.page-home .nav-home, .page-blog .nav-blog, .page-about .nav-about { color:var(--accent); font-weight:600; }
main { padding-top:40px; padding-bottom:48px; }
a { color:var(--accent); }
h1 { font:700 2.2rem/1.15 system-ui, sans-serif; margin:0 0 12px; letter-spacing:-.01em; }
h2 { font:700 1.25rem/1.3 system-ui, sans-serif; margin:40px 0 12px; }
.lead { font-size:1.15rem; color:var(--muted); margin:0; }
img { max-width:100%; height:auto; border-radius:8px; }
.site-footer { border-top:1px solid var(--line); padding-top:16px; padding-bottom:40px; color:var(--muted); font:14px system-ui, sans-serif; }

/* The blog: these classes are on the pages Pagehaus makes when you publish. */
.blog-meta { color:var(--muted); font:14px system-ui, sans-serif; margin:0 0 24px; }
.blog-meta a { color:inherit; }
.blog-list { list-style:none; padding:0; margin:0; }
.blog-summary { padding:20px 0; border-bottom:1px solid var(--line); }
.blog-summary:first-child { padding-top:4px; }
.blog-summary h2 { margin:0 0 4px; font-size:1.3rem; }
.blog-summary h2 a { color:var(--ink); text-decoration:none; }
.blog-summary h2 a:hover { color:var(--accent); }
.blog-summary .blog-meta { margin-bottom:8px; }
.blog-summary p:last-child { margin:0; }
.blog-list-header { margin-bottom:12px; }
.blog-cover { display:block; margin:0 0 24px; }
.blog-body h2 { margin-top:32px; }
.blog-body blockquote { margin:24px 0; padding:4px 0 4px 20px; border-left:3px solid var(--accent); color:var(--muted); font-style:italic; }
.blog-body pre { overflow-x:auto; background:var(--card); border:1px solid var(--line); border-radius:8px; padding:14px; font-size:.85rem; }
.blog-body code { font-size:.9em; }
.blog-body table { border-collapse:collapse; width:100%; font:15px system-ui, sans-serif; margin:20px 0; }
.blog-body th, .blog-body td { text-align:left; padding:8px 10px; border-bottom:1px solid var(--line); }
.blog-pager, .blog-back { display:flex; justify-content:space-between; gap:16px; margin-top:32px; font:15px system-ui, sans-serif; }
.blog-empty { color:var(--muted); }
@media (max-width:520px) { body { font-size:18px; } h1 { font-size:1.8rem; } }