/* Reset & Base */
* { margin:0; padding:0; box-sizing:border-box; }
body { font-family: 'Helvetica', sans-serif; line-height:1.6; background:#f9f9f9; color:#222; }
.container { max-width:1000px; margin:0 auto; padding:20px; }

/* Header */
header { background:#111; color:#fff; padding:20px 0; }
header h1 { color:#e60000; font-size:2em; }
header .tagline { color:#ccc; margin-top:5px; }
header nav a { color:#fff; margin-right:15px; text-decoration:none; font-weight:bold; }

/* Hero Section */
.hero { background:#e60000; color:#fff; padding:40px; margin-bottom:20px; border-radius:8px; text-align:center; }

/* Articles */
.articles h2 { margin-bottom:15px; color:#111; }
.article-card { background:#fff; padding:20px; margin-bottom:15px; border-radius:8px; box-shadow:0 2px 5px rgba(0,0,0,0.1); }
.article-card h3 { color:#e60000; }
.article-card p { margin:10px 0; }
.article-card a { color:#e60000; text-decoration:none; font-weight:bold; }

/* Timestamp */
.timestamp { font-size:0.9em; color:#555; margin-bottom:10px; }

/* Footer */
footer { background:#111; color:#fff; text-align:center; padding:15px 0; margin-top:40px; font-size:0.9em; }

/* Responsive */
@media (max-width:600px){
  header, .container { padding:10px; }
  .hero { padding:20px; font-size:1em; }
}