body { font-family: Arial, sans-serif; margin:0; padding:0; line-height:1.6; }
header { background:#2c3e50; color:#fff; padding:10px; }
nav a { color:#ecf0f1; margin:0 8px; text-decoration:none; }
.hero { text-align:center; padding:40px 20px; background:#ecf0f1; }
.banner { max-width:100%; height:auto; }
.grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(250px,1fr)); gap:20px; padding:20px; }
.card { border:1px solid #ddd; border-radius:8px; overflow:hidden; }
.card img { width:100%; height:150px; object-fit:cover; }
.card h3 { margin:10px; }
.card p { margin:0 10px 10px; font-size:0.95em; }
main { padding:20px; }
.post-list { list-style:none; padding:0; }
.post-list li { margin-bottom:10px; }
.post-list .date { color:#999; font-size:0.9em; margin-left:6px; }
footer { background:#eee; text-align:center; padding:10px; margin-top:20px; }