/* Reset & Base */
* { margin:0; padding:0; box-sizing:border-box; }
body { font-family: 'Segoe UI', sans-serif; line-height:1.6; color:#333; background:#fafafa; }
a { color:#2563eb; text-decoration:none; }
a:hover { text-decoration:underline; }
.container { max-width:800px; margin:0 auto; padding:2rem 1rem; }

/* Header */
header { background:#2563eb; color:white; padding:1.5rem 0; }
header h1 a { color:white; text-decoration:none; }
header nav { margin-top:0.5rem; }
header nav a { color:white; margin-right:1rem; font-weight:500; }

/* Main */
.posts article { background:white; padding:1.5rem; margin-bottom:1.5rem; border-radius:8px; box-shadow:0 2px 10px rgba(0,0,0,0.05); }
.posts h3 { margin-bottom:0.5rem; }
.date { color:#666; font-size:0.9rem; margin-bottom:0.5rem; }

/* Post page */
.post article { background:white; padding:2rem; border-radius:8px; box-shadow:0 4px 20px rgba(0,0,0,0.1); }
.content { margin:2rem 0; font-size:1.1rem; }
.back { display:inline-block; margin-top:2rem; }

/* About */
.about { text-align:center; background:white; padding:3rem; border-radius:8px; }
.profile-pic { width:150px; height:150px; border-radius:50%; object-fit:cover; margin-bottom:1.5rem; }

/* Footer */
footer { text-align:center; padding:2rem; color:#666; font-size:0.9rem; margin-top:3rem; }

/* Mobile */
@media (max-width:600px) {
  .container { padding:1rem; }
  header nav a { display:block; margin:0.5rem 0; }
  }