:root {
  --text: #111;
  --muted: #555;
  --link: #0b57d0;
  --bg: #fafafa;
  --border: #e5e5e5;
}

html, body { margin: 0; padding: 0; background: var(--bg); color: var(--text); }
body { font: 16px/1.6 Arial, Helvetica, sans-serif; }

.wrap { max-width: 760px; margin: 28px auto; padding: 0 18px; }

h1 { font-size: 28px; margin: 0 0 6px; letter-spacing: 0.2px; }
.tagline { margin: 0 0 14px; color: var(--muted); }

nav { margin: 10px 0 20px; padding: 10px 0; border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); }
nav a { margin-right: 14px; text-decoration: none; color: var(--link); }
nav a:hover { text-decoration: underline; }

h2 { font-size: 18px; margin: 18px 0 10px; }
.post h3 { margin: 0 0 4px; font-size: 16px; }
.post a { color: var(--link); text-decoration: none; }
.post a:hover { text-decoration: underline; }

.meta { margin: 0 0 8px; color: var(--muted); font-size: 13px; }
hr { border: 0; border-top: 1px solid var(--border); margin: 18px 0; }

.small { font-size: 13px; color: var(--muted); }
footer { margin-top: 24px; padding-top: 10px; border-top: 1px solid var(--border); }