/* christophervasquez.net */
:root { --maxw: 760px; --ink: #222; --muted: #666; --accent: #1a5fb4; }
* { box-sizing: border-box; }
body { font-family: -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;
       color: var(--ink); line-height: 1.65; margin: 0; background: #fff; }
.site-header { display: flex; justify-content: space-between; align-items: center;
  padding: 1rem 1.5rem; border-bottom: 1px solid #eee; }
.brand { font-weight: 700; font-size: 1.15rem; color: var(--ink); text-decoration: none; }
nav a { margin-left: 1.25rem; color: var(--accent); text-decoration: none; }
nav a:hover { text-decoration: underline; }
main { max-width: var(--maxw); margin: 0 auto; padding: 2rem 1.5rem 3rem; }
h1 { font-size: 2rem; line-height: 1.25; }
h2 { font-size: 1.45rem; margin-top: 2rem; }
h3 { font-size: 1.15rem; }
img { max-width: 100%; height: auto; display: block; margin: 1.5rem auto; }
a { color: var(--accent); }
.post-date { color: var(--muted); font-size: 0.95rem; margin-top: -0.75rem; }
.post-list { list-style: none; padding: 0; }
.post-list li { margin: 0 0 1.1rem; }
.post-list .d { color: var(--muted); font-size: 0.9rem; margin-left: 0.6rem; }
blockquote { border-left: 3px solid #ddd; margin: 1.5rem 0; padding: 0.25rem 1rem; color: #444; }
code { background: #f4f4f4; padding: 0.1em 0.35em; border-radius: 3px; }
.site-footer { text-align: center; color: var(--muted); font-size: 0.9rem;
  padding: 2rem 1rem; border-top: 1px solid #eee; }
.back { display: inline-block; margin-top: 2rem; }