/* Basic modern blog styles */
:root{
  --bg:#f7f7fb;
  --card:#ffffff;
  --accent:#0b74de;
  --muted:#6b7280;
  --max-width:900px;
}
*{box-sizing:border-box}
body{font-family:Inter,system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin:0;background:var(--bg);color:#111}
.container{width:90%;max-width:var(--max-width);margin:0 auto;padding:2rem 0}
.site-header{background:linear-gradient(90deg,#fff,#f8fafc);border-bottom:1px solid #e6e9ee}
.site-header.small{padding:0.6rem 0}
.site-header .container{display:flex;align-items:center;justify-content:space-between}
.site-title{font-size:1.25rem;margin:0}
.site-title a{color:inherit;text-decoration:none}
.site-nav a{color:var(--muted);text-decoration:none;margin-left:1rem}
.hero{padding:2rem 0;text-align:center}
.lead{color:var(--muted);font-size:1.05rem}
.post-list{display:grid;gap:1rem}
.post-item{background:var(--card);padding:1rem;border-radius:8px;box-shadow:0 1px 4px rgba(16,24,40,0.04)}
.post-item h3{margin:0 0 .5rem;font-size:1.05rem}
.post-item a{color:var(--accent);text-decoration:none}
.post-excerpt{color:var(--muted);margin:0}
.post-article{background:var(--card);padding:2rem;border-radius:8px;box-shadow:0 1px 6px rgba(16,24,40,0.04)}
.post-article h1{margin-top:0}
.post-article p{line-height:1.65;color:#222}
.site-footer{border-top:1px solid #e6e9ee;padding:1rem 0;text-align:center;color:var(--muted);background:transparent}
@media(min-width:900px){.site-title{font-size:1.5rem}.post-list{grid-template-columns:1fr 1fr}}