/* Minimal site styles to improve readability and layout */
:root{
  --bg:#f7f7f9;
  --card:#ffffff;
  --muted:#6b7280;
  --accent:#0ea5a4;
  --max-width:48rem;
  --radius:12px;
  --page-padding:1.25rem;
}
html,body{
  height:100%;
  background:var(--bg);
  color:#111827;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
  -webkit-font-smoothing:antialiased;
}
.site-wrapper{
  display:flex;
  justify-content:center;
  padding:2rem 1rem;
}
.site-content{
  width:100%;
  max-width:var(--max-width);
  background:linear-gradient(180deg, rgba(255,255,255,0.8), rgba(255,255,255,0.98));
  box-shadow:0 6px 18px rgba(15,23,42,0.06);
  border-radius:var(--radius);
  padding:2rem;
}
header.site-header{
  margin-bottom:1.25rem;
}
header.site-header h1{
  margin:0;
  font-size:1.75rem;
  letter-spacing:-0.02em;
}
header.site-header p.lead{
  margin:0.35rem 0 0;
  color:var(--muted);
}
.posts-list{display:block;margin-top:1.25rem}
.post-preview{padding:1rem;border-radius:10px;background:var(--card);margin-bottom:0.75rem;box-shadow:0 2px 6px rgba(2,6,23,0.04)}
.post-preview h2{margin:0 0 0.25rem;font-size:1.125rem}
.post-preview p.excerpt{margin:0;color:var(--muted);font-size:0.95rem}
.meta{font-size:0.85rem;color:var(--muted);margin-top:0.5rem}

/* Responsive */
@media (max-width:640px){
  .site-content{padding:1rem}
  header.site-header h1{font-size:1.25rem}
}

/* Article content tweaks */
.post-content p{line-height:1.8;color:#111827}
.post-content h3{margin-top:1.25rem}
.post-content blockquote{border-left:3px solid var(--accent);padding-left:1rem;color:var(--muted);background:rgba(14,165,164,0.03);border-radius:6px;padding-top:0.5rem;padding-bottom:0.5rem}