/* blog/styles.css - polished and responsive */
:root{--nav:#1F3C88;--muted:#6c757d;--card:#ffffff}
body{font-family:Inter, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial; background:#f5f7fa; color:#1b1b1b; margin:0}
.container{max-width:1100px;margin:32px auto;padding:0 20px}
header.site-header{text-align:center;padding:40px 0 10px}
header.site-header h1{color:var(--nav);font-size:2.25rem;margin:0}
header.site-header p{color:var(--muted);margin-top:8px}
.grid{display:grid;grid-template-columns:1fr;gap:18px}
@media(min-width:880px){ .grid{grid-template-columns: 1fr 340px} }
.main{}
.post-card{background:var(--card);padding:20px;border-radius:12px;box-shadow:0 8px 24px rgba(20,20,50,0.06);}
.post-card h2{margin:0 0 8px 0;font-size:1.25rem}
.meta{color:var(--muted);font-size:0.9rem;margin-bottom:12px}
.excerpt{color:#333;line-height:1.6}
.read{display:inline-block;margin-top:12px;color:var(--nav);font-weight:600;text-decoration:none}
aside .card{background:var(--card);padding:18px;border-radius:10px;box-shadow:0 6px 18px rgba(20,20,50,0.05)}
footer{text-align:center;padding:28px;color:#666;font-size:0.9rem;margin-top:40px}