/* Simple, lightweight styling */
*{margin:0;padding:0;box-sizing:border-box;font-family:system-ui, sans-serif;}
body{line-height:1.6;color:#333;background:#fafafa;padding:0 1rem;}
header{padding:3rem 0;text-align:center;}
h1{font-size:2.4rem;font-weight:700;}
h1 a{color:#111;text-decoration:none;}
.tagline{margin:0.5rem 0 1rem;font-size:1.1rem;color:#555;}
nav a{margin:0 0.5rem;color:#0070f3;text-decoration:none;font-weight:500;}
section{max-width:720px;margin:2.5rem auto;}
h2{margin-bottom:0.75rem;font-size:1.6rem;color:#111;}
ul li{margin-left:1.2rem;margin-bottom:0.5rem;}
article{margin-bottom:1.5rem;}
footer{padding:2rem 0;text-align:center;color:#777;}
main{min-height:60vh;}
@media(min-width:700px){body{padding:0 2rem;}}

/* Blog styles */
.post{max-width:720px;margin:2.5rem auto;}
.post-header{margin-bottom:2rem;}
.post-header h1{font-size:2rem;margin-bottom:0.5rem;}
.post-meta{font-size:0.9rem;color:#666;margin-top:0.5rem;}
.post-meta time{margin-right:1rem;}
.post-tags{margin-left:0.5rem;}
.tag{display:inline-block;margin-right:0.5rem;padding:0.2rem 0.5rem;background:#e8e8e8;border-radius:3px;font-size:0.85rem;}
.post-content{margin:2rem 0;}
.post-content p{margin-bottom:1rem;}
.post-content h2{margin-top:2rem;margin-bottom:1rem;}
.post-content h3{margin-top:1.5rem;margin-bottom:0.75rem;font-size:1.3rem;}
.post-content ul,.post-content ol{margin-left:1.5rem;margin-bottom:1rem;}
.post-content li{margin-bottom:0.5rem;}
.post-nav{margin-top:3rem;padding-top:2rem;border-top:1px solid #ddd;}
.post-nav a{color:#0070f3;text-decoration:none;font-weight:500;}
.post-list{list-style:none;margin-left:0;}
.post-list li{margin-bottom:2.5rem;margin-left:0;}
.post-list article h2{margin-bottom:0.5rem;}
.post-list article h2 a{color:#111;text-decoration:none;}
.post-list article h2 a:hover{color:#0070f3;}
.post-excerpt{color:#555;margin-top:0.5rem;}