* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: system-ui, sans-serif; line-height: 1.6; max-width: 48rem; margin: 0 auto; padding: 1rem; color: #222; }
nav { border-bottom: 1px solid #ddd; padding: 0.75rem 0; margin-bottom: 1.5rem; }
nav a { text-decoration: none; color: #444; margin-right: 1rem; }
nav a:hover { color: #000; }
h1 { margin-bottom: 0.75rem; }
h1 a { text-decoration: none; color: inherit; }
p, ul, pre { margin-bottom: 1rem; }
ul { padding-left: 1.5rem; }
a { color: #1a6; }
pre { background: #f5f5f5; padding: 1rem; overflow-x: auto; white-space: pre-wrap; }
form label { display: block; margin-bottom: 0.25rem; font-weight: 600; }
form input[type="text"], form textarea { width: 100%; padding: 0.4rem; border: 1px solid #ccc; border-radius: 3px; font-family: inherit; font-size: inherit; }
form textarea { resize: vertical; }
form button { margin-top: 0.5rem; padding: 0.4rem 1.2rem; background: #1a6; color: #fff; border: none; border-radius: 3px; cursor: pointer; }
form button:hover { background: #158; }
.field { margin-bottom: 1rem; }
.error { color: #c33; font-size: 0.9rem; margin-top: 0.2rem; }
.post-meta { color: #888; font-size: 0.9rem; margin-bottom: 1rem; }
.header-image { width: 100%; max-height: 20rem; object-fit: cover; border-radius: 4px; margin-bottom: 1rem; }
.nav-form { display: inline; }
.nav-link { background: none; border: none; color: #444; cursor: pointer; font: inherit; padding: 0; margin-right: 1rem; }
.nav-link:hover { color: #000; }
form input[type="file"] { margin-top: 0.25rem; }
.post-actions { margin-bottom: 1rem; }
.post-actions a { margin-right: 0.5rem; }
.inline-form { display: inline; }
.danger { background: #c33; color: #fff; border: none; border-radius: 3px; padding: 0.2rem 0.6rem; cursor: pointer; font-size: 0.9rem; }
.danger:hover { background: #a22; }
footer { border-top: 1px solid #ddd; padding-top: 0.75rem; margin-top: 2rem; color: #888; font-size: 0.9rem; }