/* Very simple, retro-inspired styles */
*{box-sizing:border-box}
body{font-family: 'Trebuchet MS',Verdana,Arial,sans-serif;background:linear-gradient(#f8f8ff,#e6eef8);color:#222;margin:0}
.site-header {background:#12a802;color:#fff;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;max-width:900px;margin:0 auto;border-radius:0 0 6px 6px;}
.site-title{font-weight:bold;color:#fff;text-decoration:none;font-size:1.3rem}
.main-nav a{color:#fff;text-decoration:none;margin:0 6px}
.container{display:block;max-width:900px;margin:22px auto;padding:0 16px}
h1{font-size:1.8rem;margin-top:0}
.post-list, .all-posts{list-style:none;padding-left:0}
.post-list li, .all-posts li{padding:6px 0;border-bottom:1px dotted #ddd}
.meta{color:#666;font-size:0.9rem;margin-left:8px}
.sidebar{border:1px solid #ddd;padding:8px;margin-top:14px;background:#fff}
.site-footer{text-align:center;padding:10px;background:#f1f1f1;border-top:1px solid #ddd;margin-top:30px}
.links li{margin:6px 0}
.hitcounter{font-family:monospace;background:#000;color:#0f0;padding:4px;display:inline-block}
.hero {text-align: center;background: #e0e8f5; /* optional soft backdrop */padding: 10px 0;}
.hero-img {max-width: 100%;height: auto;border: 3px solid #fff;box-shadow: 0 2px 6px rgba(0,0,0,0.2);border-radius: 4px;}


/* A little 2000s flair */
.container{background:rgba(255,255,255,0.85);padding:18px;border-radius:6px;box-shadow:0 2px 6px rgba(0,0,0,0.08)}


/* Responsive tiny */
@media (min-width:700px){
.container{display:grid;grid-template-columns:2fr 1fr;gap:18px}
.sidebar{order:2}
}