/* Simple, clean styling */
:root{--wrap:1100px;--accent:#1b1f3b;}
body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial;line-height:1.6;color:#111;margin:0;background:#f7f7f8;}
.wrap{max-width:var(--wrap);margin:0 auto;padding:24px;}
.site-header{background:#fff;border-bottom:1px solid #e6e6e6;}
.site-title{margin:0;padding:18px 0;font-size:20px;color:var(--accent);}
.main-nav{display:inline-block;float:right;padding-top:20px;}
.main-nav .nav-item{margin-left:12px;text-decoration:none;color:#1b1f3b;}
.intro h2{margin-top:0;}
.latest .article-list{list-style:none;padding:0;margin:0;}
.article-list li{padding:14px 0;border-bottom:1px solid #eaeaea;}
.article-list li a{font-weight:600;color:var(--accent);text-decoration:none;}
.article-list li .excerpt{margin:6px 0 0;color:#444;}
.article-page article{background:#fff;padding:20px;border-radius:6px;box-shadow:0 1px 3px rgba(0,0,0,0.04);}
.site-footer{background:#fff;border-top:1px solid #e6e6e6;margin-top:30px;}
.site-footer p{margin:12px 0;color:#666;}
@media (max-width:700px){.main-nav{float:none;padding-top:8px;display:block;} .wrap{padding:12px;}}