body {
  font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  line-height: 1.6;
  margin: 0;
  color: #111;
  background: #fff;
}
.container {
  max-width: 1000px;
  margin: 0 auto;
  padding: 20px;
}
.site-header, .site-footer {
  border-bottom: 1px solid #eee;
  padding: 10px 0;
}
.site-footer { border-top: 1px solid #eee; border-bottom: none; }
nav a { margin-right: 14px; text-decoration: none; color: #0a58ca; }
h1, h2, h3 { line-height: 1.3; }
.posts-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 20px;
  margin-top: 20px;
}
.post-card {
  border: 1px solid #eee;
  border-radius: 8px;
  overflow: hidden;
  background: #fafafa;
  transition: box-shadow 0.2s;
}
.post-card:hover { box-shadow: 0 4px 12px rgba(0,0,0,0.1); }
.post-card img { width: 100%; height: auto; object-fit: cover; }
.post-card h2 { margin: 12px; font-size: 1.2rem; }
.post-card p { margin: 0 12px 12px; font-size: .95rem; }
.post-card time { display: block; margin: 0 12px 8px; font-size: .85rem; color:#666; }
.read-more { display: block; margin: 0 12px 12px; font-size:.9rem; color:#0a58ca; }
.breadcrumbs { font-size: .9rem; margin-bottom: 12px; }
.breadcrumbs a { color: #0a58ca; text-decoration:none; }
.breadcrumbs span { color:#666; }
.intro { color:#444; margin-bottom:20px; font-size:1.05rem; }